lintje 0.2.0 → 0.4.0

package/dist-elements/tag/map.js

@@ -1,19 +1,19 @@
-import { $ as e, Bt as t, Gt as n, Ht as r, Jt as i, Kt as a, Lt as o, S as s, V as c, Yt as l, a as u, d, et as f, g as p, k as m, p as h, qt as g, s as _, ut as ee, w as v } from "../chunks/base-Bg-IFOPG.js";
-import { n as te, nextRow as ne } from "./menu-button.js";
-import { t as re } from "./announcement.js";
-import { a as ie, c as ae, d as y, i as b, l as oe, n as x, o as se, s as S, t as C, u as w } from "../chunks/download-y528pIHP.js";
-import { _ as ce, d as T, l as E, m as D, n as O, r as k, v as A } from "../chunks/stagger-qGD3wmhg.js";
+import { F as e, Kt as t, O as n, Yt as r, Zt as i, a, bt as o, d as s, en as c, h as l, in as u, l as d, lt as f, nn as p, o as m, q as h, rn as g, tn as _, ut as v, y } from "../chunks/base-DRGvkF-r.js";
+import { n as ee, nextRow as te } from "./menu-button.js";
+import { t as ne } from "./announcement.js";
+import { a as re, c as ie, i as b, n as x, o as ae, s as S, t as oe } from "../chunks/download-C68kcwPj.js";
+import { _ as C, d as se, l as w, m as ce, n as T, r as E, v as D } from "../chunks/stagger-BB_gcxBI.js";
 //#region \0rolldown/runtime.js
-var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescriptor, le = Object.getOwnPropertyNames, ue = Object.getPrototypeOf, P = Object.prototype.hasOwnProperty, de = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), fe = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = le(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !P.call(e, s) && s !== n && M(e, s, {
+var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescriptor, j = Object.getOwnPropertyNames, M = Object.getPrototypeOf, N = Object.prototype.hasOwnProperty, le = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ue = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = j(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !N.call(e, s) && s !== n && k(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = N(t, s)) || r.enumerable
+		enumerable: !(r = A(t, s)) || r.enumerable
 	});
 	return e;
-}, pe = /* @__PURE__ */ ((e, t, n) => (n = e == null ? {} : j(ue(e)), fe(t || !e || !e.__esModule || !P.call(e, "default") ? M(n, "default", {
+}, P = /* @__PURE__ */ ((e, t, n) => (n = e == null ? {} : O(M(e)), ue(t || !e || !e.__esModule || !N.call(e, "default") ? k(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)))((/* @__PURE__ */ de(((e, t) => {
+}) : n, e)))((/* @__PURE__ */ le(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? r(e) : typeof define == "function" && define.amd ? define(["exports"], r) : (n = typeof globalThis < "u" ? globalThis : n || self, r(n.leaflet = {}));
 	})(e, (function(e) {
@@ -86,30 +86,30 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		var _ = Array.isArray || function(e) {
 			return Object.prototype.toString.call(e) === "[object Array]";
 		};
-		function ee(e, t) {
+		function v(e, t) {
 			for (var n = 0; n < e.length; n++) if (e[n] === t) return n;
 			return -1;
 		}
-		var v = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
-		function te(e) {
+		var y = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
+		function ee(e) {
 			return window["webkit" + e] || window["moz" + e] || window["ms" + e];
 		}
-		var ne = 0;
-		function re(e) {
-			var t = +/* @__PURE__ */ new Date(), n = Math.max(0, 16 - (t - ne));
-			return ne = t + n, window.setTimeout(e, n);
+		var te = 0;
+		function ne(e) {
+			var t = +/* @__PURE__ */ new Date(), n = Math.max(0, 16 - (t - te));
+			return te = t + n, window.setTimeout(e, n);
 		}
-		var ie = window.requestAnimationFrame || te("RequestAnimationFrame") || re, ae = window.cancelAnimationFrame || te("CancelAnimationFrame") || te("CancelRequestAnimationFrame") || function(e) {
+		var re = window.requestAnimationFrame || ee("RequestAnimationFrame") || ne, ie = window.cancelAnimationFrame || ee("CancelAnimationFrame") || ee("CancelRequestAnimationFrame") || function(e) {
 			window.clearTimeout(e);
 		};
-		function y(e, t, n) {
-			if (n && ie === re) e.call(t);
-			else return ie.call(window, i(e, t));
+		function b(e, t, n) {
+			if (n && re === ne) e.call(t);
+			else return re.call(window, i(e, t));
 		}
-		function b(e) {
-			e && ae.call(window, e);
+		function x(e) {
+			e && ie.call(window, e);
 		}
-		var oe = {
+		var ae = {
 			__proto__: null,
 			extend: n,
 			create: r,
@@ -128,43 +128,43 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			getParamString: m,
 			template: g,
 			isArray: _,
-			indexOf: ee,
-			emptyImageUrl: v,
-			requestFn: ie,
-			cancelFn: ae,
-			requestAnimFrame: y,
-			cancelAnimFrame: b
+			indexOf: v,
+			emptyImageUrl: y,
+			requestFn: re,
+			cancelFn: ie,
+			requestAnimFrame: b,
+			cancelAnimFrame: x
 		};
-		function x() {}
-		x.extend = function(e) {
+		function S() {}
+		S.extend = function(e) {
 			var t = function() {
 				p(this), this.initialize && this.initialize.apply(this, arguments), this.callInitHooks();
 			}, i = t.__super__ = this.prototype, a = r(i);
 			for (var o in a.constructor = t, t.prototype = a, this) Object.prototype.hasOwnProperty.call(this, o) && o !== "prototype" && o !== "__super__" && (t[o] = this[o]);
-			return e.statics && n(t, e.statics), e.includes && (se(e.includes), n.apply(null, [a].concat(e.includes))), n(a, e), delete a.statics, delete a.includes, a.options && (a.options = i.options ? r(i.options) : {}, n(a.options, e.options)), a._initHooks = [], a.callInitHooks = function() {
+			return e.statics && n(t, e.statics), e.includes && (oe(e.includes), n.apply(null, [a].concat(e.includes))), n(a, e), delete a.statics, delete a.includes, a.options && (a.options = i.options ? r(i.options) : {}, n(a.options, e.options)), a._initHooks = [], a.callInitHooks = function() {
 				if (!this._initHooksCalled) {
 					i.callInitHooks && i.callInitHooks.call(this), this._initHooksCalled = !0;
 					for (var e = 0, t = a._initHooks.length; e < t; e++) a._initHooks[e].call(this);
 				}
 			}, t;
-		}, x.include = function(e) {
+		}, S.include = function(e) {
 			var t = this.prototype.options;
 			return n(this.prototype, e), e.options && (this.prototype.options = t, this.mergeOptions(e.options)), this;
-		}, x.mergeOptions = function(e) {
+		}, S.mergeOptions = function(e) {
 			return n(this.prototype.options, e), this;
-		}, x.addInitHook = function(e) {
+		}, S.addInitHook = function(e) {
 			var t = Array.prototype.slice.call(arguments, 1), n = typeof e == "function" ? e : function() {
 				this[e].apply(this, t);
 			};
 			return this.prototype._initHooks = this.prototype._initHooks || [], this.prototype._initHooks.push(n), this;
 		};
-		function se(e) {
+		function oe(e) {
 			if (typeof L < "u" && L && L.Mixin) {
 				e = _(e) ? e : [e];
 				for (var t = 0; t < e.length; t++) e[t] === L.Mixin.Events && console.warn("Deprecated include of L.Mixin.Events: this property will be removed in future releases, please inherit from L.Evented instead.", (/* @__PURE__ */ Error()).stack);
 			}
 		}
-		var S = {
+		var C = {
 			on: function(e, t, n) {
 				if (typeof e == "object") for (var r in e) this._on(r, e[r], t);
 				else {
@@ -269,8 +269,8 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				}, e), !0);
 			}
 		};
-		S.addEventListener = S.on, S.removeEventListener = S.clearAllEventListeners = S.off, S.addOneTimeEventListener = S.once, S.fireEvent = S.fire, S.hasEventListeners = S.listens;
-		var C = x.extend(S);
+		C.addEventListener = C.on, C.removeEventListener = C.clearAllEventListeners = C.off, C.addOneTimeEventListener = C.once, C.fireEvent = C.fire, C.hasEventListeners = C.listens;
+		var se = S.extend(C);
 		function w(e, t, n) {
 			this.x = n ? Math.round(e) : e, this.y = n ? Math.round(t) : t;
 		}
@@ -605,11 +605,11 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		function he(e, t) {
 			for (var n = "", r = 0, i, a = e.length, o, s, c; r < a; r++) {
 				for (s = e[r], i = 0, o = s.length; i < o; i++) c = s[i], n += (i ? "L" : "M") + c.x + " " + c.y;
-				n += t ? z.svg ? "z" : "x" : "";
+				n += t ? B.svg ? "z" : "x" : "";
 			}
 			return n || "M0 0";
 		}
-		var ge = document.documentElement.style, _e = "ActiveXObject" in window, ve = _e && !document.addEventListener, ye = "msLaunchUri" in navigator && !("documentMode" in document), F = R("webkit"), be = R("android"), xe = R("android 2") || R("android 3"), Se = parseInt(/WebKit\/([0-9]+)|$/.exec(navigator.userAgent)[1], 10), Ce = be && R("Google") && Se < 537 && !("AudioNode" in window), we = !!window.opera, I = !ye && R("chrome"), Te = R("gecko") && !F && !we && !_e, Ee = !I && R("safari"), De = R("phantom"), Oe = "OTransition" in ge, ke = navigator.platform.indexOf("Win") === 0, Ae = _e && "transition" in ge, je = "WebKitCSSMatrix" in window && "m11" in new window.WebKitCSSMatrix() && !xe, Me = "MozPerspective" in ge, Ne = !window.L_DISABLE_3D && (Ae || je || Me) && !Oe && !De, Pe = typeof orientation < "u" || R("mobile"), Fe = Pe && F, Ie = Pe && je, Le = !window.PointerEvent && window.MSPointerEvent, Re = !!(window.PointerEvent || Le), ze = "ontouchstart" in window || !!window.TouchEvent, Be = !window.L_NO_TOUCH && (ze || Re), Ve = Pe && we, He = Pe && Te, Ue = (window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI) > 1, We = function() {
+		var ge = document.documentElement.style, _e = "ActiveXObject" in window, ve = _e && !document.addEventListener, ye = "msLaunchUri" in navigator && !("documentMode" in document), F = z("webkit"), I = z("android"), be = z("android 2") || z("android 3"), R = parseInt(/WebKit\/([0-9]+)|$/.exec(navigator.userAgent)[1], 10), xe = I && z("Google") && R < 537 && !("AudioNode" in window), Se = !!window.opera, Ce = !ye && z("chrome"), we = z("gecko") && !F && !Se && !_e, Te = !Ce && z("safari"), Ee = z("phantom"), De = "OTransition" in ge, Oe = navigator.platform.indexOf("Win") === 0, ke = _e && "transition" in ge, Ae = "WebKitCSSMatrix" in window && "m11" in new window.WebKitCSSMatrix() && !be, je = "MozPerspective" in ge, Me = !window.L_DISABLE_3D && (ke || Ae || je) && !De && !Ee, Ne = typeof orientation < "u" || z("mobile"), Pe = Ne && F, Fe = Ne && Ae, Ie = !window.PointerEvent && window.MSPointerEvent, Le = !!(window.PointerEvent || Ie), Re = "ontouchstart" in window || !!window.TouchEvent, ze = !window.L_NO_TOUCH && (Re || Le), Be = Ne && Se, Ve = Ne && we, He = (window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI) > 1, Ue = function() {
 			var e = !1;
 			try {
 				var t = Object.defineProperty({}, "passive", { get: function() {
@@ -618,12 +618,12 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				window.addEventListener("testPassiveEventSupport", l, t), window.removeEventListener("testPassiveEventSupport", l, t);
 			} catch {}
 			return e;
-		}(), Ge = function() {
+		}(), We = function() {
 			return !!document.createElement("canvas").getContext;
-		}(), Ke = !!(document.createElementNS && me("svg").createSVGRect), qe = !!Ke && (function() {
+		}(), Ge = !!(document.createElementNS && me("svg").createSVGRect), Ke = !!Ge && (function() {
 			var e = document.createElement("div");
 			return e.innerHTML = "<svg/>", (e.firstChild && e.firstChild.namespaceURI) === "http://www.w3.org/2000/svg";
-		})(), Je = !Ke && function() {
+		})(), qe = !Ge && function() {
 			try {
 				var e = document.createElement("div");
 				e.innerHTML = "<v:shape adj=\"1\"/>";
@@ -632,49 +632,49 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			} catch {
 				return !1;
 			}
-		}(), Ye = navigator.platform.indexOf("Mac") === 0, Xe = navigator.platform.indexOf("Linux") === 0;
-		function R(e) {
+		}(), Je = navigator.platform.indexOf("Mac") === 0, Ye = navigator.platform.indexOf("Linux") === 0;
+		function z(e) {
 			return navigator.userAgent.toLowerCase().indexOf(e) >= 0;
 		}
-		var z = {
+		var B = {
 			ie: _e,
 			ielt9: ve,
 			edge: ye,
 			webkit: F,
-			android: be,
-			android23: xe,
-			androidStock: Ce,
-			opera: we,
-			chrome: I,
-			gecko: Te,
-			safari: Ee,
-			phantom: De,
-			opera12: Oe,
-			win: ke,
-			ie3d: Ae,
-			webkit3d: je,
-			gecko3d: Me,
-			any3d: Ne,
-			mobile: Pe,
-			mobileWebkit: Fe,
-			mobileWebkit3d: Ie,
-			msPointer: Le,
-			pointer: Re,
-			touch: Be,
-			touchNative: ze,
-			mobileOpera: Ve,
-			mobileGecko: He,
-			retina: Ue,
-			passiveEvents: We,
-			canvas: Ge,
-			svg: Ke,
-			vml: Je,
-			inlineSvg: qe,
-			mac: Ye,
-			linux: Xe
-		}, Ze = z.msPointer ? "MSPointerDown" : "pointerdown", B = z.msPointer ? "MSPointerMove" : "pointermove", Qe = z.msPointer ? "MSPointerUp" : "pointerup", $e = z.msPointer ? "MSPointerCancel" : "pointercancel", et = {
-			touchstart: Ze,
-			touchmove: B,
+			android: I,
+			android23: be,
+			androidStock: xe,
+			opera: Se,
+			chrome: Ce,
+			gecko: we,
+			safari: Te,
+			phantom: Ee,
+			opera12: De,
+			win: Oe,
+			ie3d: ke,
+			webkit3d: Ae,
+			gecko3d: je,
+			any3d: Me,
+			mobile: Ne,
+			mobileWebkit: Pe,
+			mobileWebkit3d: Fe,
+			msPointer: Ie,
+			pointer: Le,
+			touch: ze,
+			touchNative: Re,
+			mobileOpera: Be,
+			mobileGecko: Ve,
+			retina: He,
+			passiveEvents: Ue,
+			canvas: We,
+			svg: Ge,
+			vml: qe,
+			inlineSvg: Ke,
+			mac: Je,
+			linux: Ye
+		}, Xe = B.msPointer ? "MSPointerDown" : "pointerdown", Ze = B.msPointer ? "MSPointerMove" : "pointermove", Qe = B.msPointer ? "MSPointerUp" : "pointerup", $e = B.msPointer ? "MSPointerCancel" : "pointercancel", et = {
+			touchstart: Xe,
+			touchmove: Ze,
 			touchend: Qe,
 			touchcancel: $e
 		}, tt = {
@@ -699,7 +699,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			delete nt[e.pointerId];
 		}
 		function lt() {
-			rt ||= (document.addEventListener(Ze, ot, !0), document.addEventListener(B, st, !0), document.addEventListener(Qe, ct, !0), document.addEventListener($e, ct, !0), !0);
+			rt ||= (document.addEventListener(Xe, ot, !0), document.addEventListener(Ze, st, !0), document.addEventListener(Qe, ct, !0), document.addEventListener($e, ct, !0), !0);
 		}
 		function ut(e, t) {
 			if (t.pointerType !== (t.MSPOINTER_TYPE_MOUSE || "mouse")) {
@@ -823,10 +823,10 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		}
 		function kt(e, t, n) {
 			var r = t || new w(0, 0);
-			e.style[gt] = (z.ie3d ? "translate(" + r.x + "px," + r.y + "px)" : "translate3d(" + r.x + "px," + r.y + "px,0)") + (n ? " scale(" + n + ")" : "");
+			e.style[gt] = (B.ie3d ? "translate(" + r.x + "px," + r.y + "px)" : "translate3d(" + r.x + "px," + r.y + "px,0)") + (n ? " scale(" + n + ")" : "");
 		}
 		function K(e, t) {
-			e._leaflet_pos = t, z.any3d ? kt(e, t) : (e.style.left = t.x + "px", e.style.top = t.y + "px");
+			e._leaflet_pos = t, B.any3d ? kt(e, t) : (e.style.left = t.x + "px", e.style.top = t.y + "px");
 		}
 		function At(e) {
 			return e._leaflet_pos || new w(0, 0);
@@ -930,7 +930,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			if (arguments.length === 1) Gt(e), delete e[Wt];
 			else if (t && typeof t == "object") for (var i in t) Jt(e, i, t[i], n);
 			else if (t = f(t), arguments.length === 2) Gt(e, function(e) {
-				return ee(t, e) !== -1;
+				return v(t, e) !== -1;
 			});
 			else for (var a = 0, o = t.length; a < o; a++) Jt(e, t[a], n, r);
 			return this;
@@ -952,7 +952,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			var a = function(t) {
 				return n.call(r || e, t || window.event);
 			}, s = a;
-			!z.touchNative && z.pointer && t.indexOf("touch") === 0 ? a = it(e, t, a) : z.touch && t === "dblclick" ? a = mt(e, a) : "addEventListener" in e ? t === "touchstart" || t === "touchmove" || t === "wheel" || t === "mousewheel" ? e.addEventListener(Kt[t] || t, a, z.passiveEvents ? { passive: !1 } : !1) : t === "mouseenter" || t === "mouseleave" ? (a = function(t) {
+			!B.touchNative && B.pointer && t.indexOf("touch") === 0 ? a = it(e, t, a) : B.touch && t === "dblclick" ? a = mt(e, a) : "addEventListener" in e ? t === "touchstart" || t === "touchmove" || t === "wheel" || t === "mousewheel" ? e.addEventListener(Kt[t] || t, a, B.passiveEvents ? { passive: !1 } : !1) : t === "mouseenter" || t === "mouseleave" ? (a = function(t) {
 				t ||= window.event, rn(e, t) && s(t);
 			}, e.addEventListener(Kt[t], a, !1)) : e.addEventListener(t, s, !1) : e.attachEvent("on" + t, a), e[Wt] = e[Wt] || {}, e[Wt][i] = a;
 		}
@@ -960,7 +960,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			i ||= t + o(n) + (r ? "_" + o(r) : "");
 			var a = e[Wt] && e[Wt][i];
 			if (!a) return this;
-			!z.touchNative && z.pointer && t.indexOf("touch") === 0 ? at(e, t, a) : z.touch && t === "dblclick" ? ht(e, a) : "removeEventListener" in e ? e.removeEventListener(Kt[t] || t, a, !1) : e.detachEvent("on" + t, a), e[Wt][i] = null;
+			!B.touchNative && B.pointer && t.indexOf("touch") === 0 ? at(e, t, a) : B.touch && t === "dblclick" ? ht(e, a) : "removeEventListener" in e ? e.removeEventListener(Kt[t] || t, a, !1) : e.detachEvent("on" + t, a), e[Wt][i] = null;
 		}
 		function Yt(e) {
 			return e.stopPropagation ? e.stopPropagation() : e.originalEvent ? e.originalEvent._stopped = !0 : e.cancelBubble = !0, this;
@@ -987,9 +987,9 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			var n = Ht(t), r = n.boundingClientRect;
 			return new w((e.clientX - r.left) / n.x - t.clientLeft, (e.clientY - r.top) / n.y - t.clientTop);
 		}
-		var tn = z.linux && z.chrome ? window.devicePixelRatio : z.mac ? window.devicePixelRatio * 3 : window.devicePixelRatio > 0 ? 2 * window.devicePixelRatio : 1;
+		var tn = B.linux && B.chrome ? window.devicePixelRatio : B.mac ? window.devicePixelRatio * 3 : window.devicePixelRatio > 0 ? 2 * window.devicePixelRatio : 1;
 		function nn(e) {
-			return z.edge ? e.wheelDeltaY / 2 : e.deltaY && e.deltaMode === 0 ? -e.deltaY / tn : e.deltaY && e.deltaMode === 1 ? -e.deltaY * 20 : e.deltaY && e.deltaMode === 2 ? -e.deltaY * 60 : e.deltaX || e.deltaZ ? 0 : e.wheelDelta ? (e.wheelDeltaY || e.wheelDelta) / 2 : e.detail && Math.abs(e.detail) < 32765 ? -e.detail * 20 : e.detail ? e.detail / -32765 * 60 : 0;
+			return B.edge ? e.wheelDeltaY / 2 : e.deltaY && e.deltaMode === 0 ? -e.deltaY / tn : e.deltaY && e.deltaMode === 1 ? -e.deltaY * 20 : e.deltaY && e.deltaMode === 2 ? -e.deltaY * 60 : e.deltaX || e.deltaZ ? 0 : e.wheelDelta ? (e.wheelDeltaY || e.wheelDelta) / 2 : e.detail && Math.abs(e.detail) < 32765 ? -e.detail * 20 : e.detail ? e.detail / -32765 * 60 : 0;
 		}
 		function rn(e, t) {
 			var n = t.relatedTarget;
@@ -1016,7 +1016,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			isExternalTarget: rn,
 			addListener: q,
 			removeListener: J
-		}, on = C.extend({
+		}, on = se.extend({
 			run: function(e, t, n, r) {
 				this.stop(), this._el = e, this._inProgress = !0, this._duration = n || .25, this._easeOutPower = 1 / Math.max(r || .5, .2), this._startPos = At(e), this._offset = t.subtract(this._startPos), this._startTime = +/* @__PURE__ */ new Date(), this.fire("start"), this._animate();
 			},
@@ -1024,7 +1024,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				this._inProgress && (this._step(!0), this._complete());
 			},
 			_animate: function() {
-				this._animId = y(this._animate, this), this._step();
+				this._animId = b(this._animate, this), this._step();
 			},
 			_step: function(e) {
 				var t = +/* @__PURE__ */ new Date() - this._startTime, n = this._duration * 1e3;
@@ -1035,12 +1035,12 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				t && n._round(), K(this._el, n), this.fire("step");
 			},
 			_complete: function() {
-				b(this._animId), this._inProgress = !1, this.fire("end");
+				x(this._animId), this._inProgress = !1, this.fire("end");
 			},
 			_easeOut: function(e) {
 				return 1 - (1 - e) ** this._easeOutPower;
 			}
-		}), X = C.extend({
+		}), X = se.extend({
 			options: {
 				crs: fe,
 				center: void 0,
@@ -1060,7 +1060,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				trackResize: !0
 			},
 			initialize: function(e, t) {
-				t = p(this, t), this._handlers = [], this._layers = {}, this._zoomBoundLayers = {}, this._sizeChanged = !0, this._initContainer(e), this._initLayout(), this._onResize = i(this._onResize, this), this._initEvents(), t.maxBounds && this.setMaxBounds(t.maxBounds), t.zoom !== void 0 && (this._zoom = this._limitZoom(t.zoom)), t.center && t.zoom !== void 0 && this.setView(j(t.center), t.zoom, { reset: !0 }), this.callInitHooks(), this._zoomAnimated = _t && z.any3d && !z.mobileOpera && this.options.zoomAnimation, this._zoomAnimated && (this._createAnimProxy(), q(this._proxy, vt, this._catchTransitionEnd, this)), this._addLayers(this.options.layers);
+				t = p(this, t), this._handlers = [], this._layers = {}, this._zoomBoundLayers = {}, this._sizeChanged = !0, this._initContainer(e), this._initLayout(), this._onResize = i(this._onResize, this), this._initEvents(), t.maxBounds && this.setMaxBounds(t.maxBounds), t.zoom !== void 0 && (this._zoom = this._limitZoom(t.zoom)), t.center && t.zoom !== void 0 && this.setView(j(t.center), t.zoom, { reset: !0 }), this.callInitHooks(), this._zoomAnimated = _t && B.any3d && !B.mobileOpera && this.options.zoomAnimation, this._zoomAnimated && (this._createAnimProxy(), q(this._proxy, vt, this._catchTransitionEnd, this)), this._addLayers(this.options.layers);
 			},
 			setView: function(e, t, r) {
 				return t = t === void 0 ? this._zoom : this._limitZoom(t), e = this._limitCenter(j(e), t, this.options.maxBounds), r ||= {}, this._stop(), this._loaded && !r.reset && r !== !0 && (r.animate !== void 0 && (r.zoom = n({ animate: r.animate }, r.zoom), r.pan = n({
@@ -1072,10 +1072,10 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				return this._loaded ? this.setView(this.getCenter(), e, { zoom: t }) : (this._zoom = e, this);
 			},
 			zoomIn: function(e, t) {
-				return e ||= z.any3d ? this.options.zoomDelta : 1, this.setZoom(this._zoom + e, t);
+				return e ||= B.any3d ? this.options.zoomDelta : 1, this.setZoom(this._zoom + e, t);
 			},
 			zoomOut: function(e, t) {
-				return e ||= z.any3d ? this.options.zoomDelta : 1, this.setZoom(this._zoom - e, t);
+				return e ||= B.any3d ? this.options.zoomDelta : 1, this.setZoom(this._zoom - e, t);
 			},
 			setZoomAround: function(e, t, n) {
 				var r = this.getZoomScale(t), i = this.getSize().divideBy(2), a = (e instanceof w ? e : this.latLngToContainerPoint(e)).subtract(i).multiplyBy(1 - 1 / r), o = this.containerPointToLatLng(i.add(a));
@@ -1119,7 +1119,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				return this;
 			},
 			flyTo: function(e, t, n) {
-				if (n ||= {}, n.animate === !1 || !z.any3d) return this.setView(e, t, n);
+				if (n ||= {}, n.animate === !1 || !B.any3d) return this.setView(e, t, n);
 				this._stop();
 				var r = this.project(this.getCenter()), i = this.project(e), a = this.getSize(), o = this._zoom;
 				e = j(e), t = t === void 0 ? o : t;
@@ -1141,18 +1141,18 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				function _(e) {
 					return s * (m(g) / m(g + u * e));
 				}
-				function ee(e) {
+				function v(e) {
 					return s * (m(g) * h(g + u * e) - p(g)) / d;
 				}
-				function v(e) {
+				function y(e) {
 					return 1 - (1 - e) ** 1.5;
 				}
-				var te = Date.now(), ne = (f(1) - g) / u, re = n.duration ? 1e3 * n.duration : 1e3 * ne * .8;
-				function ie() {
-					var n = (Date.now() - te) / re, a = v(n) * ne;
-					n <= 1 ? (this._flyToFrame = y(ie, this), this._move(this.unproject(r.add(i.subtract(r).multiplyBy(ee(a) / l)), o), this.getScaleZoom(s / _(a), o), { flyTo: !0 })) : this._move(e, t)._moveEnd(!0);
+				var ee = Date.now(), te = (f(1) - g) / u, ne = n.duration ? 1e3 * n.duration : 1e3 * te * .8;
+				function re() {
+					var n = (Date.now() - ee) / ne, a = y(n) * te;
+					n <= 1 ? (this._flyToFrame = b(re, this), this._move(this.unproject(r.add(i.subtract(r).multiplyBy(v(a) / l)), o), this.getScaleZoom(s / _(a), o), { flyTo: !0 })) : this._move(e, t)._moveEnd(!0);
 				}
-				return this._moveStart(!0, n.noMoveStart), ie.call(this), this;
+				return this._moveStart(!0, n.noMoveStart), re.call(this), this;
 			},
 			flyToBounds: function(e, t) {
 				var n = this._getBoundsCenterZoom(e, t);
@@ -1252,7 +1252,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				} catch {
 					this._container._leaflet_id = void 0, this._containerId = void 0;
 				}
-				for (var e in this._locationWatchId !== void 0 && this.stopLocate(), this._stop(), H(this._mapPane), this._clearControlPos && this._clearControlPos(), this._resizeRequest &&= (b(this._resizeRequest), null), this._clearHandlers(), this._loaded && this.fire("unload"), this._layers) this._layers[e].remove();
+				for (var e in this._locationWatchId !== void 0 && this.stopLocate(), this._stop(), H(this._mapPane), this._clearControlPos && this._clearControlPos(), this._resizeRequest &&= (x(this._resizeRequest), null), this._clearHandlers(), this._loaded && this.fire("unload"), this._layers) this._layers[e].remove();
 				for (e in this._panes) H(this._panes[e]);
 				return this._layers = [], this._panes = [], delete this._mapPane, delete this._renderer, this;
 			},
@@ -1278,7 +1278,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			},
 			getBoundsZoom: function(e, t, n) {
 				e = k(e), n = T(n || [0, 0]);
-				var r = this.getZoom() || 0, i = this.getMinZoom(), a = this.getMaxZoom(), o = e.getNorthWest(), s = e.getSouthEast(), c = this.getSize().subtract(n), l = D(this.project(s, r), this.project(o, r)).getSize(), u = z.any3d ? this.options.zoomSnap : 1, d = c.x / l.x, f = c.y / l.y, p = t ? Math.max(d, f) : Math.min(d, f);
+				var r = this.getZoom() || 0, i = this.getMinZoom(), a = this.getMaxZoom(), o = e.getNorthWest(), s = e.getSouthEast(), c = this.getSize().subtract(n), l = D(this.project(s, r), this.project(o, r)).getSize(), u = B.any3d ? this.options.zoomSnap : 1, d = c.x / l.x, f = c.y / l.y, p = t ? Math.max(d, f) : Math.min(d, f);
 				return r = this.getScaleZoom(p, r), u && (r = Math.round(r / (u / 100)) * (u / 100), r = t ? Math.ceil(r / u) * u : Math.floor(r / u) * u), Math.max(i, Math.min(a, r));
 			},
 			getSize: function() {
@@ -1365,7 +1365,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			},
 			_initLayout: function() {
 				var e = this._container;
-				this._fadeAnimated = this.options.fadeAnimation && z.any3d, U(e, "leaflet-container" + (z.touch ? " leaflet-touch" : "") + (z.retina ? " leaflet-retina" : "") + (z.ielt9 ? " leaflet-oldie" : "") + (z.safari ? " leaflet-safari" : "") + (this._fadeAnimated ? " leaflet-fade-anim" : ""));
+				this._fadeAnimated = this.options.fadeAnimation && B.any3d, U(e, "leaflet-container" + (B.touch ? " leaflet-touch" : "") + (B.retina ? " leaflet-retina" : "") + (B.ielt9 ? " leaflet-oldie" : "") + (B.safari ? " leaflet-safari" : "") + (this._fadeAnimated ? " leaflet-fade-anim" : ""));
 				var t = bt(e, "position");
 				t !== "absolute" && t !== "relative" && t !== "fixed" && t !== "sticky" && (e.style.position = "relative"), this._initPanes(), this._initControlPos && this._initControlPos();
 			},
@@ -1392,7 +1392,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				return e && this.fire("zoomend"), this.fire("moveend");
 			},
 			_stop: function() {
-				return b(this._flyToFrame), this._panAnim && this._panAnim.stop(), this;
+				return x(this._flyToFrame), this._panAnim && this._panAnim.stop(), this;
 			},
 			_rawPanBy: function(e) {
 				K(this._mapPane, this._getMapPanePos().subtract(e));
@@ -1409,10 +1409,10 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			_initEvents: function(e) {
 				this._targets = {}, this._targets[o(this._container)] = this;
 				var t = e ? J : q;
-				t(this._container, "click dblclick mousedown mouseup mouseover mouseout mousemove contextmenu keypress keydown keyup", this._handleDOMEvent, this), this.options.trackResize && t(window, "resize", this._onResize, this), z.any3d && this.options.transform3DLimit && (e ? this.off : this.on).call(this, "moveend", this._onMoveEnd);
+				t(this._container, "click dblclick mousedown mouseup mouseover mouseout mousemove contextmenu keypress keydown keyup", this._handleDOMEvent, this), this.options.trackResize && t(window, "resize", this._onResize, this), B.any3d && this.options.transform3DLimit && (e ? this.off : this.on).call(this, "moveend", this._onMoveEnd);
 			},
 			_onResize: function() {
-				b(this._resizeRequest), this._resizeRequest = y(function() {
+				x(this._resizeRequest), this._resizeRequest = b(function() {
 					this.invalidateSize({ debounceMoveend: !0 });
 				}, this);
 			},
@@ -1471,7 +1471,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 						var u = c.getLatLng && (!c._radius || c._radius <= 10);
 						l.containerPoint = u ? this.latLngToContainerPoint(c.getLatLng()) : this.mouseEventToContainerPoint(e), l.layerPoint = this.containerPointToLayerPoint(l.containerPoint), l.latlng = u ? c.getLatLng() : this.layerPointToLatLng(l.layerPoint);
 					}
-					for (s = 0; s < a.length; s++) if (a[s].fire(t, l, !0), l.originalEvent._stopped || a[s].options.bubblingMouseEvents === !1 && ee(this._mouseEvents, t) !== -1) return;
+					for (s = 0; s < a.length; s++) if (a[s].fire(t, l, !0), l.originalEvent._stopped || a[s].options.bubblingMouseEvents === !1 && v(this._mouseEvents, t) !== -1) return;
 				}
 			},
 			_draggableMoved: function(e) {
@@ -1534,7 +1534,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				return e + t > 0 ? Math.round(e - t) / 2 : Math.max(0, Math.ceil(e)) - Math.max(0, Math.floor(t));
 			},
 			_limitZoom: function(e) {
-				var t = this.getMinZoom(), n = this.getMaxZoom(), r = z.any3d ? this.options.zoomSnap : 1;
+				var t = this.getMinZoom(), n = this.getMaxZoom(), r = B.any3d ? this.options.zoomSnap : 1;
 				return r && (e = Math.round(e / r) * r), Math.max(t, Math.min(n, e));
 			},
 			_onPanTransitionStep: function() {
@@ -1571,7 +1571,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				if (this._animatingZoom) return !0;
 				if (n ||= {}, !this._zoomAnimated || n.animate === !1 || this._nothingToAnimate() || Math.abs(t - this._zoom) > this.options.zoomAnimationThreshold) return !1;
 				var r = this.getZoomScale(t), i = this._getCenterOffset(e)._divideBy(1 - 1 / r);
-				return n.animate !== !0 && !this.getSize().contains(i) ? !1 : (y(function() {
+				return n.animate !== !0 && !this.getSize().contains(i) ? !1 : (b(function() {
 					this._moveStart(!0, n.noMoveStart || !1)._animateZoom(e, t, !0);
 				}, this), !0);
 			},
@@ -1589,7 +1589,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		function sn(e, t) {
 			return new X(e, t);
 		}
-		var Z = x.extend({
+		var Z = S.extend({
 			options: { position: "topright" },
 			initialize: function(e) {
 				p(this, e);
@@ -1849,7 +1849,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		}, hn = Z.extend({
 			options: {
 				position: "bottomright",
-				prefix: "<a href=\"https://leafletjs.com\" title=\"A JavaScript library for interactive maps\">" + (z.inlineSvg ? "<svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" class=\"leaflet-attribution-flag\"><path fill=\"#4C7BE1\" d=\"M0 0h12v4H0z\"/><path fill=\"#FFD500\" d=\"M0 4h12v3H0z\"/><path fill=\"#E0BC00\" d=\"M0 7h12v1H0z\"/></svg> " : "") + "Leaflet</a>"
+				prefix: "<a href=\"https://leafletjs.com\" title=\"A JavaScript library for interactive maps\">" + (B.inlineSvg ? "<svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" class=\"leaflet-attribution-flag\"><path fill=\"#4C7BE1\" d=\"M0 0h12v4H0z\"/><path fill=\"#FFD500\" d=\"M0 4h12v3H0z\"/><path fill=\"#E0BC00\" d=\"M0 7h12v1H0z\"/></svg> " : "") + "Leaflet</a>"
 			},
 			initialize: function(e) {
 				p(this, e), this._attributions = {};
@@ -1889,7 +1889,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		}), Z.Layers = ln, Z.Zoom = dn, Z.Scale = pn, Z.Attribution = hn, cn.layers = un, cn.zoom = fn, cn.scale = mn, cn.attribution = function(e) {
 			return new hn(e);
 		};
-		var gn = x.extend({
+		var gn = S.extend({
 			initialize: function(e) {
 				this._map = e;
 			},
@@ -1906,7 +1906,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		gn.addTo = function(e, t) {
 			return e.addHandler(t, this), this;
 		};
-		var _n = { Events: S }, vn = z.touch ? "touchstart mousedown" : "mousedown", yn = C.extend({
+		var _n = { Events: C }, vn = B.touch ? "touchstart mousedown" : "mousedown", yn = se.extend({
 			options: { clickTolerance: 3 },
 			initialize: function(e, t, n, r) {
 				p(this, r), this._element = e, this._dragStartTarget = t || e, this._preventOutline = n;
@@ -2137,7 +2137,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			infinite: !0
 		});
 		M.Earth = N, M.EPSG3395 = Hn, M.EPSG3857 = fe, M.EPSG900913 = pe, M.EPSG4326 = Un, M.Simple = Wn;
-		var $ = C.extend({
+		var $ = se.extend({
 			options: {
 				pane: "overlayPane",
 				attribution: null,
@@ -2290,7 +2290,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			}
 		}), Jn = function(e, t) {
 			return new qn(e, t);
-		}, Yn = x.extend({
+		}, Yn = S.extend({
 			options: {
 				popupAnchor: [0, 0],
 				tooltipAnchor: [0, 0],
@@ -2324,7 +2324,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				return t ||= document.createElement("img"), t.src = e, t;
 			},
 			_getIconUrl: function(e) {
-				return z.retina && this.options[e + "RetinaUrl"] || this.options[e + "Url"];
+				return B.retina && this.options[e + "RetinaUrl"] || this.options[e + "Url"];
 			}
 		});
 		function Xn(e) {
@@ -2385,21 +2385,21 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				var t = this._marker, n = t._map, r = this._marker.options.autoPanSpeed, i = this._marker.options.autoPanPadding, a = At(t._icon), o = n.getPixelBounds(), s = n.getPixelOrigin(), c = D(o.min._subtract(s).add(i), o.max._subtract(s).subtract(i));
 				if (!c.contains(a)) {
 					var l = T((Math.max(c.max.x, a.x) - c.max.x) / (o.max.x - c.max.x) - (Math.min(c.min.x, a.x) - c.min.x) / (o.min.x - c.min.x), (Math.max(c.max.y, a.y) - c.max.y) / (o.max.y - c.max.y) - (Math.min(c.min.y, a.y) - c.min.y) / (o.min.y - c.min.y)).multiplyBy(r);
-					n.panBy(l, { animate: !1 }), this._draggable._newPos._add(l), this._draggable._startPos._add(l), K(t._icon, this._draggable._newPos), this._onDrag(e), this._panRequest = y(this._adjustPan.bind(this, e));
+					n.panBy(l, { animate: !1 }), this._draggable._newPos._add(l), this._draggable._startPos._add(l), K(t._icon, this._draggable._newPos), this._onDrag(e), this._panRequest = b(this._adjustPan.bind(this, e));
 				}
 			},
 			_onDragStart: function() {
 				this._oldLatLng = this._marker.getLatLng(), this._marker.closePopup && this._marker.closePopup(), this._marker.fire("movestart").fire("dragstart");
 			},
 			_onPreDrag: function(e) {
-				this._marker.options.autoPan && (b(this._panRequest), this._panRequest = y(this._adjustPan.bind(this, e)));
+				this._marker.options.autoPan && (x(this._panRequest), this._panRequest = b(this._adjustPan.bind(this, e)));
 			},
 			_onDrag: function(e) {
 				var t = this._marker, n = t._shadow, r = At(t._icon), i = t._map.layerPointToLatLng(r);
 				n && K(n, r), t._latlng = i, e.latlng = i, e.oldLatLng = this._oldLatLng, t.fire("move", e).fire("drag", e);
 			},
 			_onDragEnd: function(e) {
-				b(this._panRequest), delete this._oldLatLng, this._marker.fire("moveend").fire("dragend", e);
+				x(this._panRequest), delete this._oldLatLng, this._marker.fire("moveend").fire("dragend", e);
 			}
 		}), $n = $.extend({
 			options: {
@@ -3420,7 +3420,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			options: {
 				tileSize: 256,
 				opacity: 1,
-				updateWhenIdle: z.mobile,
+				updateWhenIdle: B.mobile,
 				updateWhenZooming: !0,
 				updateInterval: 200,
 				zIndex: 1,
@@ -3496,7 +3496,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				isFinite(n) && (this.options.zIndex = n + e(-1, 1), this._updateZIndex());
 			},
 			_updateOpacity: function() {
-				if (this._map && !z.ielt9) {
+				if (this._map && !B.ielt9) {
 					G(this._container, this.options.opacity);
 					var e = +/* @__PURE__ */ new Date(), t = !1, n = !1;
 					for (var r in this._tiles) {
@@ -3506,7 +3506,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 							G(i.el, a), a < 1 ? t = !0 : (i.active ? n = !0 : this._onOpaqueTile(i), i.active = !0);
 						}
 					}
-					n && !this._noPrune && this._pruneTiles(), t && (b(this._fadeFrame), this._fadeFrame = y(this._updateOpacity, this));
+					n && !this._noPrune && this._pruneTiles(), t && (x(this._fadeFrame), this._fadeFrame = b(this._updateOpacity, this));
 				}
 			},
 			_onOpaqueTile: l,
@@ -3584,7 +3584,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			},
 			_setZoomTransform: function(e, t, n) {
 				var r = this._map.getZoomScale(n, e.zoom), i = e.origin.multiplyBy(r).subtract(this._map._getNewPixelOrigin(t, n)).round();
-				z.any3d ? kt(e.el, i, r) : K(e.el, i);
+				B.any3d ? kt(e.el, i, r) : K(e.el, i);
 			},
 			_resetGrid: function() {
 				var e = this._map, t = e.options.crs, n = this._tileSize = this.getTileSize(), r = this._tileZoom, i = this._map.getPixelWorldBounds(this._tileZoom);
@@ -3667,11 +3667,11 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			_initTile: function(e) {
 				U(e, "leaflet-tile");
 				var t = this.getTileSize();
-				e.style.width = t.x + "px", e.style.height = t.y + "px", e.onselectstart = l, e.onmousemove = l, z.ielt9 && this.options.opacity < 1 && G(e, this.options.opacity);
+				e.style.width = t.x + "px", e.style.height = t.y + "px", e.onselectstart = l, e.onmousemove = l, B.ielt9 && this.options.opacity < 1 && G(e, this.options.opacity);
 			},
 			_addTile: function(e, t) {
 				var n = this._getTilePos(e), r = this._tileCoordsToKey(e), a = this.createTile(this._wrapCoords(e), i(this._tileReady, this, e));
-				this._initTile(a), this.createTile.length < 2 && y(i(this._tileReady, this, e, null, a)), K(a, n), this._tiles[r] = {
+				this._initTile(a), this.createTile.length < 2 && b(i(this._tileReady, this, e, null, a)), K(a, n), this._tiles[r] = {
 					el: a,
 					coords: e,
 					current: !0
@@ -3687,10 +3687,10 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 					coords: e
 				});
 				var r = this._tileCoordsToKey(e);
-				n = this._tiles[r], n && (n.loaded = +/* @__PURE__ */ new Date(), this._map._fadeAnimated ? (G(n.el, 0), b(this._fadeFrame), this._fadeFrame = y(this._updateOpacity, this)) : (n.active = !0, this._pruneTiles()), t || (U(n.el, "leaflet-tile-loaded"), this.fire("tileload", {
+				n = this._tiles[r], n && (n.loaded = +/* @__PURE__ */ new Date(), this._map._fadeAnimated ? (G(n.el, 0), x(this._fadeFrame), this._fadeFrame = b(this._updateOpacity, this)) : (n.active = !0, this._pruneTiles()), t || (U(n.el, "leaflet-tile-loaded"), this.fire("tileload", {
 					tile: n.el,
 					coords: e
-				})), this._noTilesToLoad() && (this._loading = !1, this.fire("load"), z.ielt9 || !this._map._fadeAnimated ? y(this._pruneTiles, this) : setTimeout(i(this._pruneTiles, this), 250)));
+				})), this._noTilesToLoad() && (this._loading = !1, this.fire("load"), B.ielt9 || !this._map._fadeAnimated ? b(this._pruneTiles, this) : setTimeout(i(this._pruneTiles, this), 250)));
 			},
 			_getTilePos: function(e) {
 				return e.scaleBy(this.getTileSize()).subtract(this._level.origin);
@@ -3725,7 +3725,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				referrerPolicy: !1
 			},
 			initialize: function(e, t) {
-				this._url = e, t = p(this, t), t.detectRetina && z.retina && t.maxZoom > 0 ? (t.tileSize = Math.floor(t.tileSize / 2), t.zoomReverse ? (t.zoomOffset--, t.minZoom = Math.min(t.maxZoom, t.minZoom + 1)) : (t.zoomOffset++, t.maxZoom = Math.max(t.minZoom, t.maxZoom - 1)), t.minZoom = Math.max(0, t.minZoom)) : t.zoomReverse ? t.minZoom = Math.min(t.maxZoom, t.minZoom) : t.maxZoom = Math.max(t.minZoom, t.maxZoom), typeof t.subdomains == "string" && (t.subdomains = t.subdomains.split("")), this.on("tileunload", this._onTileRemove);
+				this._url = e, t = p(this, t), t.detectRetina && B.retina && t.maxZoom > 0 ? (t.tileSize = Math.floor(t.tileSize / 2), t.zoomReverse ? (t.zoomOffset--, t.minZoom = Math.min(t.maxZoom, t.minZoom + 1)) : (t.zoomOffset++, t.maxZoom = Math.max(t.minZoom, t.maxZoom - 1)), t.minZoom = Math.max(0, t.minZoom)) : t.zoomReverse ? t.minZoom = Math.min(t.maxZoom, t.minZoom) : t.maxZoom = Math.max(t.minZoom, t.maxZoom), typeof t.subdomains == "string" && (t.subdomains = t.subdomains.split("")), this.on("tileunload", this._onTileRemove);
 			},
 			setUrl: function(e, t) {
 				return this._url === e && t === void 0 && (t = !0), this._url = e, t || this.redraw(), this;
@@ -3736,7 +3736,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			},
 			getTileUrl: function(e) {
 				var t = {
-					r: z.retina ? "@2x" : "",
+					r: B.retina ? "@2x" : "",
 					s: this._getSubdomain(e),
 					x: e.x,
 					y: e.y,
@@ -3749,7 +3749,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				return g(this._url, n(t, this.options));
 			},
 			_tileOnLoad: function(e, t) {
-				z.ielt9 ? setTimeout(i(e, this, null, t), 0) : e(null, t);
+				B.ielt9 ? setTimeout(i(e, this, null, t), 0) : e(null, t);
 			},
 			_tileOnError: function(e, t, n) {
 				var r = this.options.errorTileUrl;
@@ -3769,7 +3769,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			_abortLoading: function() {
 				var e, t;
 				for (e in this._tiles) if (this._tiles[e].coords.z !== this._tileZoom && (t = this._tiles[e].el, t.onload = l, t.onerror = l, !t.complete)) {
-					t.src = v;
+					t.src = y;
 					var n = this._tiles[e].coords;
 					H(t), delete this._tiles[e], this.fire("tileabort", {
 						tile: t,
@@ -3779,10 +3779,10 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			},
 			_removeTile: function(e) {
 				var t = this._tiles[e];
-				if (t) return t.el.setAttribute("src", v), Fr.prototype._removeTile.call(this, e);
+				if (t) return t.el.setAttribute("src", y), Fr.prototype._removeTile.call(this, e);
 			},
 			_tileReady: function(e, t, n) {
-				if (!(!this._map || n && n.getAttribute("src") === v)) return Fr.prototype._tileReady.call(this, e, t, n);
+				if (!(!this._map || n && n.getAttribute("src") === y)) return Fr.prototype._tileReady.call(this, e, t, n);
 			}
 		});
 		function Rr(e, t) {
@@ -3807,7 +3807,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				var r = n({}, this.defaultWmsParams);
 				for (var i in t) i in this.options || (r[i] = t[i]);
 				t = p(this, t);
-				var a = t.detectRetina && z.retina ? 2 : 1, o = this.getTileSize();
+				var a = t.detectRetina && B.retina ? 2 : 1, o = this.getTileSize();
 				r.width = o.x * a, r.height = o.y * a, this.wmsParams = r;
 			},
 			onAdd: function(e) {
@@ -3865,7 +3865,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			},
 			_updateTransform: function(e, t) {
 				var n = this._map.getZoomScale(t, this._zoom), r = this._map.getSize().multiplyBy(.5 + this.options.padding), i = this._map.project(this._center, t), a = r.multiplyBy(-n).add(i).subtract(this._map._getNewPixelOrigin(e, t));
-				z.any3d ? kt(this._container, a, n) : K(this._container, a);
+				B.any3d ? kt(this._container, a, n) : K(this._container, a);
 			},
 			_reset: function() {
 				for (var e in this._update(), this._updateTransform(this._center, this._zoom), this._layers) this._layers[e]._reset();
@@ -3897,7 +3897,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				q(e, "mousemove", this._onMouseMove, this), q(e, "click dblclick mousedown mouseup contextmenu", this._onClick, this), q(e, "mouseout", this._handleMouseOut, this), e._leaflet_disable_events = !0, this._ctx = e.getContext("2d");
 			},
 			_destroyContainer: function() {
-				b(this._redrawRequest), delete this._ctx, H(this._container), J(this._container), delete this._container;
+				x(this._redrawRequest), delete this._ctx, H(this._container), J(this._container), delete this._container;
 			},
 			_updatePaths: function() {
 				if (!this._postponeUpdatePaths) {
@@ -3909,8 +3909,8 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			_update: function() {
 				if (!(this._map._animatingZoom && this._bounds)) {
 					Vr.prototype._update.call(this);
-					var e = this._bounds, t = this._container, n = e.getSize(), r = z.retina ? 2 : 1;
-					K(t, e.min), t.width = r * n.x, t.height = r * n.y, t.style.width = n.x + "px", t.style.height = n.y + "px", z.retina && this._ctx.scale(2, 2), this._ctx.translate(-e.min.x, -e.min.y), this.fire("update");
+					var e = this._bounds, t = this._container, n = e.getSize(), r = B.retina ? 2 : 1;
+					K(t, e.min), t.width = r * n.x, t.height = r * n.y, t.style.width = n.x + "px", t.style.height = n.y + "px", B.retina && this._ctx.scale(2, 2), this._ctx.translate(-e.min.x, -e.min.y), this.fire("update");
 				}
 			},
 			_reset: function() {
@@ -3948,7 +3948,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				} else e.options._dashArray = e.options.dashArray;
 			},
 			_requestRedraw: function(e) {
-				this._map && (this._extendRedrawBounds(e), this._redrawRequest = this._redrawRequest || y(this._redraw, this));
+				this._map && (this._extendRedrawBounds(e), this._redrawRequest = this._redrawRequest || b(this._redraw, this));
 			},
 			_extendRedrawBounds: function(e) {
 				if (e._pxBounds) {
@@ -4043,7 +4043,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			}
 		});
 		function Ur(e) {
-			return z.canvas ? new Hr(e) : null;
+			return B.canvas ? new Hr(e) : null;
 		}
 		var Wr = (function() {
 			try {
@@ -4090,7 +4090,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			_bringToBack: function(e) {
 				Ct(e._container);
 			}
-		}, Kr = z.vml ? Wr : me, qr = Vr.extend({
+		}, Kr = B.vml ? Wr : me, qr = Vr.extend({
 			_initContainer: function() {
 				this._container = Kr("svg"), this._container.setAttribute("pointer-events", "none"), this._rootGroup = Kr("g"), this._container.appendChild(this._rootGroup);
 			},
@@ -4143,9 +4143,9 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				Ct(e._path);
 			}
 		});
-		z.vml && qr.include(Gr);
+		B.vml && qr.include(Gr);
 		function Jr(e) {
-			return z.svg || z.vml ? new qr(e) : null;
+			return B.svg || B.vml ? new qr(e) : null;
 		}
 		X.include({
 			getRenderer: function(e) {
@@ -4320,7 +4320,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 				else {
 					this._prunePositions(+/* @__PURE__ */ new Date());
 					var i = this._lastPos.subtract(this._positions[0]), a = (this._lastTime - this._times[0]) / 1e3, o = n.easeLinearity, s = i.multiplyBy(o / a), c = s.distanceTo([0, 0]), l = Math.min(n.inertiaMaxSpeed, c), u = s.multiplyBy(l / c), d = l / (n.inertiaDeceleration * o), f = u.multiplyBy(-d / 2).round();
-					!f.x && !f.y ? t.fire("moveend") : (f = t._limitOffset(f, t.options.maxBounds), y(function() {
+					!f.x && !f.y ? t.fire("moveend") : (f = t._limitOffset(f, t.options.maxBounds), b(function() {
 						t.panBy(f, {
 							duration: d,
 							easeLinearity: o,
@@ -4451,7 +4451,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 		X.addInitHook("addHandler", "scrollWheelZoom", ti);
 		var ni = 600;
 		X.mergeOptions({
-			tapHold: z.touchNative && z.safari && z.mobile,
+			tapHold: B.touchNative && B.safari && B.mobile,
 			tapTolerance: 15
 		});
 		var ri = gn.extend({
@@ -4496,7 +4496,7 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 			}
 		});
 		X.addInitHook("addHandler", "tapHold", ri), X.mergeOptions({
-			touchZoom: z.touch,
+			touchZoom: B.touch,
 			bounceAtZoomLimits: !0
 		});
 		var ii = gn.extend({
@@ -4523,38 +4523,38 @@ var j = Object.create, M = Object.defineProperty, N = Object.getOwnPropertyDescr
 						if (a === 1 && o.x === 0 && o.y === 0) return;
 						this._center = t.unproject(t.project(this._pinchStartLatLng, this._zoom).subtract(o), this._zoom);
 					}
-					this._moved ||= (t._moveStart(!0, !1), !0), b(this._animRequest);
+					this._moved ||= (t._moveStart(!0, !1), !0), x(this._animRequest);
 					var s = i(t._move, t, this._center, this._zoom, {
 						pinch: !0,
 						round: !1
 					}, void 0);
-					this._animRequest = y(s, this, !0), Y(e);
+					this._animRequest = b(s, this, !0), Y(e);
 				}
 			},
 			_onTouchEnd: function() {
-				!this._moved || !this._zooming ? this._zooming = !1 : (this._zooming = !1, b(this._animRequest), J(document, "touchmove", this._onTouchMove, this), J(document, "touchend touchcancel", this._onTouchEnd, this), this._map.options.zoomAnimation ? this._map._animateZoom(this._center, this._map._limitZoom(this._zoom), !0, this._map.options.zoomSnap) : this._map._resetView(this._center, this._map._limitZoom(this._zoom)));
+				!this._moved || !this._zooming ? this._zooming = !1 : (this._zooming = !1, x(this._animRequest), J(document, "touchmove", this._onTouchMove, this), J(document, "touchend touchcancel", this._onTouchEnd, this), this._map.options.zoomAnimation ? this._map._animateZoom(this._center, this._map._limitZoom(this._zoom), !0, this._map.options.zoomSnap) : this._map._resetView(this._center, this._map._limitZoom(this._zoom)));
 			}
 		});
-		X.addInitHook("addHandler", "touchZoom", ii), X.BoxZoom = Zr, X.DoubleClickZoom = Qr, X.Drag = $r, X.Keyboard = ei, X.ScrollWheelZoom = ti, X.TapHold = ri, X.TouchZoom = ii, e.Bounds = E, e.Browser = z, e.CRS = M, e.Canvas = Hr, e.Circle = ir, e.CircleMarker = nr, e.Class = x, e.Control = Z, e.DivIcon = Nr, e.DivOverlay = Or, e.DomEvent = an, e.DomUtil = Ut, e.Draggable = yn, e.Evented = C, e.FeatureGroup = qn, e.GeoJSON = ur, e.GridLayer = Fr, e.Handler = gn, e.Icon = Yn, e.ImageOverlay = Sr, e.LatLng = A, e.LatLngBounds = O, e.Layer = $, e.LayerGroup = Gn, e.LineUtil = Rn, e.Map = X, e.Marker = $n, e.Mixin = _n, e.Path = tr, e.Point = w, e.PolyUtil = Cn, e.Polygon = cr, e.Polyline = or, e.Popup = kr, e.PosAnimation = on, e.Projection = Vn, e.Rectangle = Yr, e.Renderer = Vr, e.SVG = qr, e.SVGOverlay = Er, e.TileLayer = Lr, e.Tooltip = jr, e.Transformation = P, e.Util = oe, e.VideoOverlay = wr, e.bind = i, e.bounds = D, e.canvas = Ur, e.circle = ar, e.circleMarker = rr, e.control = cn, e.divIcon = Pr, e.extend = n, e.featureGroup = Jn, e.geoJSON = br, e.geoJson = xr, e.gridLayer = Ir, e.icon = Xn, e.imageOverlay = Cr, e.latLng = j, e.latLngBounds = k, e.layerGroup = Kn, e.map = sn, e.marker = er, e.point = T, e.polygon = lr, e.polyline = sr, e.popup = Ar, e.rectangle = Xr, e.setOptions = p, e.stamp = o, e.svg = Jr, e.svgOverlay = Dr, e.tileLayer = Rr, e.tooltip = Mr, e.transformation = de, e.version = t, e.videoOverlay = Tr;
+		X.addInitHook("addHandler", "touchZoom", ii), X.BoxZoom = Zr, X.DoubleClickZoom = Qr, X.Drag = $r, X.Keyboard = ei, X.ScrollWheelZoom = ti, X.TapHold = ri, X.TouchZoom = ii, e.Bounds = E, e.Browser = B, e.CRS = M, e.Canvas = Hr, e.Circle = ir, e.CircleMarker = nr, e.Class = S, e.Control = Z, e.DivIcon = Nr, e.DivOverlay = Or, e.DomEvent = an, e.DomUtil = Ut, e.Draggable = yn, e.Evented = se, e.FeatureGroup = qn, e.GeoJSON = ur, e.GridLayer = Fr, e.Handler = gn, e.Icon = Yn, e.ImageOverlay = Sr, e.LatLng = A, e.LatLngBounds = O, e.Layer = $, e.LayerGroup = Gn, e.LineUtil = Rn, e.Map = X, e.Marker = $n, e.Mixin = _n, e.Path = tr, e.Point = w, e.PolyUtil = Cn, e.Polygon = cr, e.Polyline = or, e.Popup = kr, e.PosAnimation = on, e.Projection = Vn, e.Rectangle = Yr, e.Renderer = Vr, e.SVG = qr, e.SVGOverlay = Er, e.TileLayer = Lr, e.Tooltip = jr, e.Transformation = P, e.Util = ae, e.VideoOverlay = wr, e.bind = i, e.bounds = D, e.canvas = Ur, e.circle = ar, e.circleMarker = rr, e.control = cn, e.divIcon = Pr, e.extend = n, e.featureGroup = Jn, e.geoJSON = br, e.geoJson = xr, e.gridLayer = Ir, e.icon = Xn, e.imageOverlay = Cr, e.latLng = j, e.latLngBounds = k, e.layerGroup = Kn, e.map = sn, e.marker = er, e.point = T, e.polygon = lr, e.polyline = sr, e.popup = Ar, e.rectangle = Xr, e.setOptions = p, e.stamp = o, e.svg = Jr, e.svgOverlay = Dr, e.tileLayer = Rr, e.tooltip = Mr, e.transformation = de, e.version = t, e.videoOverlay = Tr;
 		var ai = window.L;
 		e.noConflict = function() {
 			return window.L = ai, this;
 		}, window.L = e;
 	}));
-})))(), 1), me = ".lintje-map-chart__layers, .lintje-map-chart__zoom, .lintje-map-chart__selection, .lintje-map-chart__scale-bar, .leaflet-control";
-function he(e) {
-	return [...e.querySelectorAll(me)].map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 && e.height > 0);
+})))(), 1), de = ".lintje-map-chart__layers, .lintje-map-chart__zoom, .lintje-map-chart__selection, .lintje-map-chart__scale-bar, .leaflet-control";
+function fe(e) {
+	return [...e.querySelectorAll(de)].map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 && e.height > 0);
 }
-var ge = (e, t) => e.left < t.right && t.left < e.right && e.top < t.bottom && t.top < e.bottom, _e = (e, t) => e.left >= t.left && e.right <= t.right && e.top >= t.top && e.bottom <= t.bottom, ve = (e, t, n) => ({
+var pe = (e, t) => e.left < t.right && t.left < e.right && e.top < t.bottom && t.top < e.bottom, me = (e, t) => e.left >= t.left && e.right <= t.right && e.top >= t.top && e.bottom <= t.bottom, he = (e, t, n) => ({
 	left: e.left + t,
 	right: e.right + t,
 	top: e.top + n,
 	bottom: e.bottom + n
 });
-function ye(e, t, n, r) {
+function ge(e, t, n, r) {
 	let i = (r, i) => {
-		let a = ve(e, r, i);
-		return _e(a, t) && !n.some((e) => ge(a, e));
+		let a = he(e, r, i);
+		return me(a, t) && !n.some((e) => pe(a, e));
 	};
 	if (i(0, 0)) return [0, 0];
 	let a = [
@@ -4571,16 +4571,16 @@ function ye(e, t, n, r) {
 	for (let e of a) for (let t of o) s && Math.hypot(e, t) >= Math.hypot(...s) || i(e, t) && (s = [e, t]);
 	return s;
 }
-function F(e, t, n) {
+function _e(e, t, n) {
 	let r = {
 		left: Math.max(e.left, t.left),
 		right: Math.min(e.right, t.right),
 		top: Math.max(e.top, t.top),
 		bottom: Math.min(e.bottom, t.bottom)
 	};
-	return r.left >= r.right || r.top >= r.bottom || n.some((e) => _e(r, e));
+	return r.left >= r.right || r.top >= r.bottom || n.some((e) => me(r, e));
 }
-function be(e) {
+function ve(e) {
 	try {
 		return e.matches(":focus-visible");
 	} catch {
@@ -4589,27 +4589,27 @@ function be(e) {
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/drawings.ts
-var xe = {
+var ye = {
 	polygons: "Vlakken",
 	points: "Punten",
 	flows: "Stromen",
 	choropleth: "Gebieden",
 	"scope-picker": "Punten"
-}, Se = (e) => Math.max(1, ...e.map((e) => e.value ?? 0)), Ce = (e) => {
+}, F = (e) => Math.max(1, ...e.map((e) => e.value ?? 0)), I = (e) => {
 	let t = e.filter((e) => e.value != null).map((e) => e.value);
-	return t.length ? Math.min(...t) : Se(e);
+	return t.length ? Math.min(...t) : F(e);
 };
-function we(e, t) {
+function be(e, t) {
 	if (e.variant !== "plots") {
 		let n = e.values ?? [];
 		return [{
 			variant: e.variant,
 			values: n,
 			index: 0,
-			name: xe[e.variant],
+			name: ye[e.variant],
 			unit: t,
-			max: Se(n),
-			min: Ce(n),
+			max: F(n),
+			min: I(n),
 			destination: e.destination,
 			seriesLabels: e.seriesLabels
 		}];
@@ -4620,10 +4620,10 @@ function we(e, t) {
 			variant: n.variant,
 			values: i,
 			index: r,
-			name: n.label ?? xe[n.variant],
+			name: n.label ?? ye[n.variant],
 			unit: n.unit ?? t,
-			max: Se(i),
-			min: Ce(i),
+			max: F(i),
+			min: I(i),
 			destination: n.destination ?? e.destination,
 			seriesLabels: n.seriesLabels ? {
 				...e.seriesLabels,
@@ -4632,12 +4632,12 @@ function we(e, t) {
 		};
 	});
 }
-function I(e, t) {
+function R(e, t) {
 	return t ? `${e} ${t}` : e;
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/geo.ts
-var Te = {
+var xe = {
 	world: {
 		type: "FeatureCollection",
 		bbox: [
@@ -20617,17 +20617,17 @@ var Te = {
 		}]
 	}
 };
-function Ee(e) {
-	return Te[e ?? "world"] ?? Te.world;
+function Se(e) {
+	return xe[e ?? "world"] ?? xe.world;
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/area.ts
-var De = 6371;
-function Oe([e, t], [n, r]) {
+var Ce = 6371;
+function we([e, t], [n, r]) {
 	let i = Math.PI / 180, a = (r - t) * i, o = (n - e) * i, s = Math.sin(a / 2) ** 2 + Math.cos(t * i) * Math.cos(r * i) * Math.sin(o / 2) ** 2;
-	return 2 * De * Math.asin(Math.min(1, Math.sqrt(s)));
+	return 2 * Ce * Math.asin(Math.min(1, Math.sqrt(s)));
 }
-function ke(e, [t, n]) {
+function Te(e, [t, n]) {
 	let r = !1;
 	for (let i = 0, a = e.length - 1; i < e.length; a = i++) {
 		let [o, s] = e[i], [c, l] = e[a];
@@ -20635,7 +20635,7 @@ function ke(e, [t, n]) {
 	}
 	return r;
 }
-function Ae([e, t], [n, r]) {
+function Ee([e, t], [n, r]) {
 	return [
 		[e, t],
 		[n, t],
@@ -20643,20 +20643,20 @@ function Ae([e, t], [n, r]) {
 		[e, r]
 	];
 }
-function je(e) {
+function De(e) {
 	if (e.length !== 4) return !1;
 	let [t, n, r, i] = e;
 	return t[1] === n[1] && n[0] === r[0] && r[1] === i[1] && i[0] === t[0];
 }
-var Me = (e) => e.every(([t]) => t === e[0][0]) || e.every(([, t]) => t === e[0][1]);
-function Ne(e, t) {
-	return e.kind === "circle" ? Oe(e.centre, t) <= e.radiusKm : e.ring.length > 2 && ke(e.ring, t);
+var Oe = (e) => e.every(([t]) => t === e[0][0]) || e.every(([, t]) => t === e[0][1]);
+function ke(e, t) {
+	return e.kind === "circle" ? we(e.centre, t) <= e.radiusKm : e.ring.length > 2 && Te(e.ring, t);
 }
-function Pe([e, t], [n, r], [i, a], [o, s]) {
+function Ae([e, t], [n, r], [i, a], [o, s]) {
 	let c = (e, t, n, r, i, a) => Math.sign((n - e) * (a - t) - (r - t) * (i - e));
 	return c(e, t, n, r, i, a) * c(e, t, n, r, o, s) < 0 && c(i, a, o, s, e, t) * c(i, a, o, s, n, r) < 0;
 }
-function Fe(e) {
+function je(e) {
 	let [t, n, r, i] = [
 		Infinity,
 		Infinity,
@@ -20671,8 +20671,8 @@ function Fe(e) {
 		i
 	];
 }
-function Ie(e) {
-	if (e.kind === "lasso") return Fe(e.ring);
+function Me(e) {
+	if (e.kind === "lasso") return je(e.ring);
 	let [t, n] = e.centre, r = e.radiusKm / 111.32, i = e.radiusKm / (111.32 * Math.max(.01, Math.cos(n * Math.PI / 180)));
 	return [
 		t - i,
@@ -20681,31 +20681,31 @@ function Ie(e) {
 		n + r
 	];
 }
-var Le = ([e, t, n, r], [i, a, o, s]) => e >= i && n <= o && t >= a && r <= s;
-function Re(e, t) {
-	if (t.length === 0 || !Le(Fe(t), Ie(e)) || !t.every((t) => Ne(e, t))) return !1;
+var Ne = ([e, t, n, r], [i, a, o, s]) => e >= i && n <= o && t >= a && r <= s;
+function Pe(e, t) {
+	if (t.length === 0 || !Ne(je(t), Me(e)) || !t.every((t) => ke(e, t))) return !1;
 	if (e.kind === "circle") return !0;
 	let n = (e) => e.map((t, n) => [t, e[(n + 1) % e.length]]), r = n(e.ring);
-	return n(t).every(([e, t]) => r.every(([n, r]) => !Pe(e, t, n, r)));
+	return n(t).every(([e, t]) => r.every(([n, r]) => !Ae(e, t, n, r)));
 }
-function ze(e, t) {
+function Fe(e, t) {
 	let n = Math.hypot(t[0] - e[0], t[1] - e[1]);
 	return [(e[0] + t[0]) / 2, (e[1] + t[1]) / 2 + n * .18];
 }
-var Be = /* @__PURE__ */ new Map();
-function Ve(e) {
-	let t = e ?? "world", n = Be.get(t);
+var Ie = /* @__PURE__ */ new Map();
+function Le(e) {
+	let t = e ?? "world", n = Ie.get(t);
 	if (n) return n;
 	n = /* @__PURE__ */ new Map();
-	for (let t of Ee(e).features) n.set(t.properties.id, t.geometry.coordinates.map((e) => e[0]));
-	return Be.set(t, n), n;
+	for (let t of Se(e).features) n.set(t.properties.id, t.geometry.coordinates.map((e) => e[0]));
+	return Ie.set(t, n), n;
 }
-function He(e, t, n, r) {
+function Re(e, t, n, r) {
 	if (t.variant === "choropleth") {
-		let t = Ve(r).get(n.id);
-		return !!t?.length && t.every((t) => Re(e, t));
+		let t = Le(r).get(n.id);
+		return !!t?.length && t.every((t) => Pe(e, t));
 	}
-	if (t.variant === "polygons") return (n.polygon?.length ?? 0) > 2 && Re(e, n.polygon);
+	if (t.variant === "polygons") return (n.polygon?.length ?? 0) > 2 && Pe(e, n.polygon);
 	if (n.lon == null || n.lat == null) return !1;
 	let i = [n.lon, n.lat];
 	if (t.variant === "flows") {
@@ -20715,169 +20715,169 @@ function He(e, t, n, r) {
 		return [
 			i,
 			r,
-			ze(i, r)
-		].every((t) => Ne(e, t));
+			Fe(i, r)
+		].every((t) => ke(e, t));
 	}
-	return Ne(e, i);
+	return ke(e, i);
 }
-function Ue(e, t, n) {
+function ze(e, t, n) {
 	let r = [];
-	for (let i of t) for (let t of i.values) !r.includes(t.id) && He(e, i, t, n) && r.push(t.id);
+	for (let i of t) for (let t of i.values) !r.includes(t.id) && Re(e, i, t, n) && r.push(t.id);
 	return r;
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/marks.ts
-var We = [
+var Be = [
 	"var(--color-chart-seq-1)",
 	"var(--color-chart-seq-2)",
 	"var(--color-chart-seq-3)",
 	"var(--color-chart-seq-4)",
 	"var(--color-chart-seq-5)"
 ];
-function Ge(e, t) {
+function Ve(e, t) {
 	return t <= 0 ? 0 : Math.min(4, Math.floor(e / t * 5));
 }
-var Ke = (e) => (e.polygon?.length ?? 0) > 2;
-function qe(e, t) {
+var He = (e) => (e.polygon?.length ?? 0) > 2;
+function Ue(e, t) {
 	return 3 + Math.sqrt(e / t) * 15;
 }
-var Je = (e, t) => `${e.index}:${t}`, Ye = (e, t) => e.active === t || e.chosen.has(t), Xe = (e, t, n) => `${Ye(e, t) ? "is-selected" : ""} ${n ? "is-off" : ""}`;
-function R(e) {
+var We = (e, t) => `${e.index}:${t}`, Ge = (e, t) => e.active === t || e.chosen.has(t), Ke = (e, t, n) => `${Ge(e, t) ? "is-selected" : ""} ${n ? "is-off" : ""}`;
+function qe(e) {
 	e.stopPropagation();
 }
-function z(e, t) {
+function Je(e, t) {
 	return (n) => {
 		(n.key === "Enter" || n.key === " ") && (n.preventDefault(), e(t));
 	};
 }
-function Ze(e) {
+function Ye(e) {
 	let t = new Map([...e].sort((e, t) => e.lon - t.lon).map((e, t) => [e.id, t]));
-	return (n) => O(t.get(n.id) ?? 0, e.length);
+	return (n) => T(t.get(n.id) ?? 0, e.length);
 }
-var B = (e, t) => `${e.toFixed(2)} ${t.toFixed(2)}`;
-function Qe(e, t) {
-	return t.tiled ? [] : e.map((e) => i`<path d=${e.d} class="lintje-map-chart__land" fill="var(--color-map-land)" />`);
+var z = (e, t) => `${e.toFixed(2)} ${t.toFixed(2)}`;
+function B(e, t) {
+	return t.tiled ? [] : e.map((e) => g`<path d=${e.d} class="lintje-map-chart__land" fill="var(--color-map-land)" />`);
 }
-function $e(e, t) {
+function Xe(e, t) {
 	return e.map(([e, n], r) => {
 		let [i, a] = t(e, n);
-		return `${r ? "L" : "M"}${B(i, a)}`;
+		return `${r ? "L" : "M"}${z(i, a)}`;
 	}).join("") + "Z";
 }
-function et(e, t, r, a) {
-	let { id: o, controller: s, select: c, project: l } = t, u = new Map(r.map((e) => [e.id, e.d])), d = (t) => e.variant === "choropleth" ? u.get(t.id) : Ke(t) ? $e(t.polygon, l) : void 0, f = e.values.filter((e) => d(e));
-	return h(f, (e) => e.id, (r) => {
-		let l = d(r), u = r.value == null, f = u ? "var(--color-chart-hatch)" : We[Ge(r.value, e.max)], p = u ? "geen gegevens" : I(_(r.value), e.unit);
-		return i`
-      <g class="lintje-map-chart__polygon is-clickable ${Xe(t, r.id, a)}"
-         data-mark-id=${r.id}
-         role="button" tabindex=${a ? -1 : 0} aria-hidden=${a ? "true" : n}
-         aria-pressed=${String(Ye(t, r.id))}
-         aria-label=${`${r.label}: ${p}${r.detail ? `, ${r.detail}` : ""}`}
+function Ze(e, t, n, r) {
+	let { id: i, controller: a, select: o, project: u } = t, d = new Map(n.map((e) => [e.id, e.d])), f = (t) => e.variant === "choropleth" ? d.get(t.id) : He(t) ? Xe(t.polygon, u) : void 0, p = e.values.filter((e) => f(e));
+	return l(p, (e) => e.id, (n) => {
+		let l = f(n), u = n.value == null, d = u ? "var(--color-chart-hatch)" : Be[Ve(n.value, e.max)], p = u ? "geen gegevens" : R(s(n.value), e.unit);
+		return g`
+      <g class="lintje-map-chart__polygon is-clickable ${Ke(t, n.id, r)}"
+         data-mark-id=${n.id}
+         role="button" tabindex=${r ? -1 : 0} aria-hidden=${r ? "true" : c}
+         aria-pressed=${String(Ge(t, n.id))}
+         aria-label=${`${n.label}: ${p}${n.detail ? `, ${n.detail}` : ""}`}
          @click=${(e) => {
-			R(e), c(r);
+			qe(e), o(n);
 		}}
-         @dblclick=${R}
-         @mousemove=${(t) => s.showTooltip(t, {
-			title: `${r.label}${r.detail ? ` · ${r.detail}` : ""}`,
+         @dblclick=${qe}
+         @mousemove=${(t) => a.showTooltip(t, {
+			title: `${n.label}${n.detail ? ` · ${n.detail}` : ""}`,
 			rows: [{
 				label: e.unit,
-				value: u ? "geen gegevens" : _(r.value),
-				color: f
+				value: u ? "geen gegevens" : s(n.value),
+				color: d
 			}]
 		})}
-         @mouseleave=${() => s.hideTooltip()}
-         @keydown=${z(c, r)}>
+         @mouseleave=${() => a.hideTooltip()}
+         @keydown=${Je(o, n)}>
         <path d=${l} class="lintje-map-chart__polygon-ring" />
         <path d=${l}
               class="lintje-map-chart__polygon-shape ${u ? "lintje-map-chart__polygon-shape--empty" : "lintje-map-chart__polygon-shape--data"}"
-              fill=${u ? n : f} />
-        ${u ? i`<path d=${l} class="lintje-map-chart__polygon-hatch" fill="url(#map-hatch-${o})" />` : n}
+              fill=${u ? c : d} />
+        ${u ? g`<path d=${l} class="lintje-map-chart__polygon-hatch" fill="url(#map-hatch-${i})" />` : c}
       </g>
     `;
 	});
 }
-function tt(e, t, r) {
-	let { controller: a, select: o, project: s } = t, c = e.destination;
-	if (!c) return n;
-	let l = e.values.filter((e) => e.lon != null && e.value != null), u = Ze(l), [d, f] = s(c.lon, c.lat);
-	return i`
+function Qe(e, t, n) {
+	let { controller: r, select: i, project: a } = t, u = e.destination;
+	if (!u) return c;
+	let d = e.values.filter((e) => e.lon != null && e.value != null), f = Ye(d), [p, m] = a(u.lon, u.lat);
+	return g`
     <g class="lintje-map-chart__flows">
-      ${h(l, (e) => e.id, (l) => {
-		let [p, m] = s(l.lon, l.lat), h = (p + d) / 2, g = (m + f) / 2 - Math.hypot(d - p, f - m) * .18, v = 1 + l.value / e.max * 7, te = `${l.label} → ${c.label}`;
-		return i`
+      ${l(d, (e) => e.id, (l) => {
+		let [d, h] = a(l.lon, l.lat), _ = (d + p) / 2, v = (h + m) / 2 - Math.hypot(p - d, m - h) * .18, y = 1 + l.value / e.max * 7, ee = `${l.label} → ${u.label}`;
+		return g`
         <path
-          d=${`M${B(p, m)}Q${B(h, g)} ${B(d, f)}`}
+          d=${`M${z(d, h)}Q${z(_, v)} ${z(p, m)}`}
           pathLength="1"
-          ${ee(u(l))}
-          class="lintje-map-chart__flow is-clickable ${Xe(t, l.id, r)}"
-          stroke-width=${v}
+          ${o(f(l))}
+          class="lintje-map-chart__flow is-clickable ${Ke(t, l.id, n)}"
+          stroke-width=${y}
           data-mark-id=${l.id}
-          role="button" tabindex=${r ? -1 : 0} aria-hidden=${r ? "true" : n}
-          aria-pressed=${String(Ye(t, l.id))}
-          aria-label=${`${te}: ${I(_(l.value), e.unit)}${l.detail ? `, ${l.detail}` : ""}`}
-          @keydown=${z(o, l)}
+          role="button" tabindex=${n ? -1 : 0} aria-hidden=${n ? "true" : c}
+          aria-pressed=${String(Ge(t, l.id))}
+          aria-label=${`${ee}: ${R(s(l.value), e.unit)}${l.detail ? `, ${l.detail}` : ""}`}
+          @keydown=${Je(i, l)}
           @click=${(e) => {
-			R(e), o(l);
+			qe(e), i(l);
 		}}
-          @dblclick=${R}
-          @mousemove=${(t) => a.showTooltip(t, {
-			title: `${te}${l.detail ? ` · ${l.detail}` : ""}`,
+          @dblclick=${qe}
+          @mousemove=${(t) => r.showTooltip(t, {
+			title: `${ee}${l.detail ? ` · ${l.detail}` : ""}`,
 			rows: [{
 				label: e.unit,
-				value: _(l.value),
-				color: T
+				value: s(l.value),
+				color: se
 			}]
 		})}
-          @mouseleave=${() => a.hideTooltip()} />
+          @mouseleave=${() => r.hideTooltip()} />
       `;
 	})}
-      <g class="lintje-map-chart__symbol" data-at=${B(d, f)}>
+      <g class="lintje-map-chart__symbol" data-at=${z(p, m)}>
         <circle r="5" class="lintje-map-chart__destination" />
       </g>
     </g>
   `;
 }
-function nt(e, t, r) {
-	let { id: a, controller: o, select: s, project: c, hidden: l } = t, u = e.values.filter((e) => e.lon != null), d = (t) => r || !!(t.series && l.has(Je(e, t.series))), f = Ze(u);
-	return h(u, (e) => e.id, (r) => {
-		let [l, u] = c(r.lon, r.lat), p = e.variant === "points" && r.value != null ? qe(r.value, e.max) : 6, m = D(r.series), h = r.series && e.seriesLabels?.[r.series] || void 0, g = r.value == null ? "geen gegevens" : I(_(r.value), e.unit), v = ce(r.series, p);
-		return i`
-      <g ${ee(f(r))}
-         class="lintje-map-chart__point lintje-map-chart__symbol ${Xe(t, r.id, d(r))}"
-         data-at=${B(l, u)}
-         data-mark-id=${r.id}
-         role="button" tabindex=${d(r) ? -1 : 0} aria-hidden=${d(r) ? "true" : n}
-         aria-pressed=${String(Ye(t, r.id))}
-         aria-label=${`${r.label}: ${g}${h ? `, ${h}` : ""}`}
+function $e(e, t, n) {
+	let { id: r, controller: i, select: a, project: u, hidden: d } = t, f = e.values.filter((e) => e.lon != null), p = (t) => n || !!(t.series && d.has(We(e, t.series))), m = Ye(f);
+	return l(f, (e) => e.id, (n) => {
+		let [l, d] = u(n.lon, n.lat), f = e.variant === "points" && n.value != null ? Ue(n.value, e.max) : 6, h = ce(n.series), _ = n.series && e.seriesLabels?.[n.series] || void 0, v = n.value == null ? "geen gegevens" : R(s(n.value), e.unit), y = C(n.series, f);
+		return g`
+      <g ${o(m(n))}
+         class="lintje-map-chart__point lintje-map-chart__symbol ${Ke(t, n.id, p(n))}"
+         data-at=${z(l, d)}
+         data-mark-id=${n.id}
+         role="button" tabindex=${p(n) ? -1 : 0} aria-hidden=${p(n) ? "true" : c}
+         aria-pressed=${String(Ge(t, n.id))}
+         aria-label=${`${n.label}: ${v}${_ ? `, ${_}` : ""}`}
          @click=${(e) => {
-			R(e), s(r);
+			qe(e), a(n);
 		}}
-         @dblclick=${R}
-         @mousemove=${(t) => o.showTooltip(t, {
-			title: h ? `${r.label} · ${h}` : r.label,
+         @dblclick=${qe}
+         @mousemove=${(t) => i.showTooltip(t, {
+			title: _ ? `${n.label} · ${_}` : n.label,
 			rows: [{
 				label: e.unit,
-				value: r.value == null ? "geen gegevens" : _(r.value),
-				color: m ?? "var(--color-chart-default)"
+				value: n.value == null ? "geen gegevens" : s(n.value),
+				color: h ?? "var(--color-chart-default)"
 			}]
 		})}
-         @mouseleave=${() => o.hideTooltip()}
-         @keydown=${z(s, r)}>
+         @mouseleave=${() => i.hideTooltip()}
+         @keydown=${Je(a, n)}>
         <!-- The figure grows in: its own group, as the animation's transform would replace the
              placement of the point. The focus ring is behind the shape, shown on focus only. -->
         <g class="lintje-map-chart__point-figure">
-          <path d=${v} class="lintje-map-chart__point-ring" />
-          <path d=${v}
-                class="lintje-map-chart__point-shape ${r.value == null ? "lintje-map-chart__point-shape--empty" : m ? "lintje-map-chart__point-shape--series" : ""}"
-                ${ee({ "--lintje-series": m })} />
-          ${r.value == null ? i`<path d=${v} class="lintje-map-chart__point-hatch" fill="url(#map-hatch-${a})" />` : n}
+          <path d=${y} class="lintje-map-chart__point-ring" />
+          <path d=${y}
+                class="lintje-map-chart__point-shape ${n.value == null ? "lintje-map-chart__point-shape--empty" : h ? "lintje-map-chart__point-shape--series" : ""}"
+                ${o({ "--lintje-series": h })} />
+          ${n.value == null ? g`<path d=${y} class="lintje-map-chart__point-hatch" fill="url(#map-hatch-${r})" />` : c}
         </g>
       </g>
     `;
 	});
 }
-function rt([e, t], n, r = 72) {
+function et([e, t], n, r = 72) {
 	let i = Math.PI / 180, a = n / 6371, o = t * i, s = e * i, c = [];
 	for (let e = 0; e < r; e++) {
 		let t = e / r * 2 * Math.PI, n = Math.asin(Math.sin(o) * Math.cos(a) + Math.cos(o) * Math.sin(a) * Math.cos(t)), l = (s + Math.atan2(Math.sin(t) * Math.sin(a) * Math.cos(o), Math.cos(a) - Math.sin(o) * Math.sin(n))) / i, u = c.at(-1)?.[0];
@@ -20887,56 +20887,56 @@ function rt([e, t], n, r = 72) {
 	}
 	return c;
 }
-function it(e, t, r = !1) {
-	if (!e) return n;
-	let a = `lintje-map-chart__region ${r ? "lintje-map-chart__region--draft" : ""}`;
+function tt(e, t, n = !1) {
+	if (!e) return c;
+	let r = `lintje-map-chart__region ${n ? "lintje-map-chart__region--draft" : ""}`;
 	if (e.kind === "circle") {
-		let [r, o] = t(...e.centre), s = e.radiusKm > 0 ? rt(e.centre, e.radiusKm).map(([e, n], r) => {
+		let [n, i] = t(...e.centre), a = e.radiusKm > 0 ? et(e.centre, e.radiusKm).map(([e, n], r) => {
 			let [i, a] = t(e, n);
-			return `${r ? "L" : "M"}${B(i, a)}`;
+			return `${r ? "L" : "M"}${z(i, a)}`;
 		}).join("") + "Z" : "";
-		return i`
-      ${s ? i`<path class=${a} d=${s} />` : n}
-      <g class="lintje-map-chart__symbol" data-at=${B(r, o)}>
+		return g`
+      ${a ? g`<path class=${r} d=${a} />` : c}
+      <g class="lintje-map-chart__symbol" data-at=${z(n, i)}>
         <circle class="lintje-map-chart__region-centre" r="4" />
       </g>
     `;
 	}
-	if (e.ring.length < 2) return n;
-	let o = e.ring.map(([e, n], r) => {
+	if (e.ring.length < 2) return c;
+	let i = e.ring.map(([e, n], r) => {
 		let [i, a] = t(e, n);
-		return `${r ? "L" : "M"}${B(i, a)}`;
-	}).join("") + (r && !je(e.ring) ? "" : "Z");
-	return i`<path class=${a} d=${o} />`;
+		return `${r ? "L" : "M"}${z(i, a)}`;
+	}).join("") + (n && !De(e.ring) ? "" : "Z");
+	return g`<path class=${r} d=${i} />`;
 }
-function at(e, t, n, r = null) {
-	return i`
+function nt(e, t, n, r = null) {
+	return g`
     <defs>
       <pattern id="map-hatch-${n.id}" class="lintje-map-chart__hatch" width="6" height="6"
                patternUnits="userSpaceOnUse">
         <line x1="0" y1="0" x2="0" y2="6" stroke="var(--color-chart-hatch)" stroke-width="2" />
       </pattern>
     </defs>
-    ${Qe(e, n)}
-    ${h(t, (e) => e.index, (t) => {
+    ${B(e, n)}
+    ${l(t, (e) => e.index, (t) => {
 		let r = n.hiddenLayers.has(t.index);
-		return t.variant === "polygons" || t.variant === "choropleth" ? et(t, n, e, r) : t.variant === "flows" ? tt(t, n, r) : nt(t, n, r);
+		return t.variant === "polygons" || t.variant === "choropleth" ? Ze(t, n, e, r) : t.variant === "flows" ? Qe(t, n, r) : $e(t, n, r);
 	})}
-    ${it(r, n.project)}
+    ${tt(r, n.project)}
   `;
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/leaflet.ts
-var ot = "<a href=\"https://leafletjs.com\" title=\"A JavaScript library for interactive maps\">Leaflet</a>", st = [8, 8], ct = 3, lt = "http://www.w3.org/2000/svg";
-function ut([, e]) {
+var rt = "<a href=\"https://leafletjs.com\" title=\"A JavaScript library for interactive maps\">Leaflet</a>", it = [8, 8], at = 3, ot = -4, st = "http://www.w3.org/2000/svg";
+function ct([, e]) {
 	return Math.max(1, (90 - Math.abs(e)) * 111.2 - 100);
 }
-var dt = 4, ft = 10;
-function pt(e, t) {
+var lt = 4, ut = 10;
+function dt(e, t) {
 	let [n, r] = (e.dataset.at ?? "0 0").split(" ");
 	return `translate(${n}px, ${r}px) scale(${t})`;
 }
-function mt(e) {
+function ft(e) {
 	let t = (e) => .75 * (1 - e) * e * e + e * e * e, n = (e) => 3 * (1 - e) * e * e + e * e * e, r = 0, i = 1;
 	for (let n = 0; n < 24; n++) {
 		let n = (r + i) / 2;
@@ -20944,24 +20944,24 @@ function mt(e) {
 	}
 	return n((r + i) / 2);
 }
-function ht(e) {
+function pt(e) {
 	let t = [];
 	for (let n = 0; n <= 16; n++) {
-		let r = mt(n / 16);
+		let r = ft(n / 16);
 		t.push((e * r / (1 + (e - 1) * r)).toFixed(4));
 	}
 	return `linear(${t.join(", ")})`;
 }
-function gt(e) {
+function mt(e) {
 	let [t, n, r, i] = e.bbox ?? [
 		-180,
 		-85,
 		180,
 		85
 	];
-	return pe.latLngBounds([n, t], [i, r]);
+	return P.latLngBounds([n, t], [i, r]);
 }
-function _t(e, t) {
+function ht(e, t) {
 	return e.features.map((e) => ({
 		id: e.properties.id,
 		name: e.properties.name,
@@ -20971,7 +20971,7 @@ function _t(e, t) {
 		}).join("") + "Z").join("")
 	}));
 }
-var vt = class {
+var gt = class {
 	#e;
 	#t;
 	#n;
@@ -20989,8 +20989,9 @@ var vt = class {
 	#m;
 	#h;
 	#g;
+	#_;
 	constructor(e) {
-		this.#t = null, this.#n = null, this.#r = null, this.#i = null, this.#a = null, this.#o = null, this.#s = null, this.#c = null, this.#l = "", this.#u = "", this.#d = null, this.#f = !1, this.#p = 0, this.#m = [], this.#h = {
+		this.#t = null, this.#n = null, this.#r = null, this.#i = null, this.#a = null, this.#o = null, this.#s = null, this.#c = null, this.#l = null, this.#u = "", this.#d = "", this.#f = null, this.#p = !1, this.#m = 0, this.#h = [], this.#g = {
 			unit: "",
 			active: null,
 			hidden: [],
@@ -21006,24 +21007,29 @@ var vt = class {
 			select: () => {},
 			clear: () => {},
 			mobile: !1
-		}, this.#g = null, this.attach = (e) => {
-			e !== this.#t && (this.destroy(), e instanceof HTMLElement && (this.#t = e, this.#c = new ResizeObserver(() => this.#_()), this.#c.observe(e), this.#_()));
-		}, this.#E = (e, t) => {
-			let n = this.#n.project([t, e], this.#p);
+		}, this.#_ = null, this.attach = (e) => {
+			e !== this.#t && (this.destroy(), e instanceof HTMLElement && (this.#t = e, this.#c = new ResizeObserver(() => this.#v()), this.#c.observe(e), this.#v()));
+		}, this.#O = (e, t) => {
+			let n = this.#n.project([t, e], this.#m);
 			return [n.x, n.y];
-		}, this.#H = (e) => {
-			e.key === "Escape" && this.#h.tool && (e.stopPropagation(), e.preventDefault(), this.#s ? this.#U() : this.#h.stopTool());
-		}, this.#K = 0, this.#e = e;
+		}, this.#W = (e) => {
+			e.key === "Escape" && this.#g.tool && (e.stopPropagation(), e.preventDefault(), this.#s ? this.#G() : this.#g.stopTool());
+		}, this.#J = 0, this.#e = e;
 	}
 	get map() {
 		return this.#n;
 	}
 	sync(e, t) {
-		this.#g = e, this.#h = t, this.#t && this.#n ? this.#v(e) : this.#_();
+		this.#_ = e, this.#g = t, this.#t && this.#n ? this.#b(e) : this.#v();
 	}
-	#_() {
+	#v() {
 		let e = this.#t;
-		e && e.clientWidth && e.clientHeight && (this.#n ? (this.#n.invalidateSize({ animate: !1 }), this.#C()) : this.#g && this.#v(this.#g));
+		if (e && e.clientWidth && e.clientHeight) {
+			if (this.#n) {
+				if (this.#p && !this.#l && matchMedia("print").matches) return this.print(!0);
+				this.#n.invalidateSize({ animate: !1 }), this.#T();
+			} else this.#_ && this.#b(this.#_);
+		}
 	}
 	zoomIn() {
 		this.#n?.zoomIn();
@@ -21039,7 +21045,7 @@ var vt = class {
 	}
 	scaleBar(e = 96) {
 		let t = this.#n;
-		if (!t || !this.#f) return null;
+		if (!t || !this.#p) return null;
 		let n = t.getSize().y / 2, r = t.distance(t.containerPointToLatLng([0, n]), t.containerPointToLatLng([e, n]));
 		if (!(r > 0)) return null;
 		let i = 10 ** Math.floor(Math.log10(r)), a = r / i, o = (a >= 5 ? 5 : a >= 2 ? 2 : 1) * i;
@@ -21048,19 +21054,39 @@ var vt = class {
 			metres: o
 		};
 	}
+	print(e) {
+		let t = this.#n;
+		if (!t || !this.#p) return;
+		if (e) {
+			if (this.#l) return;
+			let e = t.getBounds();
+			this.#l = {
+				centre: t.getCenter(),
+				zoom: t.getZoom()
+			}, this.#y(t), t.fitBounds(e, { animate: !1 });
+			return;
+		}
+		let n = this.#l;
+		this.#l = null, this.#y(t), n && t.setView(n.centre, n.zoom, { animate: !1 });
+	}
+	#y(e) {
+		e.invalidateSize({ animate: !1 }), e.setMinZoom(ot), this.#T();
+	}
 	home() {
-		this.#e.leafletView = null, this.#n && this.#d && this.#n.fitBounds(this.#d, { padding: st });
+		this.#e.leafletView = null, this.#n && this.#f && this.#n.fitBounds(this.#f, { padding: it });
 	}
 	destroy() {
-		document.removeEventListener("keydown", this.#H, !0), this.#c?.disconnect(), this.#c = null, this.#n?.remove(), this.#n = null, this.#r = null, this.#i = null, this.#a = null, this.#o = null, this.#s = null, this.#l = "", this.#u = "", this.#m = [], this.#f = !1, this.#t = null;
+		document.removeEventListener("keydown", this.#W, !0), this.#c?.disconnect(), this.#c = null;
+		let e = this.#n;
+		e?._animatingZoom && e._onZoomTransitionEnd(), this.#n?.remove(), this.#n = null, this.#r = null, this.#i = null, this.#a = null, this.#o = null, this.#s = null, this.#u = "", this.#d = "", this.#h = [], this.#p = !1, this.#t = null;
 	}
-	#v(e) {
-		let t = this.#y(), n = this.#h.tool != null, { drag: r, zoom: i } = this.#h;
-		this.#h.mobile || n || !r ? t.dragging.disable() : t.dragging.enable(), n || !i ? t.doubleClickZoom.disable() : t.doubleClickZoom.enable(), i ? t.touchZoom.enable() : t.touchZoom.disable(), this.#t?.classList.toggle("is-drawing", n), !n && this.#s && this.#U(), n ? document.addEventListener("keydown", this.#H, !0) : document.removeEventListener("keydown", this.#H, !0), this.#x(t, e.geo ?? "world"), e.basemap ? this.#D(t, e.basemap) : this.#O(t), this.#A(t, e);
+	#b(e) {
+		let t = this.#x(), n = this.#g.tool != null, { drag: r, zoom: i } = this.#g;
+		this.#g.mobile || n || !r ? t.dragging.disable() : t.dragging.enable(), n || !i ? t.doubleClickZoom.disable() : t.doubleClickZoom.enable(), i ? t.touchZoom.enable() : t.touchZoom.disable(), this.#t?.classList.toggle("is-drawing", n), !n && this.#s && this.#G(), n ? document.addEventListener("keydown", this.#W, !0) : document.removeEventListener("keydown", this.#W, !0), this.#C(t, e.geo ?? "world"), e.basemap ? this.#k(t, e.basemap) : this.#A(t), this.#M(t, e);
 	}
-	#y() {
+	#x() {
 		if (this.#n) return this.#n;
-		let e = this.#t, t = pe.map(e, {
+		let e = this.#t, t = P.map(e, {
 			zoomControl: !1,
 			scrollWheelZoom: !1,
 			zoomSnap: 0,
@@ -21068,49 +21094,49 @@ var vt = class {
 			maxBoundsViscosity: 1
 		});
 		return t.on("moveend zoomend viewreset", () => {
-			this.#j(), this.#T(), this.#h.scale && this.#e.requestUpdate();
-		}), t.on("zoomend", () => this.#w()), t.on("zoomanim", (e) => this.#M(e.zoom)), t.on("click", () => this.#h.clear()), e.addEventListener("pointerdown", (e) => this.#P(e), !0), e.addEventListener("pointermove", (e) => this.#F(e), !0), e.addEventListener("pointerup", (e) => this.#I(e), !0), e.addEventListener("click", (e) => this.#z(e), !0), e.addEventListener("dblclick", (e) => this.#B(e), !0), pe.svg({ padding: .5 }).addTo(t), this.#n = t, t;
+			this.#N(), this.#D(), this.#g.scale && this.#e.requestUpdate();
+		}), t.on("zoomend", () => this.#E()), t.on("zoomanim", (e) => this.#P(e.zoom)), t.on("click", () => this.#g.clear()), e.addEventListener("pointerdown", (e) => this.#I(e), !0), e.addEventListener("pointermove", (e) => this.#L(e), !0), e.addEventListener("pointerup", (e) => this.#R(e), !0), e.addEventListener("click", (e) => this.#V(e), !0), e.addEventListener("dblclick", (e) => this.#H(e), !0), P.svg({ padding: .5 }).addTo(t), this.#n = t, t;
 	}
-	#b(e) {
+	#S(e) {
 		if (this.#a) return this.#a;
 		let t = e.getPane("overlayPane")?.querySelector("svg");
 		if (!t) return null;
-		let n = document.createElementNS(lt, "g");
-		n.setAttribute("class", "lintje-map-chart__data"), n.addEventListener("focusin", (e) => this.#Y(e.target)), n.addEventListener("keydown", (e) => {
+		let n = document.createElementNS(st, "g");
+		n.setAttribute("class", "lintje-map-chart__data"), n.addEventListener("focusin", (e) => this.#Z(e.target)), n.addEventListener("keydown", (e) => {
 			if (e.key !== "Enter" && e.key !== " ") return;
 			let t = e.target;
-			requestAnimationFrame(() => this.#Y(t));
+			requestAnimationFrame(() => this.#Z(t));
 		}), t.append(n), this.#a = n;
-		let r = document.createElementNS(lt, "g");
+		let r = document.createElementNS(st, "g");
 		return r.setAttribute("class", "lintje-map-chart__draft"), t.append(r), this.#o = r, n;
 	}
-	#x(e, t) {
-		t !== this.#u && (this.#u && (this.#e.leafletView = null), this.#u = t, this.#d = gt(Te[t] ?? Te.world), this.#f = !1, this.#S(), this.#p = e.getZoom(), this.#m = _t(Te[t] ?? Te.world, this.#E));
+	#C(e, t) {
+		t !== this.#d && (this.#d && (this.#e.leafletView = null), this.#d = t, this.#f = mt(xe[t] ?? xe.world), this.#p = !1, this.#w(), this.#m = e.getZoom(), this.#h = ht(xe[t] ?? xe.world, this.#O));
 	}
-	#S() {
+	#w() {
 		let e = this.#n;
-		if (this.#f || !e || !this.#d) return;
-		this.#f = !0, this.#C();
+		if (this.#p || !e || !this.#f) return;
+		this.#p = !0, this.#T();
 		let t = this.#e.leafletView;
-		t ? e.setView([t.lat, t.lon], t.zoom, { animate: !1 }) : e.fitBounds(this.#d, { padding: st }), this.#w();
+		t ? e.setView([t.lat, t.lon], t.zoom, { animate: !1 }) : e.fitBounds(this.#f, { padding: it }), this.#E();
 	}
-	#C() {
+	#T() {
 		let e = this.#n;
-		if (!e || !this.#d) return;
-		let t = e.getBoundsZoom(this.#d, !1, pe.point(st));
-		e.setMinZoom(t), e.setMaxZoom(t + ct), this.#w();
+		if (!e || !this.#f) return;
+		let t = e.getBoundsZoom(this.#f, !1, P.point(it));
+		e.setMinZoom(t), e.setMaxZoom(t + at), this.#E();
 	}
-	#w() {
+	#E() {
 		let e = this.#n;
-		if (!e || !this.#d) return;
+		if (!e || !this.#f) return;
 		let t = e.getZoom();
 		if (!Number.isFinite(t)) return;
-		let n = e.getSize().divideBy(2), r = e.project(this.#d.getNorthWest(), t).subtract(n), i = e.project(this.#d.getSouthEast(), t).add(n);
-		e.setMaxBounds(pe.latLngBounds(e.unproject(r, t), e.unproject(i, t)));
+		let n = e.getSize().divideBy(2), r = e.project(this.#f.getNorthWest(), t).subtract(n), i = e.project(this.#f.getSouthEast(), t).add(n);
+		e.setMaxBounds(P.latLngBounds(e.unproject(r, t), e.unproject(i, t)));
 	}
-	#T() {
+	#D() {
 		let e = this.#n;
-		if (!e || !this.#f) return;
+		if (!e || !this.#p) return;
 		let t = e.getCenter();
 		this.#e.leafletView = {
 			lat: t.lat,
@@ -21118,8 +21144,8 @@ var vt = class {
 			zoom: e.getZoom()
 		};
 	}
-	#E;
-	#D(e, t) {
+	#O;
+	#k(e, t) {
 		let n = [
 			t.url,
 			t.layers,
@@ -21128,7 +21154,7 @@ var vt = class {
 			t.transparent,
 			t.attribution
 		].join("|");
-		this.#r && n === this.#l || (this.#r && e.removeLayer(this.#r), this.#l = n, this.#i ??= pe.control.attribution({ prefix: ot }).addTo(e), this.#r = pe.tileLayer.wms(t.url, {
+		this.#r && n === this.#u || (this.#r && e.removeLayer(this.#r), this.#u = n, this.#i ??= P.control.attribution({ prefix: rt }).addTo(e), this.#r = P.tileLayer.wms(t.url, {
 			layers: t.layers,
 			format: t.format ?? "image/png",
 			version: t.version ?? "1.3.0",
@@ -21137,50 +21163,50 @@ var vt = class {
 			noWrap: !0
 		}), this.#r.addTo(e));
 	}
-	#O(e) {
-		this.#r && e.removeLayer(this.#r), this.#r = null, this.#l = "", this.#i?.remove(), this.#i = null;
+	#A(e) {
+		this.#r && e.removeLayer(this.#r), this.#r = null, this.#u = "", this.#i?.remove(), this.#i = null;
 	}
-	#k(e) {
-		return we(e, this.#h.unit).filter((e) => !this.#h.hiddenLayers.includes(e.index));
+	#j(e) {
+		return be(e, this.#g.unit).filter((e) => !this.#g.hiddenLayers.includes(e.index));
 	}
-	#A(e, t) {
-		let n = this.#b(e);
-		n && (a(at(this.#m, we(t, this.#h.unit), {
+	#M(e, t) {
+		let n = this.#S(e);
+		n && (_(nt(this.#h, be(t, this.#g.unit), {
 			id: this.#e.id,
-			active: this.#h.active,
+			active: this.#g.active,
 			controller: this.#e,
-			select: this.#h.select,
-			project: this.#E,
+			select: this.#g.select,
+			project: this.#O,
 			tiled: !!t.basemap,
-			hidden: new Set(this.#h.hidden),
-			hiddenLayers: new Set(this.#h.hiddenLayers),
-			chosen: new Set(this.#h.chosen)
-		}, this.#h.area), n), n.classList.toggle("has-area", this.#h.area != null), n.classList.toggle("has-selection", this.#h.area != null || this.#h.active != null), this.#j(e));
+			hidden: new Set(this.#g.hidden),
+			hiddenLayers: new Set(this.#g.hiddenLayers),
+			chosen: new Set(this.#g.chosen)
+		}, this.#g.area), n), n.classList.toggle("has-area", this.#g.area != null), n.classList.toggle("has-selection", this.#g.area != null || this.#g.active != null), this.#N(e));
 	}
-	#j(e = this.#n) {
+	#N(e = this.#n) {
 		let t = this.#a;
 		if (!e || !t) return;
-		let n = e.getZoomScale(e.getZoom(), this.#p), r = e.getPixelOrigin(), i = `translate(${-r.x} ${-r.y}) scale(${n})`;
+		let n = e.getZoomScale(e.getZoom(), this.#m), r = e.getPixelOrigin(), i = `translate(${-r.x} ${-r.y}) scale(${n})`;
 		t.setAttribute("transform", i), this.#o?.setAttribute("transform", i);
 		let a = 1 / n;
-		for (let e of this.#W()) e.style.transitionTimingFunction = "", e.style.transform = pt(e, a);
+		for (let e of this.#K()) e.style.transitionTimingFunction = "", e.style.transform = dt(e, a);
 		t.querySelector(".lintje-map-chart__hatch")?.setAttribute("patternTransform", `rotate(45) scale(${a})`);
 	}
-	#M(e) {
+	#P(e) {
 		let t = this.#n, n = this.#a;
 		if (!t || !n) return;
-		let r = t.getZoomScale(e, t.getZoom()), i = 1 / t.getZoomScale(e, this.#p), a = ht(r);
-		for (let e of this.#W()) e.style.transitionTimingFunction = a, e.style.transform = pt(e, i);
+		let r = t.getZoomScale(e, t.getZoom()), i = 1 / t.getZoomScale(e, this.#m), a = pt(r);
+		for (let e of this.#K()) e.style.transitionTimingFunction = a, e.style.transform = dt(e, i);
 	}
-	#N(e) {
+	#F(e) {
 		let t = this.#n.mouseEventToLatLng(e);
 		return [t.lng, t.lat];
 	}
-	#P(e) {
-		let t = this.#h.tool;
+	#I(e) {
+		let t = this.#g.tool;
 		if (!t || !this.#n || e.button !== 0) return;
 		e.stopPropagation(), e.preventDefault();
-		let n = this.#N(e), r = this.#s;
+		let n = this.#F(e), r = this.#s;
 		r ? (r.press = {
 			x: e.clientX,
 			y: e.clientY
@@ -21199,88 +21225,88 @@ var vt = class {
 				y: e.clientY
 			},
 			dragged: !1
-		}, e.target.setPointerCapture?.(e.pointerId), this.#G();
+		}, e.target.setPointerCapture?.(e.pointerId), this.#q();
 	}
-	#F(e) {
+	#L(e) {
 		let t = this.#s;
 		if (!t || !this.#n) return;
 		e.stopPropagation();
-		let n = this.#N(e), { area: r, press: i } = t;
+		let n = this.#F(e), { area: r, press: i } = t;
 		if (i && !t.dragged) {
-			if (Math.abs(e.clientX - i.x) + Math.abs(e.clientY - i.y) < dt) return;
+			if (Math.abs(e.clientX - i.x) + Math.abs(e.clientY - i.y) < lt) return;
 			t.dragged = !0;
 		}
-		r.kind === "circle" ? r.radiusKm = Math.min(Oe(r.centre, n), ut(r.centre)) : t.corner ? r.ring = Ae(t.corner, n) : i ? r.ring.push(n) : this.#G(n), (r.kind === "circle" || t.corner || i) && this.#G();
+		r.kind === "circle" ? r.radiusKm = Math.min(we(r.centre, n), ct(r.centre)) : t.corner ? r.ring = Ee(t.corner, n) : i ? r.ring.push(n) : this.#q(n), (r.kind === "circle" || t.corner || i) && this.#q();
 	}
-	#I(e) {
+	#R(e) {
 		let t = this.#s;
 		if (!t) return;
 		e.stopPropagation();
 		let { area: n, dragged: r } = t;
-		if (t.press = null, r) return this.#V();
+		if (t.press = null, r) return this.#U();
 		if (n.kind === "circle") {
-			n.radiusKm > 0 && this.#V();
+			n.radiusKm > 0 && this.#U();
 			return;
 		}
-		let i = this.#N(e);
-		if (t.corner) this.#L(t.corner, i) && (n.ring = Ae(t.corner, i), this.#V());
+		let i = this.#F(e);
+		if (t.corner) this.#z(t.corner, i) && (n.ring = Ee(t.corner, i), this.#U());
 		else {
-			if (n.ring.length > 2 && this.#R(e)) return this.#V();
-			(n.ring.length > 1 || this.#L(n.ring[0], i)) && n.ring.push(i), this.#G();
+			if (n.ring.length > 2 && this.#B(e)) return this.#U();
+			(n.ring.length > 1 || this.#z(n.ring[0], i)) && n.ring.push(i), this.#q();
 		}
 	}
-	#L(e, t) {
+	#z(e, t) {
 		return e[0] !== t[0] || e[1] !== t[1];
 	}
-	#R(e) {
+	#B(e) {
 		let t = this.#n, n = this.#s?.area;
 		if (n?.kind !== "lasso") return !1;
 		let [r, i] = n.ring[0];
-		return t.latLngToContainerPoint([i, r]).distanceTo(t.mouseEventToContainerPoint(e)) <= ft;
+		return t.latLngToContainerPoint([i, r]).distanceTo(t.mouseEventToContainerPoint(e)) <= ut;
 	}
-	#z(e) {
-		this.#h.tool && e.stopPropagation();
+	#V(e) {
+		this.#g.tool && e.stopPropagation();
 	}
-	#B(e) {
-		if (!this.#h.tool) return;
+	#H(e) {
+		if (!this.#g.tool) return;
 		e.stopPropagation(), e.preventDefault();
 		let t = this.#s?.area;
-		t?.kind === "lasso" && t.ring.length > 2 && this.#V();
+		t?.kind === "lasso" && t.ring.length > 2 && this.#U();
 	}
-	#V() {
+	#U() {
 		let e = this.#s?.area;
-		this.#U(), e && (e.kind === "lasso" ? e.ring.length > 2 && !Me(e.ring) : e.radiusKm > 0) && this.#h.drawn(e);
+		this.#G(), e && (e.kind === "lasso" ? e.ring.length > 2 && !Oe(e.ring) : e.radiusKm > 0) && this.#g.drawn(e);
 	}
-	#H;
-	#U() {
-		this.#s = null, this.#o && a(n, this.#o), cancelAnimationFrame(this.#K), this.#J(null);
+	#W;
+	#G() {
+		this.#s = null, this.#o && _(c, this.#o), cancelAnimationFrame(this.#J), this.#X(null);
 	}
-	#W() {
+	#K() {
 		return [this.#a, this.#o].flatMap((e) => e ? [...e.querySelectorAll(".lintje-map-chart__symbol")] : []);
 	}
-	#G(e) {
+	#q(e) {
 		let t = this.#s;
 		if (!t || !this.#o) return;
 		let n = e && t.area.kind === "lasso" ? {
 			kind: "lasso",
 			ring: [...t.area.ring, e]
 		} : t.area;
-		a(it(n, this.#E, !0), this.#o), this.#j(), this.#q(n);
+		_(tt(n, this.#O, !0), this.#o), this.#N(), this.#Y(n);
 	}
-	#K;
-	#q(e) {
-		cancelAnimationFrame(this.#K), this.#K = requestAnimationFrame(() => this.#J(e));
+	#J;
+	#Y(e) {
+		cancelAnimationFrame(this.#J), this.#J = requestAnimationFrame(() => this.#X(e));
 	}
-	#J(e) {
-		let t = this.#a, n = this.#g;
+	#X(e) {
+		let t = this.#a, n = this.#_;
 		if (!t || !n) return;
-		let r = e && (e.kind === "lasso" ? e.ring.length > 2 : e.radiusKm > 0) && this.#s != null, i = new Set(r ? Ue(e, this.#k(n), n.geo) : []);
+		let r = e && (e.kind === "lasso" ? e.ring.length > 2 : e.radiusKm > 0) && this.#s != null, i = new Set(r ? ze(e, this.#j(n), n.geo) : []);
 		for (let e of t.querySelectorAll("[data-mark-id]")) e.classList.toggle("is-preview", i.has(e.getAttribute("data-mark-id")));
 		t.classList.toggle("is-previewing", r === !0);
 	}
-	#Y(e) {
+	#Z(e) {
 		let t = this.#n, n = this.#t;
-		if (!t || !n || !be(e)) return;
+		if (!t || !n || !ve(e)) return;
 		let r = n.getBoundingClientRect(), i = e.getBoundingClientRect(), a = {
 			left: i.left - r.left,
 			right: i.right - r.left,
@@ -21291,16 +21317,16 @@ var vt = class {
 			top: 0,
 			right: o.x,
 			bottom: o.y
-		}, c = n.parentElement ? he(n.parentElement).map((e) => ({
+		}, c = n.parentElement ? fe(n.parentElement).map((e) => ({
 			left: e.left - r.left,
 			right: e.right - r.left,
 			top: e.top - r.top,
 			bottom: e.bottom - r.top
-		})) : [], l = !p(), u = ye(a, s, c, 8);
-		u ? (u[0] || u[1]) && t.panBy([-u[0], -u[1]], { animate: l }) : F(a, s, c) && t.panBy([(a.left + a.right) / 2 - o.x / 2, (a.top + a.bottom) / 2 - o.y / 2], { animate: l });
+		})) : [], l = !y(), u = ge(a, s, c, 8);
+		u ? (u[0] || u[1]) && t.panBy([-u[0], -u[1]], { animate: l }) : _e(a, s, c) && t.panBy([(a.left + a.right) / 2 - o.x / 2, (a.top + a.bottom) / 2 - o.y / 2], { animate: l });
 	}
 };
-function yt(e) {
+function _t(e) {
 	return [
 		0,
 		1,
@@ -21310,24 +21336,24 @@ function yt(e) {
 		5
 	].map((t) => e * t / 5);
 }
-function bt(e) {
-	return Math.abs(e) >= 1e4 ? u(e) : _(e, +!Number.isInteger(e));
+function vt(e) {
+	return Math.abs(e) >= 1e4 ? d(e) : s(e, +!Number.isInteger(e));
 }
-function V(e, t) {
+function yt(e, t) {
 	let { max: n, unit: r } = e;
-	if (!t) return g`<span class="lintje-map-legend__key">
+	if (!t) return p`<span class="lintje-map-legend__key">
       <span class="lintje-map-legend__figure">0</span>
-      <span class="lintje-map-legend__ramp">${We.map((e) => g`<i ${ee({ background: e })}></i>`)}</span>
-      <span class="lintje-map-legend__figure">${I(u(n), r)}</span>
+      <span class="lintje-map-legend__ramp">${Be.map((e) => p`<i ${o({ background: e })}></i>`)}</span>
+      <span class="lintje-map-legend__figure">${R(d(n), r)}</span>
     </span>`;
-	let i = yt(n), a = We.map((e, t) => ({
-		label: I(`${bt(i[t])} – ${bt(i[t + 1])}`, t === 4 ? r : ""),
+	let i = _t(n), a = Be.map((e, t) => ({
+		label: R(`${vt(i[t])} – ${vt(i[t + 1])}`, t === 4 ? r : ""),
 		color: e,
 		fixed: !0
 	}));
-	return g`<span class="lintje-map-legend__key lintje-map-legend__classes">${E({ items: a })}</span>`;
+	return p`<span class="lintje-map-legend__key lintje-map-legend__classes">${w({ items: a })}</span>`;
 }
-function H(e, t) {
+function bt(e, t) {
 	let n = Math.sqrt(Math.max(e, 1) * t), r = t / 4;
 	for (let i = 10 ** Math.floor(Math.log10(Math.max(e, 1))); i <= t; i *= 10) for (let a of [
 		1,
@@ -21339,60 +21365,60 @@ function H(e, t) {
 	}
 	return r;
 }
-function xt(e, t) {
-	let { min: n, max: r, unit: a } = e, o = I(`${u(n)} – ${u(r)}`, a);
-	if (!t || n >= r) return g`<span class="lintje-map-legend__key">
+function V(e, t) {
+	let { min: n, max: r, unit: i } = e, a = R(`${d(n)} – ${d(r)}`, i);
+	if (!t || n >= r) return p`<span class="lintje-map-legend__key">
       <svg class="lintje-map-legend__sizes" width="49" height="22" aria-hidden="true">
         <circle cx="4" cy="11" r="3" /><circle cx="17.5" cy="11" r="6.5" /><circle cx="38" cy="11" r="10" />
       </svg>
-      <span class="lintje-map-legend__figure">${o}</span>
+      <span class="lintje-map-legend__figure">${a}</span>
     </span>`;
-	let s = H(n, r), c = [
+	let o = bt(n, r), s = [
 		14,
 		31,
 		46
-	], l = [
+	], c = [
 		r,
-		s,
+		o,
 		n
 	].map((e, t) => {
-		let n = qe(e, r);
+		let n = Ue(e, r);
 		return {
 			r: n,
 			top: 46 - 2 * n,
-			line: c[t],
-			label: I(u(e), t === 0 ? a : "")
+			line: s[t],
+			label: R(d(e), t === 0 ? i : "")
 		};
 	});
-	return g`<span class="lintje-map-legend__key">
+	return p`<span class="lintje-map-legend__key">
     <svg class="lintje-map-legend__sizes lintje-map-legend__sizes--nested" width="150" height="48" aria-hidden="true">
-      ${l.map(({ r: e, top: t, line: n, label: r }) => i`
+      ${c.map(({ r: e, top: t, line: n, label: r }) => g`
         <circle cx="19" cy=${46 - e} r=${e} />
         <line x1="19" y1=${t} x2="48" y2=${n - 4} />
         <text x="52" y=${n}>${r}</text>`)}
     </svg>
   </span>`;
 }
-function St(e) {
+function H(e) {
 	let { min: t, max: n, unit: r } = e;
-	return g`<span class="lintje-map-legend__key">
+	return p`<span class="lintje-map-legend__key">
     <svg class="lintje-map-legend__wedge" width="58" height="12" aria-hidden="true"><path d="M0 5.5 L58 2 L58 10 L0 6.5 Z" /></svg>
-    <span class="lintje-map-legend__figure">${I(`${u(t)} – ${u(n)}`, r)}</span>
+    <span class="lintje-map-legend__figure">${R(`${d(t)} – ${d(n)}`, r)}</span>
   </span>`;
 }
-function Ct(e, t) {
+function xt(e, t) {
 	let { variant: n } = e;
-	return n === "choropleth" || n === "polygons" ? V(e, t) : n === "flows" ? St(e) : xt(e, t);
+	return n === "choropleth" || n === "polygons" ? yt(e, t) : n === "flows" ? H(e) : V(e, t);
 }
-function wt(e, t) {
+function St(e, t) {
 	let n = [];
 	for (let [r, i] of Object.entries(e.seriesLabels ?? {})) {
 		if (!i || !e.values.some((e) => e.series === r)) continue;
-		let a = Je(e, r);
+		let a = We(e, r);
 		n.push({
 			key: a,
 			label: i,
-			color: D(r),
+			color: ce(r),
 			symbol: r,
 			shape: "point",
 			hidden: t.includes(a)
@@ -21404,48 +21430,48 @@ function wt(e, t) {
 		fixed: !0
 	}), n;
 }
-function U(e) {
-	let { drawings: t, hiddenLayers: r, hiddenSeries: i, expanded: a, mobile: o, open: s } = e, c = !a && !s && t.length > 3, l = c ? t.slice(0, 3) : t, u = ["lintje-map-legend", o ? "lintje-map-legend--narrow" : ""].join(" ");
-	return g`
+function Ct(e) {
+	let { drawings: t, hiddenLayers: n, hiddenSeries: r, expanded: i, mobile: a, open: o } = e, s = !i && !o && t.length > 3, l = s ? t.slice(0, 3) : t, u = ["lintje-map-legend", a ? "lintje-map-legend--narrow" : ""].join(" ");
+	return p`
     <div class=${u} role="group" aria-label="Legenda">
       ${l.map((t) => {
-		let o = r.includes(t.index), s = wt(t, i).map((e) => o ? {
+		let a = n.includes(t.index), o = St(t, r).map((e) => a ? {
 			...e,
 			hidden: !0,
 			fixed: !0
 		} : e);
-		return g`
-          <button type="button" class="lintje-map-legend__layer ${o ? "is-off" : ""}"
-                  aria-pressed=${!o} @click=${() => e.onLayer(t.index)}>
-            <span class="lintje-map-legend__box" aria-hidden="true">${f("functioneel-vinkje", { size: 10 })}</span>
+		return p`
+          <button type="button" class="lintje-map-legend__layer ${a ? "is-off" : ""}"
+                  aria-pressed=${!a} @click=${() => e.onLayer(t.index)}>
+            <span class="lintje-map-legend__box" aria-hidden="true">${v("functioneel-vinkje", { size: 10 })}</span>
             <span class="lintje-map-legend__name">${t.name}</span>
           </button>
-          <div class="lintje-map-legend__keys ${o ? "is-off" : ""}">
-            ${Ct(t, a)}
-            ${s.length > 0 ? g`<span class="lintje-map-legend__rule" aria-hidden="true"></span>${E({
-			items: s,
+          <div class="lintje-map-legend__keys ${a ? "is-off" : ""}">
+            ${xt(t, i)}
+            ${o.length > 0 ? p`<span class="lintje-map-legend__rule" aria-hidden="true"></span>${w({
+			items: o,
 			onToggle: e.onSeries
-		})}` : n}
+		})}` : c}
           </div>
         `;
 	})}
-      ${!a && t.length > 3 ? g`<button type="button" class="lintje-map-legend__more" aria-expanded=${!c}
-                   @click=${() => e.onOpen(c)}>
-              ${c ? `Nog ${t.length - 3} ${t.length - 3 == 1 ? "laag" : "lagen"}` : "Minder lagen"}
-              ${f("functioneel-delta-omlaag", {
+      ${!i && t.length > 3 ? p`<button type="button" class="lintje-map-legend__more" aria-expanded=${!s}
+                   @click=${() => e.onOpen(s)}>
+              ${s ? `Nog ${t.length - 3} ${t.length - 3 == 1 ? "laag" : "lagen"}` : "Minder lagen"}
+              ${v("functioneel-delta-omlaag", {
 		size: 12,
-		rotate: c ? void 0 : 180
+		rotate: s ? void 0 : 180
 	})}
-            </button>` : n}
+            </button>` : c}
     </div>
   `;
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/map-chart.ts
-var W = {
+var wt = {
 	desktop: 400,
 	mobile: 280
-}, Tt = {
+}, U = {
 	zoom: !0,
 	wheel: !0,
 	drag: !0,
@@ -21455,7 +21481,7 @@ var W = {
 	rect: !1,
 	scale: !0,
 	legend: !0
-}, Et = [
+}, W = [
 	{
 		tool: "lasso",
 		name: "functioneel-lasso",
@@ -21474,7 +21500,7 @@ var W = {
 		text: "Rechthoek",
 		label: "Selecteer met een rechthoek"
 	}
-], G = {
+], Tt = {
 	lasso: {
 		full: "Sleep om te kiezen, of klik de hoeken · Escape stopt",
 		short: "Sleep om te kiezen"
@@ -21487,290 +21513,289 @@ var W = {
 		full: "Sleep van hoek naar hoek, of klik twee hoeken · Escape stopt",
 		short: "Sleep van hoek naar hoek"
 	}
-}, Dt = 200, Ot = 1500;
-function kt(e) {
+}, Et = 200, G = 1500;
+function Dt(e) {
 	return e.ctrlKey || e.metaKey;
 }
-function K(e) {
-	return -(e.deltaMode === 1 ? e.deltaY * 16 : e.deltaMode === 2 ? e.deltaY * 400 : e.deltaY) / Dt;
+function Ot(e) {
+	return -(e.deltaMode === 1 ? e.deltaY * 16 : e.deltaMode === 2 ? e.deltaY * 400 : e.deltaY) / Et;
 }
-function At() {
+function kt() {
 	let e = navigator.userAgentData?.platform;
 	return `Gebruik ${/mac|iphone|ipad/i.test(e ?? navigator.platform) ? "⌘" : "Ctrl"} + scrollen om te zoomen`;
 }
-function jt(e) {
-	e.mapHint = At(), e.mapHintTimer && clearTimeout(e.mapHintTimer), e.mapHintTimer = setTimeout(() => {
+function K(e) {
+	e.mapHint = kt(), e.mapHintTimer && clearTimeout(e.mapHintTimer), e.mapHintTimer = setTimeout(() => {
 		e.mapHint = null, e.mapHintTimer = null, e.requestUpdate();
-	}, Ot), e.requestUpdate();
+	}, G), e.requestUpdate();
 }
-function Mt(e) {
+function At(e) {
 	let t = e >= 1e3, n = t ? e / 1e3 : e;
-	return `${_(n, +!Number.isInteger(n))} ${t ? "km" : "m"}`;
+	return `${s(n, +!Number.isInteger(n))} ${t ? "km" : "m"}`;
 }
-function Nt(e) {
-	return e.kind === "circle" ? `binnen ${_(Math.round(e.radiusKm * 10) / 10)} km` : je(e.ring) ? "binnen de rechthoek" : "binnen de getekende lijn";
+function jt(e) {
+	return e.kind === "circle" ? `binnen ${s(Math.round(e.radiusKm * 10) / 10)} km` : De(e.ring) ? "binnen de rechthoek" : "binnen de getekende lijn";
 }
-function Pt(e, t) {
-	let { controller: r, description: i = e.description, mobile: a = !1, onSelect: o, onClear: s, onLayerChange: l, onArea: u } = t, { unit: p = "aantal", selectedId: m = null, selectedArea: h = null, layers: v, layer: te, basemap: re, selectLabel: ie = "Zet als bereik" } = e, ae = !!t.expanded, y = {
-		...Tt,
+function Mt(e, t) {
+	let { controller: n, description: r = e.description, mobile: i = !1, onSelect: a, onClear: l, onLayerChange: u, onArea: d } = t, { unit: f = "aantal", selectedId: g = null, selectedArea: _ = null, layers: y, layer: ee, basemap: ne, selectLabel: re = "Zet als bereik" } = e, ie = !!t.expanded, b = {
+		...U,
 		...e.controls
-	}, b = Et.filter((e) => y[e.tool]);
-	r.mapTool && !y[r.mapTool] && (r.mapTool = null), r.mapLastTool && !y[r.mapLastTool] && (r.mapLastTool = null), r.measure(ae ? {
+	}, x = W.filter((e) => b[e.tool]);
+	n.mapTool && !b[n.mapTool] && (n.mapTool = null), n.mapLastTool && !b[n.mapLastTool] && (n.mapLastTool = null), n.measure(ie ? {
 		width: !0,
 		height: "--chart-h-main",
-		fit: !a
+		fit: !i
 	} : {});
-	let x = ae ? r.height : t.height ?? e.height ?? (a ? W.mobile : W.desktop), se = we(e, p);
-	r.hostSelection !== m && (r.hostSelection = m, r.mapSelection = m);
-	let S = JSON.stringify(h);
-	r.hostArea !== S && (r.hostArea = S, r.mapArea = h);
-	let C = b.length > 0 ? r.mapArea : null, T = C ? Ue(C, se, e.geo) : [], E = r.mapSelection, O = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
-	for (let e of se) for (let t of e.values) O.set(t.id, t), A.set(t.id, e);
-	let j = E ? O.get(E) : void 0, M = j ? A.get(j.id) : void 0, N = (e) => e.series && A.get(e.id)?.seriesLabels?.[e.series] || void 0, le = r.hiddenLayers, ue = r.hiddenSeries, P = () => {
-		let e = r.mapSelection;
-		e != null && (r.mapSelection = null, s?.(e), r.requestUpdate());
+	let oe = ie ? n.height : t.height ?? e.height ?? (i ? wt.mobile : wt.desktop), se = be(e, f);
+	n.hostSelection !== g && (n.hostSelection = g, n.mapSelection = g);
+	let w = JSON.stringify(_);
+	n.hostArea !== w && (n.hostArea = w, n.mapArea = _);
+	let T = x.length > 0 ? n.mapArea : null, D = T ? ze(T, se, e.geo) : [], O = n.mapSelection, k = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
+	for (let e of se) for (let t of e.values) k.set(t.id, t), A.set(t.id, e);
+	let j = O ? k.get(O) : void 0, M = j ? A.get(j.id) : void 0, N = (e) => e.series && A.get(e.id)?.seriesLabels?.[e.series] || void 0, le = n.hiddenLayers, ue = n.hiddenSeries, P = () => {
+		let e = n.mapSelection;
+		e != null && (n.mapSelection = null, l?.(e), n.requestUpdate());
 	}, de = () => {
-		r.mapArea && (r.mapArea = null, u?.(null, []), r.requestUpdate());
+		n.mapArea && (n.mapArea = null, d?.(null, []), n.requestUpdate());
 	}, fe = (e) => {
-		if (e.id === E) return P();
-		r.mapSelection = e.id, o?.(e), r.requestUpdate();
+		if (e.id === O) return P();
+		n.mapSelection = e.id, a?.(e), n.requestUpdate();
 	}, pe = (t) => {
-		r.mapArea = t, u?.(t, Ue(t, se, e.geo)), r.requestUpdate();
+		n.mapArea = t, d?.(t, ze(t, se, e.geo)), n.requestUpdate();
 	}, me = (e) => {
-		r.mapTool = e, e && (r.mapLastTool = e), r.requestUpdate();
+		n.mapTool = e, e && (n.mapLastTool = e), n.requestUpdate();
 	};
-	if (j && M && (j.series && ue.includes(Je(M, j.series)) || le.includes(M.index))) return P(), Pt(e, t);
-	let he = r.leaflet ??= new vt(r);
+	if (j && M && (j.series && ue.includes(We(M, j.series)) || le.includes(M.index))) return P(), Mt(e, t);
+	let he = n.leaflet ??= new gt(n);
 	he.sync(e, {
-		unit: p,
-		active: E,
+		unit: f,
+		active: O,
 		hidden: ue,
 		hiddenLayers: le,
-		area: C,
-		chosen: T,
-		tool: r.mapTool,
-		drag: y.drag,
-		zoom: y.zoom,
-		scale: y.scale,
+		area: T,
+		chosen: D,
+		tool: n.mapTool,
+		drag: b.drag,
+		zoom: b.zoom,
+		scale: b.scale,
 		drawn: pe,
 		stopTool: () => me(null),
 		select: fe,
 		clear: P,
-		mobile: a
+		mobile: i
 	});
-	let ge = oe.filter((e) => e.action === "home" ? y.reset : y.zoom), _e = y.scale ? he.scaleBar() : null, ve = (e) => {
-		e === "in" ? he.zoomIn() : e === "out" ? he.zoomOut() : (r.mapTool = null, P(), de(), he.home());
-	}, ye = `${r.id}-tools`, F = Et.find((e) => e.tool === (r.mapTool ?? r.mapLastTool ?? b[0]?.tool)), be = b.map((e) => ({
+	let ge = ae.filter((e) => e.action === "home" ? b.reset : b.zoom), _e = b.scale ? he.scaleBar() : null, ve = (e) => {
+		e === "in" ? he.zoomIn() : e === "out" ? he.zoomOut() : (n.mapTool = null, P(), de(), he.home());
+	}, ye = `${n.id}-tools`, F = W.find((e) => e.tool === (n.mapTool ?? n.mapLastTool ?? x[0]?.tool)), I = x.map((e) => ({
 		value: e.tool,
 		label: e.text,
 		icon: e.name,
 		checked: F?.tool === e.tool,
 		radio: !0
 	})), xe = (e, t = "first") => {
-		r.mapMenuOpen = e, r.mapMenuFocus = e ? t : null, r.requestUpdate();
-	}, Se = () => r.element?.querySelector(".lintje-map-chart__tool"), Ce = (e) => {
+		n.mapMenuOpen = e, n.mapMenuFocus = e ? t : null, n.requestUpdate();
+	}, Se = () => n.element?.querySelector(".lintje-map-chart__tool"), Ce = (e) => {
 		xe(!1, null), e && Se()?.focus();
-	}, Te = (e) => [...e.querySelectorAll(".lintje-menu__row")], Ee = (e) => {
-		let t = e.currentTarget, n = Te(t), r = t.getRootNode().activeElement, i = n.findIndex((e) => e === r), a = (e) => {
+	}, we = (e) => [...e.querySelectorAll(".lintje-menu__row")], Te = (e) => {
+		let t = e.currentTarget, n = we(t), r = t.getRootNode().activeElement, i = n.findIndex((e) => e === r), a = (e) => {
 			e >= 0 && n[e]?.focus();
 		};
 		switch (e.key) {
-			case "ArrowDown": return e.preventDefault(), a(ne(be, i, 1));
-			case "ArrowUp": return e.preventDefault(), a(ne(be, i < 0 ? be.length : i, -1));
-			case "Home": return e.preventDefault(), a(ne(be, -1, 1));
-			case "End": return e.preventDefault(), a(ne(be, be.length, -1));
+			case "ArrowDown": return e.preventDefault(), a(te(I, i, 1));
+			case "ArrowUp": return e.preventDefault(), a(te(I, i < 0 ? I.length : i, -1));
+			case "Home": return e.preventDefault(), a(te(I, -1, 1));
+			case "End": return e.preventDefault(), a(te(I, I.length, -1));
 			case "Tab": return e.shiftKey || Se()?.focus(), Ce(!1);
 			default: return;
 		}
-	}, De = (e) => {
-		let t = r.mapMenuFocus;
-		e && t && (r.mapMenuFocus = null, (e.closest("lintje-popover")?.updateComplete ?? Promise.resolve()).then(() => {
-			let n = Te(e);
+	}, Ee = (e) => {
+		let t = n.mapMenuFocus;
+		e && t && (n.mapMenuFocus = null, (e.closest("lintje-popover")?.updateComplete ?? Promise.resolve()).then(() => {
+			let n = we(e);
 			n[t === "first" ? 0 : t === "last" ? n.length - 1 : Math.max(0, n.findIndex((e) => e.getAttribute("aria-checked") === "true"))]?.focus();
 		}));
-	}, Oe = (e) => {
+	}, De = (e) => {
 		Ce(!0), me(e);
-	}, ke = () => {
-		if (b.length === 0 || !F) return n;
-		let e = ge.length > 0 ? "lintje-map-chart__tip--first" : "", t = r.mapTool === F.tool, i = b.length > 1, a = r.mapMenuOpen, o = t ? "Stop met selecteren" : i ? "Selecteren" : F.label, s = t || !i ? F.name : "functioneel-selectie", l = c(s, g`<span class="lintje-map-chart__tool-icon">${w(s, t || !i ? F.text : "Kies")}</span>`);
-		return g`
-      <lintje-tooltip class="lintje-map-chart__tip ${e}" text=${o} placement="left" no-describe>
+	}, Oe = () => {
+		if (x.length === 0 || !F) return c;
+		let e = ge.length > 0 ? "lintje-map-chart__tip--first" : "", t = n.mapTool === F.tool, r = x.length > 1, i = n.mapMenuOpen, a = t ? "Stop met selecteren" : r ? "Selecteren" : F.label, o = t || !r ? F.name : "functioneel-selectie", s = h(o, p`<span class="lintje-map-chart__tool-icon">${S(o, t || !r ? F.text : "Kies")}</span>`);
+		return p`
+      <lintje-tooltip class="lintje-map-chart__tip ${e}" text=${a} placement="left" no-describe>
         <button type="button"
-                class="lintje-map-chart__zoom-button lintje-map-chart__tool ${i ? "lintje-map-chart__tool--menu" : ""} ${t ? "is-active" : ""}"
-                aria-label=${o} aria-pressed=${t}
-                aria-haspopup=${i && !t ? "menu" : n} aria-expanded=${i && !t ? String(a) : n}
-                aria-controls=${i && !t ? ye : n}
+                class="lintje-map-chart__zoom-button lintje-map-chart__tool ${r ? "lintje-map-chart__tool--menu" : ""} ${t ? "is-active" : ""}"
+                aria-label=${a} aria-pressed=${t}
+                aria-haspopup=${r && !t ? "menu" : c} aria-expanded=${r && !t ? String(i) : c}
+                aria-controls=${r && !t ? ye : c}
                 @click=${() => {
-			t ? me(null) : i ? xe(!a, "checked") : me(F.tool);
+			t ? me(null) : r ? xe(!i, "checked") : me(F.tool);
 		}}
                 @keydown=${(e) => {
-			!i || t || e.key !== "ArrowDown" && e.key !== "ArrowUp" || (e.preventDefault(), xe(!0, e.key === "ArrowDown" ? "first" : "last"));
-		}}>${l}</button>
+			!r || t || e.key !== "ArrowDown" && e.key !== "ArrowUp" || (e.preventDefault(), xe(!0, e.key === "ArrowDown" ? "first" : "last"));
+		}}>${s}</button>
       </lintje-tooltip>
-      ${i ? Ae(a) : n}
+      ${r ? ke(i) : c}
     `;
-	}, Ae = (e) => g`
+	}, ke = (e) => p`
       <lintje-popover id=${ye} panel-role="menu" label="Andere vorm" placement="left-start" ?open=${e}
                       @lintje-close=${(e) => {
 		e.stopPropagation(), Ce(e.detail?.reason === "escape");
 	}}>
-        ${e ? g`<div class="lintje-menu lintje-map-chart__menu" ${d(De)} @keydown=${Ee}>
-            ${be.map((e) => g`
+        ${e ? p`<div class="lintje-menu lintje-map-chart__menu" ${m(Ee)} @keydown=${Te}>
+            ${I.map((e) => p`
               <button type="button" class="lintje-menu__row focus-inset" role="menuitemradio" tabindex="-1"
                       aria-checked=${String(e.checked)}
-                      @click=${() => Oe(e.value)}>
-                ${f(e.icon, {
+                      @click=${() => De(e.value)}>
+                ${v(e.icon, {
 		size: 16,
 		className: "lintje-menu__icon"
 	})}
                 <span class="lintje-menu__label">${e.label}</span>
-                ${e.checked ? f("functioneel-vinkje", {
+                ${e.checked ? v("functioneel-vinkje", {
 		size: 16,
 		className: "lintje-menu__check"
-	}) : n}
+	}) : c}
               </button>`)}
-          </div>` : n}
+          </div>` : c}
       </lintje-popover>
-  `, je = () => {
-		let e = a ? "lintje-map-chart__selection--below" : "";
-		return j ? g`
+  `, Ae = () => {
+		let e = i ? "lintje-map-chart__selection--below" : "";
+		return j ? p`
         <div class="lintje-map-chart__selection ${e}">
           <span class="lintje-map-chart__selection-title">Geselecteerd</span>
           <!-- The way out of a selection that is always there, for mouse and
                keyboard alike; the focus goes back to the mark it had. -->
           <button type="button" class="lintje-map-chart__selection-close"
                   aria-label="Selectie opheffen"
-                  @click=${() => P()}>${f("functioneel-kruis", { size: 14 })}</button>
+                  @click=${() => P()}>${v("functioneel-kruis", { size: 14 })}</button>
           <b>${j.label}</b>
-          ${N(j) ? g`<span class="lintje-map-chart__selection-series">
+          ${N(j) ? p`<span class="lintje-map-chart__selection-series">
                 <svg class="lintje-map-chart__series-swatch" viewBox="0 0 14 14" aria-hidden="true" focusable="false">
-                  <path d=${ce(j.series, 5.5, 7, 7)} fill=${D(j.series) ?? "currentColor"} />
+                  <path d=${C(j.series, 5.5, 7, 7)} fill=${ce(j.series) ?? "currentColor"} />
                 </svg>${N(j)}
-              </span>` : n}
+              </span>` : c}
           <span class="lintje-map-chart__selection-value">
-            ${j.value == null ? "geen gegevens" : I(_(j.value), M?.unit ?? p)}${j.detail ? ` · ${j.detail}` : ""}
+            ${j.value == null ? "geen gegevens" : R(s(j.value), M?.unit ?? f)}${j.detail ? ` · ${j.detail}` : ""}
           </span>
           <!-- Only when the mark carries a URL the host minted: without one
                the link had nowhere to go and did nothing. -->
-          ${o && j.href ? g`
+          ${a && j.href ? p`
             <button type="button" class="lintje-map-chart__set-scope"
-                    @click=${() => o(j)}>
-              ${ie} ${f("functioneel-locatiemarker", { size: 14 })}
+                    @click=${() => a(j)}>
+              ${re} ${v("functioneel-locatiemarker", { size: 14 })}
             </button>
-          ` : n}
+          ` : c}
         </div>
-      ` : C ? g`
+      ` : T ? p`
         <div class="lintje-map-chart__selection ${e}">
           <span class="lintje-map-chart__selection-title">Geselecteerd</span>
           <button type="button" class="lintje-map-chart__selection-close"
                   aria-label="Selectie opheffen"
-                  @click=${() => de()}>${f("functioneel-kruis", { size: 14 })}</button>
-          <b>${T.length === 0 ? "Niets" : T.length === 1 ? "1 op de kaart" : `${_(T.length)} op de kaart`}</b>
-          <span class="lintje-map-chart__selection-value">${Nt(C)}</span>
+                  @click=${() => de()}>${v("functioneel-kruis", { size: 14 })}</button>
+          <b>${D.length === 0 ? "Niets" : D.length === 1 ? "1 op de kaart" : `${s(D.length)} op de kaart`}</b>
+          <span class="lintje-map-chart__selection-value">${jt(T)}</span>
         </div>
-      ` : n;
-	}, Me = r.mapHint ? r.mapHint : r.mapTool ? G[r.mapTool][a ? "short" : "full"] : null;
-	return g`
-    <div class="lintje-map-chart ${a ? "lintje-map-chart--mobile" : ""} ${re ? "lintje-map-chart--basemap" : ""}"
-         ${d(r.attach)} ?data-in-view=${r.inView}
+      ` : c;
+	}, je = n.mapHint ? n.mapHint : n.mapTool ? Tt[n.mapTool][i ? "short" : "full"] : null;
+	return p`
+    <div class="lintje-map-chart ${i ? "lintje-map-chart--mobile" : ""} ${ne ? "lintje-map-chart--basemap" : ""}"
+         ${m(n.attach)} ?data-in-view=${n.inView}
          @keydown=${(e) => {
 		if (e.key === "Escape") {
-			if (r.mapTool) r.mapTool = null;
-			else if (E) P();
-			else if (C) de();
+			if (n.mapTool) n.mapTool = null;
+			else if (O) P();
+			else if (T) de();
 			else return;
-			e.stopPropagation(), r.requestUpdate();
+			e.stopPropagation(), n.requestUpdate();
 		}
 	}}>
-      ${y.legend ? U({
+      ${b.legend ? Ct({
 		drawings: se,
 		hiddenLayers: le,
 		hiddenSeries: ue,
-		expanded: ae,
-		mobile: a,
-		open: r.mapLegendOpen,
-		onLayer: (e) => r.toggleLayer(e),
-		onSeries: (e) => r.toggleSeries(e),
+		expanded: ie,
+		mobile: i,
+		open: n.mapLegendOpen,
+		onLayer: (e) => n.toggleLayer(e),
+		onSeries: (e) => n.toggleSeries(e),
 		onOpen: (e) => {
-			r.mapLegendOpen = e, r.requestUpdate();
+			n.mapLegendOpen = e, n.requestUpdate();
 		}
-	}) : n}
-      <div class="lintje-map-chart__area" ${ee({ height: `${x}px` })} data-tooltip-anchor
+	}) : c}
+      <div class="lintje-map-chart__area" ${o({ height: `${oe}px` })} data-tooltip-anchor
            @wheel=${{
 		handleEvent: (e) => {
-			if (y.wheel) {
-				if (!kt(e)) return jt(r);
-				e.preventDefault(), he.zoomBy(e, K(e));
+			if (b.wheel) {
+				if (!Dt(e)) return K(n);
+				e.preventDefault(), he.zoomBy(e, Ot(e));
 			}
 		},
 		passive: !1
 	}}>
-        <p class="visually-hidden">${i}</p>
-        <div class="lintje-map-chart__leaflet" ${d(he.attach)}></div>
-        ${k(r)}
+        <p class="visually-hidden">${r}</p>
+        <div class="lintje-map-chart__leaflet" ${m(he.attach)}></div>
+        ${E(n)}
 
         <!-- Layer switcher top left. -->
-        ${v && v.length > 1 ? g`
+        ${y && y.length > 1 ? p`
           <div class="lintje-map-chart__layers" role="group" aria-label="Kaartlaag">
-            ${v.map((e) => g`
+            ${y.map((e) => p`
               <button type="button"
-                      class="lintje-map-chart__layer ${e.value === te ? "is-active" : ""}"
-                      aria-pressed=${e.value === te}
-                      @click=${() => l?.(e.value)}>${e.label}</button>
+                      class="lintje-map-chart__layer ${e.value === ee ? "is-active" : ""}"
+                      aria-pressed=${e.value === ee}
+                      @click=${() => u?.(e.value)}>${e.label}</button>
             `)}
           </div>
-        ` : n}
+        ` : c}
 
-        ${Me ? g`<p class="lintje-map-chart__hint" role="status">${Me}</p>` : n}
+        ${je ? p`<p class="lintje-map-chart__hint" role="status">${je}</p>` : c}
 
         <!-- Zoom, reset and the drawing tools top right, those the host keeps. -->
-        ${ge.length + b.length > 0 ? g`
+        ${ge.length + x.length > 0 ? p`
         <div class="lintje-map-chart__zoom">
-          ${ge.map((e) => g`
+          ${ge.map((e) => p`
             <lintje-tooltip class="lintje-map-chart__tip" text=${e.label} placement="left" no-describe>
               <button type="button" class="lintje-map-chart__zoom-button" aria-label=${e.label}
-                      @click=${() => ve(e.action)}>${w(e.name, e.text, 16, "flip" in e ? e.flip : void 0)}</button>
+                      @click=${() => ve(e.action)}>${S(e.name, e.text, 16, "flip" in e ? e.flip : void 0)}</button>
             </lintje-tooltip>
           `)}
-          ${ke()}
+          ${Oe()}
         </div>
-        ` : n}
+        ` : c}
 
         <!-- The scale bottom right: a round distance, and a bracket as long as it on the map. -->
-        ${_e ? g`<div class="lintje-map-chart__scale-bar" aria-hidden="true">
-          <span>${Mt(_e.metres)}</span>
-          <span class="lintje-map-chart__scale-line" ${ee({ width: `${_e.width}px` })}></span>
-        </div>` : n}
+        ${_e ? p`<div class="lintje-map-chart__scale-bar" aria-hidden="true">
+          <span>${At(_e.metres)}</span>
+          <span class="lintje-map-chart__scale-line" ${o({ width: `${_e.width}px` })}></span>
+        </div>` : c}
 
         <!-- What was chosen, bottom left; on a phone under the map. -->
-        ${a ? n : je()}
+        ${i ? c : Ae()}
       </div>
-      ${a ? je() : n}
+      ${i ? Ae() : c}
     </div>
   `;
 }
 //#endregion
 //#region src/components/shared/charts/map-chart/map-chart.css?inline
-var Ft = "/* Map fixed elements: zoom, reset and the select button top right, layer switcher top left,\n   the scale bottom right and the selection panel bottom left, as overlays on the map area; the\n   legend stands above the map, as above every chart, and the source line in the tile footer.\n   Leaflet is the map (`leaflet.ts`); the drawing in its svg is the design system's own\n   (`marks.ts`), styled below as any chart. */\n\n/* The overlays draw compact, like the buttons of a bar; on a phone at the touch floor. */\n.lintje-map-chart { --map-overlay-h: var(--h-button-chrome); }\n.lintje-map-chart--mobile { --map-overlay-h: var(--h-touch); }\n\n.lintje-map-chart__area {\n  position: relative;\n  background: var(--color-map-water);\n  border: 1px solid var(--color-border-default);\n  overflow: hidden;\n}\n\n/* --- The surface ---------------------------------------------------------- */\n\n.lintje-map-chart__leaflet {\n  position: absolute;\n  inset: 0;\n  /* Leaflet numbers its panes up to 700 and its controls to 1000; without a stacking\n     context the tile's own overlays would end up under the tiles. */\n  z-index: 0;\n}\n.lintje-map-chart__layers,\n.lintje-map-chart__zoom,\n.lintje-map-chart__selection { z-index: 1; }\n\n.lintje-map-chart .leaflet-container {\n  background: var(--color-map-water);\n  font: var(--text-small);\n}\n/* The map takes the focus when a cleared mark is gone; the area clips a ring outside it. The\n   ring is a layer over Leaflet's panes: an outline would lie under them and show in pieces. */\n.lintje-map-chart .leaflet-container:focus-visible { outline: none; }\n.lintje-map-chart .leaflet-container:focus-visible::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 1000;\n  border: var(--focus-width) solid var(--color-focus);\n  pointer-events: none;\n}\n/* Leaflet lets no path in its svg take the pointer; a mark of ours does, by its own class. A\n   mark drawn after a redraw keeps the view: marks are in the data group, the group is placed. */\n.lintje-map-chart__data .lintje-map-chart__polygon-shape,\n.lintje-map-chart__data .lintje-map-chart__flow,\n.lintje-map-chart__data .lintje-map-chart__point-shape { pointer-events: visiblePainted; }\n.lintje-map-chart__destination { pointer-events: none; }\n/* A tool on: the map is a sheet to draw on, also for a finger. */\n.lintje-map-chart .leaflet-container.is-drawing { cursor: crosshair; touch-action: none; }\n.lintje-map-chart .leaflet-container.is-drawing .lintje-map-chart__data * { cursor: crosshair; }\n/* The area that chose: an outline over the data, the inside barely tinted, never in the way. */\n.lintje-map-chart__region {\n  fill: var(--color-text-primary);\n  fill-opacity: .06;\n  stroke: var(--color-text-primary);\n  stroke-width: 2;\n  stroke-dasharray: 6 4;\n  vector-effect: non-scaling-stroke;\n  pointer-events: none;\n}\n.lintje-map-chart__region--draft { fill-opacity: .04; }\n/* While an area is drawn, what it would choose is outlined as chosen and the rest steps back. */\n.lintje-map-chart__data.is-previewing [data-mark-id]:not(.is-preview),\n.lintje-map-chart__data.has-area:not(.is-previewing) [data-mark-id]:not(.is-selected) { opacity: .35; }\n.lintje-map-chart__polygon.is-preview .lintje-map-chart__polygon-shape,\n.lintje-map-chart__point.is-preview .lintje-map-chart__point-shape { stroke: var(--color-text-primary); stroke-width: 2; }\n.lintje-map-chart__flow.is-preview { opacity: 1; }\n/* A circle shows its middle, which is what the reader measures from. */\n.lintje-map-chart__region-centre {\n  fill: var(--color-text-primary);\n  stroke: var(--color-bg-surface);\n  stroke-width: 1.5;\n  pointer-events: none;\n}\n/* Through Leaflet's zoom animation a symbol scales back along the curve `leaflet.ts` sets. */\n.lintje-map-chart .leaflet-zoom-anim .lintje-map-chart__symbol { transition: transform 0.25s; }\n\n/* The credit: on the surface, in the map's own text colours, one line of `--space-5` high so\n   what stands above it knows where; on a phone it runs to two. */\n.lintje-map-chart .leaflet-control-attribution {\n  display: flex; flex-wrap: wrap; align-items: center;\n  min-height: var(--space-5);\n  padding: 0 var(--space-2);\n  background: var(--color-bg-surface);\n  color: var(--color-text-muted);\n  font: var(--text-axis);\n  border: 1px solid var(--color-border-default);\n  border-right: 0;\n  border-bottom: 0;\n  margin: 0;\n}\n/* Underlined: the link differs from the credit around it by 1.24:1 in colour alone. */\n.lintje-map-chart .leaflet-control-attribution a { color: var(--color-link); text-decoration: underline; }\n\n/* --- Shapes --------------------------------------------------------------- */\n\n.lintje-map-chart__land {\n  stroke: var(--color-map-border);\n  stroke-width: 0.5;\n  vector-effect: non-scaling-stroke;\n}\n/* Points and flows drop the browser's own focus box outright: their ring is a stroke. */\n.lintje-map-chart__flow:focus,\n.lintje-map-chart__point:focus { outline: none; }\n\n/* An area with a row — a shape of the geometry or one with its own outline — is drawn as a\n   point is: a ring behind the shape for the focus, and without a figure the surface under the\n   hatch, so the ring never shows through it. Its edges are those of the land. */\n.lintje-map-chart__polygon { cursor: pointer; }\n.lintje-map-chart__polygon-shape {\n  stroke: var(--color-map-border);\n  stroke-width: 0.5;\n  vector-effect: non-scaling-stroke;\n}\n/* An area with a figure is outlined at 3:1 against the land and the lightest class, which are\n   1.1:1 apart: the lightest class would otherwise read as no data at all. */\n.lintje-map-chart__polygon-shape--data { stroke: var(--color-map-border-data); stroke-width: 1; }\n.lintje-map-chart__polygon-shape--empty { fill: var(--color-bg-surface); }\n.lintje-map-chart__polygon-hatch { pointer-events: none; }\n.lintje-map-chart__polygon:hover .lintje-map-chart__polygon-shape { stroke: var(--color-text-primary); stroke-width: 1.5; }\n.lintje-map-chart__polygon.is-selected .lintje-map-chart__polygon-shape { stroke: var(--color-text-primary); stroke-width: 2; }\n.lintje-map-chart__polygon-ring { fill: none; stroke: none; vector-effect: non-scaling-stroke; }\n.lintje-map-chart__polygon:focus-visible { outline: none; }\n.lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-ring {\n  stroke: var(--color-focus);\n  stroke-width: calc(var(--focus-width) * 2 + 2px);\n}\n.lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-shape {\n  stroke: var(--color-bg-surface);\n  stroke-width: 2;\n}\n\n.lintje-map-chart__flow {\n  fill: none;\n  stroke: var(--color-chart-default);\n  stroke-linecap: round;\n  opacity: .75;\n  cursor: pointer;\n  vector-effect: non-scaling-stroke;\n  transition: opacity var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-chart__flow:hover,\n.lintje-map-chart__flow.is-selected { opacity: 1; }\n/* Something is chosen, a mark or an area: the flows not chosen step back, further than a point. */\n.lintje-map-chart__data.has-selection .lintje-map-chart__flow:not(.is-selected):not(:focus-visible) { opacity: .22; }\n/* A flow is a line: on focus the line itself is the ring, in the focus colour at full strength,\n   also beside the chosen one. */\n.lintje-map-chart__flow:focus-visible { stroke: var(--color-focus); opacity: 1; }\n.lintje-map-chart__destination { fill: var(--color-attention); stroke: var(--color-bg-surface); stroke-width: 2; }\n\n.lintje-map-chart__point { cursor: pointer; }\n.lintje-map-chart__point-shape {\n  fill: var(--color-chart-default);\n  fill-opacity: .55;\n  stroke: var(--color-chart-default);\n  stroke-width: 1;\n  vector-effect: non-scaling-stroke;\n  transition: fill-opacity var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-chart__point:hover .lintje-map-chart__point-shape { fill-opacity: .8; }\n/* A point with a series carries its own colour, handed in as `--lintje-series` so\n   the selected and focused outlines below — which are more specific — still win\n   over it. The opacity and the hover are the point's own, as always. */\n.lintje-map-chart__point-shape--series {\n  fill: var(--lintje-series);\n  stroke: var(--lintje-series);\n  fill-opacity: .65;\n}\n.lintje-map-chart__point:hover .lintje-map-chart__point-shape--series { fill-opacity: .9; }\n/* No figure: no data colour either. The surface underneath and the hatch over it\n   are what the legend's \"geen gegevens\" swatch shows. */\n.lintje-map-chart__point-shape--empty {\n  fill: var(--color-bg-surface);\n  fill-opacity: 1;\n  stroke: var(--color-chart-hatch);\n}\n/* The hatch is a fill attribute on its own path; a `fill` in this sheet would cover it. */\n.lintje-map-chart__point-hatch { pointer-events: none; }\n.lintje-map-chart__point.is-selected .lintje-map-chart__point-shape { stroke: var(--color-text-primary); stroke-width: 2; fill-opacity: .85; }\n/* The focus ring: a wide stroke on a copy of the shape behind it, of which the 3 px outside a\n   1 px edge in the surface show — so an orange point keeps its ring. The shape is opaque while\n   focused, or the ring would show through it. */\n.lintje-map-chart__point-ring { fill: none; stroke: none; vector-effect: non-scaling-stroke; }\n.lintje-map-chart__point:focus-visible .lintje-map-chart__point-ring {\n  stroke: var(--color-focus);\n  stroke-width: calc(var(--focus-width) * 2 + 2px);\n}\n.lintje-map-chart__point:focus-visible .lintje-map-chart__point-shape {\n  stroke: var(--color-bg-surface);\n  stroke-width: 2;\n  fill-opacity: 1;\n}\n\n/* A mark switched off in the legend keeps its element and goes with a motion — a point shrinks,\n   an area or a flow fades — and comes back the same way, west to east as it first drew in; gone,\n   it is hidden to the pointer, the keyboard and the reader. Every mark is keyed (`marks.ts`), so\n   the others stay as they are. */\n.lintje-map-chart__point-figure { transform-box: fill-box; transform-origin: 50% 50%; }\n.lintje-map-chart__data .is-off { visibility: hidden; pointer-events: none; }\n.lintje-map-chart__point.is-off .lintje-map-chart__point-figure { transform: scale(0); opacity: 0; }\n.lintje-map-chart__polygon.is-off,\n.lintje-map-chart__flow.is-off { opacity: 0; }\n\n/* The base map stands at once. Areas fade in, flows are drawn from origin to destination and\n   points grow, the last two west to east with the timing of the bars (starts spread over 40 % of\n   the draw, each mark the other 60 %). Fill mode `backwards` throughout, so hover, muted and\n   selected win once the draw is done. Paused until the map is in view; the paused declarations\n   follow the shorthands, see chart.css. */\n@media (prefers-reduced-motion: no-preference) {\n  .lintje-map-chart__data [data-mark-id] {\n    transition: visibility 0s var(--dur-base), opacity var(--dur-base) var(--ease-in-motion);\n  }\n  .lintje-map-chart__data [data-mark-id]:not(.is-off) {\n    transition-delay: 0s, calc(var(--dur-draw) * 0.4 * var(--lintje-stagger, 0));\n  }\n  .lintje-map-chart__point-figure {\n    transition: transform var(--dur-base) var(--ease-in-motion), opacity var(--dur-base) var(--ease-in-motion);\n  }\n  .lintje-map-chart__point:not(.is-off) .lintje-map-chart__point-figure {\n    transition-delay: calc(var(--dur-draw) * 0.4 * var(--lintje-stagger, 0));\n  }\n\n  .lintje-map-chart__polygon,\n  .lintje-map-chart__flow,\n  .lintje-map-chart__point-figure {\n    animation-duration: calc(var(--dur-draw) * 0.6);\n    animation-timing-function: var(--ease-in-motion);\n    animation-delay: calc(var(--dur-draw) * 0.4 * var(--lintje-stagger, 0));\n    animation-fill-mode: backwards;\n  }\n  .lintje-map-chart__polygon { animation-name: lintje-map-fade; }\n  .lintje-map-chart__flow { animation-name: lintje-map-draw; }\n  .lintje-map-chart__point-figure { animation-name: lintje-point-grow; }\n\n  .lintje-map-chart__polygon,\n  .lintje-map-chart__flow,\n  .lintje-map-chart__point-figure { animation-play-state: paused; }\n  [data-in-view] .lintje-map-chart__polygon,\n  [data-in-view] .lintje-map-chart__flow,\n  [data-in-view] .lintje-map-chart__point-figure { animation-play-state: running; }\n}\n@keyframes lintje-map-fade { from { opacity: 0; } }\n/* With pathLength=\"1\": a dash as long as the flow and a longer gap, started just past the gap's edge, so\n   the round caps of the hidden dash leave no dot at either end on the first frame. */\n@keyframes lintje-map-draw {\n  from { stroke-dasharray: 1 1.2; stroke-dashoffset: 1.1; }\n  to   { stroke-dasharray: 1 1.2; stroke-dashoffset: 0; }\n}\n\n/* --- Overlays ------------------------------------------------------------- */\n\n.lintje-map-chart__layers,\n.lintje-map-chart__zoom,\n.lintje-map-chart__selection { position: absolute; }\n\n.lintje-map-chart__layers { top: var(--space-2); left: var(--space-2); display: flex; }\n/* The layers and the zoom buttons touch, like the segments of a segmented control, so each is\n   its own target along the row or the stack; across it a transparent hit area reaches\n   `--h-target`. */\n.lintje-map-chart__layer {\n  position: relative;\n  height: var(--map-overlay-h); padding: 0 10px;\n  font: var(--text-small);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n  margin-left: -1px;\n  cursor: pointer;\n}\n.lintje-map-chart__layer::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2)) 0;\n}\n.lintje-map-chart__layer:first-child { margin-left: 0; }\n.lintje-map-chart__layer.is-active {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  /* The button's own 1 px border: the primary in light, the tint in dark, so the\n     chosen layer does not melt into the map. */\n  border-color: var(--color-action-primary-border);\n  font-weight: 700;\n}\n\n.lintje-map-chart__zoom { top: var(--space-2); right: var(--space-2); display: flex; flex-direction: column; }\n.lintje-map-chart__zoom-button {\n  position: relative;\n  width: var(--map-overlay-h); height: var(--map-overlay-h);\n  display: flex; align-items: center; justify-content: center;\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n  margin-top: -1px;\n  cursor: pointer;\n}\n.lintje-map-chart__zoom-button::after {\n  content: '';\n  position: absolute;\n  inset: 0 min(0px, calc((100% - var(--h-target)) / 2));\n}\n.lintje-map-chart__zoom-button:first-child { margin-top: 0; }\n.lintje-map-chart__zoom-button:hover { background: var(--color-bg-subtle); }\n/* Each button sits in its tooltip, which says on hover and focus what the button does. The\n   select button stands apart from the zoom. */\n.lintje-map-chart__tip { display: flex; margin-top: -1px; }\n.lintje-map-chart__tip:first-child { margin-top: 0; }\n.lintje-map-chart__tip .lintje-map-chart__zoom-button { margin-top: 0; }\n.lintje-map-chart__tip--first { margin-top: var(--space-2); }\n/* A tool on: the button is primary, with the shape it draws. */\n.lintje-map-chart__tool.is-active {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n}\n/* With two or more shapes the corner says a menu of them stands behind the button, which shows\n   the shape in use; a click opens it while no shape is on. A shape taken up or put down grows\n   in on the button. */\n.lintje-map-chart__tool-icon { display: flex; }\n@media (prefers-reduced-motion: no-preference) {\n  .lintje-map-chart__tool-icon { animation: lintje-map-tool-in var(--dur-base) var(--ease-in-motion); }\n}\n@keyframes lintje-map-tool-in { from { opacity: 0; transform: scale(0.4); } }\n.lintje-map-chart__tool--menu::before {\n  content: '';\n  position: absolute;\n  right: 2px; bottom: 2px;\n  border: 4px solid transparent;\n  border-right-color: currentColor;\n  border-bottom-color: currentColor;\n}\n.lintje-map-chart__menu { min-width: 200px; }\n.lintje-map-chart__menu .lintje-menu__check { margin-left: auto; }\n\n/* How to draw, or how the wheel zooms, along the bottom: out of the way of the data. On a phone\n   it wraps. */\n.lintje-map-chart__hint {\n  position: absolute;\n  z-index: 1;\n  left: 50%; bottom: var(--space-2);\n  transform: translateX(-50%);\n  white-space: nowrap;\n  margin: 0;\n  padding: var(--space-2) var(--space-3);\n  font: var(--text-small);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n  text-align: center;\n  pointer-events: none;\n}\n.lintje-map-chart--mobile .lintje-map-chart__hint {\n  white-space: normal;\n  width: max-content;\n  max-width: calc(100% - 2 * var(--space-4));\n}\n\n/* The scale bottom right, as on a road map: the distance, then a bracket as long as it on the\n   map; without a frame, on a basemap on the surface over the credit. */\n.lintje-map-chart__scale-bar {\n  position: absolute; z-index: 1;\n  right: var(--space-2); bottom: var(--space-2);\n  display: flex; align-items: flex-end; gap: var(--space-2);\n  font: var(--text-axis);\n  font-variant-numeric: tabular-nums;\n  line-height: 1;\n  color: var(--color-text-primary);\n  white-space: nowrap;\n}\n.lintje-map-chart__scale-line {\n  display: block; flex: none;\n  height: 8px;\n  box-sizing: border-box;\n  border: 2px solid var(--color-text-primary);\n  border-top: 0;\n}\n.lintje-map-chart--basemap .lintje-map-chart__scale-bar {\n  padding: var(--space-1) var(--space-2);\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-default);\n}\n/* On a basemap what stands at the bottom lifts over the credit strip, which is a condition of\n   using the service's tiles; on a phone the credit needs two lines. */\n.lintje-map-chart--basemap .lintje-map-chart__selection,\n.lintje-map-chart--basemap .lintje-map-chart__scale-bar,\n.lintje-map-chart--basemap .lintje-map-chart__hint { bottom: calc(var(--space-2) + var(--space-5)); }\n.lintje-map-chart--basemap.lintje-map-chart--mobile .lintje-map-chart__scale-bar { bottom: calc(var(--space-2) + var(--space-9)); }\n\n/* --- The legend ----------------------------------------------------------- */\n\n/* A line per layer: its name, which switches it, then its key and its series. One layer has no\n   name and no switch; on a phone the name stands over its key, and the series on their own line. */\n.lintje-map-legend {\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  align-items: center;\n  gap: var(--space-2) var(--space-4);\n  margin-bottom: var(--space-3);\n  font: var(--text-small);\n  color: var(--color-text-primary);\n}\n.lintje-map-legend--narrow { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }\n/* The name switches the layer, and says so with the box of a checkbox (input.css), at the\n   size of a legend marker: checked while the layer draws. */\n.lintje-map-legend__layer {\n  display: flex; align-items: center; gap: var(--space-2);\n  min-height: var(--h-target-text);\n  font: inherit; font-weight: 700;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.lintje-map-legend__box {\n  width: 16px; height: 16px; flex: none;\n  display: flex; align-items: center; justify-content: center;\n  border: 2px solid var(--color-border-choice);\n  background: var(--color-accent);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n  transition: background-color var(--dur-hover) var(--ease-in-motion),\n    border-color var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-legend__layer.is-off .lintje-map-legend__box {\n  background: var(--color-bg-surface);\n  border-color: var(--color-border-choice);\n}\n/* The mark grows in when the layer goes on, as in a checkbox. */\n.lintje-map-legend__box .lintje-icon {\n  transition: opacity var(--dur-hover) var(--ease-in-motion),\n    transform var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-legend__layer.is-off .lintje-map-legend__box .lintje-icon { opacity: 0; transform: scale(0.4); }\n/* Off: the name is struck through at full contrast and the key behind it steps back; its series\n   read as off too (chart.css). `aria-pressed` and the box carry the state. */\n.lintje-map-legend__layer.is-off .lintje-map-legend__name { text-decoration: line-through; }\n.lintje-map-legend__keys {\n  display: flex; flex-wrap: wrap; align-items: center;\n  gap: var(--space-2) var(--space-4);\n  min-height: var(--h-target-text);\n}\n.lintje-map-legend__keys.is-off > .lintje-map-legend__key { opacity: .45; }\n.lintje-map-legend__key { display: flex; align-items: center; gap: 6px; }\n.lintje-map-legend__figure { font: var(--text-axis); color: var(--color-text-secondary); white-space: nowrap; font-variant-numeric: tabular-nums; }\n.lintje-map-legend__rule { width: 1px; align-self: stretch; min-height: 16px; background: var(--color-border-default); }\n.lintje-map-legend--narrow .lintje-map-legend__rule { display: none; }\n.lintje-map-legend--narrow .lintje-map-legend__keys > .lintje-legend { flex-basis: 100%; }\n/* The classes: five steps between 0 and the max, the lightest edged so it shows on the surface;\n   in the modal each with its range, as the heatmap lists them. */\n.lintje-map-legend__ramp { display: flex; }\n.lintje-map-legend__ramp i { display: block; width: 16px; height: 10px; }\n.lintje-map-legend__ramp i:first-child,\n.lintje-map-legend__classes .lintje-legend__item:first-child .lintje-legend__marker { box-shadow: inset 0 0 0 1px var(--color-border-default); }\n.lintje-map-legend__sizes circle { fill: none; stroke: var(--color-text-secondary); stroke-width: 1; }\n.lintje-map-legend__sizes--nested { overflow: visible; }\n.lintje-map-legend__sizes--nested line { stroke: var(--color-border-strong); stroke-width: 1; }\n.lintje-map-legend__sizes--nested text { font: var(--text-axis); fill: var(--color-text-secondary); }\n.lintje-map-legend__wedge path { fill: var(--color-chart-default); }\n/* The rest of a long legend folds under a line that opens it. */\n.lintje-map-legend__more {\n  grid-column: 2;\n  display: flex; align-items: center; gap: var(--space-1);\n  min-height: var(--h-target-text);\n  font: inherit; font-weight: 700;\n  color: var(--color-link);\n  cursor: pointer;\n}\n.lintje-map-legend--narrow .lintje-map-legend__more { grid-column: 1; }\n.lintje-map-legend__more:hover { text-decoration: underline; }\n/* The series swatch in the selection panel. */\n.lintje-map-chart__series-swatch { width: 14px; height: 14px; display: block; flex: none; }\n\n/* --- The selection panel -------------------------------------------------- */\n\n/* Bottom left, clear of the buttons and the scale; on a phone a row under the map. */\n.lintje-map-chart__selection {\n  left: var(--space-2); bottom: var(--space-2);\n  width: 200px;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-strong);\n  padding: 10px 12px;\n  font-size: 0.875rem;\n  display: flex; flex-direction: column; gap: 3px;\n}\n.lintje-map-chart__selection--below {\n  position: relative;\n  left: auto; bottom: auto;\n  width: auto;\n  margin-top: var(--space-2);\n  flex-direction: row; flex-wrap: wrap; align-items: baseline;\n  gap: 2px var(--space-2);\n  padding-right: var(--space-10);\n}\n.lintje-map-chart__selection-title {\n  font-weight: 700; letter-spacing: .06em; text-transform: uppercase;\n  color: var(--color-text-muted);\n}\n.lintje-map-chart__selection-value { color: var(--color-text-secondary); }\n.lintje-map-chart__selection-series { display: flex; align-items: center; gap: 5px; }\n/* The way out of a selection, top right of the panel; the title keeps its room. An icon\n   button: a 40 px box whose transparent hit area takes the target to 48. */\n.lintje-map-chart__selection-close {\n  position: absolute; top: 0; right: 0;\n  width: var(--h-icon-button); height: var(--h-icon-button);\n  display: flex; align-items: center; justify-content: center;\n  background: none; border: 0; padding: 0;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n}\n.lintje-map-chart__selection-close:hover { color: var(--color-text-primary); }\n.lintje-map-chart__selection-close::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2));\n}\n.lintje-map-chart__selection-title { padding-right: var(--space-8); }\n.lintje-map-chart__set-scope {\n  min-height: var(--h-target);\n  display: flex; align-items: center; gap: 4px;\n  background: none; border: 0; padding: 0;\n  font: 700 0.875rem/1.4 var(--font-ui);\n  color: var(--color-link);\n  cursor: pointer;\n}\n.lintje-map-chart__set-scope:hover { text-decoration: underline; }\n\n\n/* Forced colours: the map's colours are its content, so the drawing and the legend's swatches\n   keep them (`forced-color-adjust: none`). The chosen area or point is outlined in CanvasText,\n   the focused one in Highlight. The chosen layer's fill is dropped, so its border turns Highlight. */\n@media (forced-colors: active) {\n  .lintje-map-chart__data,\n  .lintje-map-legend__ramp i,\n  .lintje-map-legend__wedge,\n  .lintje-map-chart__series-swatch { forced-color-adjust: none; }\n  .lintje-map-chart__polygon.is-selected .lintje-map-chart__polygon-shape,\n  .lintje-map-chart__point.is-selected .lintje-map-chart__point-shape { stroke: CanvasText; }\n  .lintje-map-chart__point:focus-visible .lintje-map-chart__point-ring,\n  .lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-ring,\n  .lintje-map-chart__flow:focus-visible { stroke: Highlight; }\n  .lintje-map-chart__point:focus-visible .lintje-map-chart__point-shape,\n  .lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-shape { stroke: Canvas; }\n  .lintje-map-chart__layer.is-active { border-color: Highlight; }\n  .lintje-map-legend__box { forced-color-adjust: none; background: Highlight; border-color: Highlight; color: HighlightText; }\n  .lintje-map-legend__layer.is-off .lintje-map-legend__box { background: Canvas; border-color: CanvasText; }\n  .lintje-map-chart .leaflet-container:focus-visible::after { border-color: Highlight; }\n}\n", It = "/* required styles */\r\n\r\n.leaflet-pane,\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-tile-container,\r\n.leaflet-pane > svg,\r\n.leaflet-pane > canvas,\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	}\r\n.leaflet-container {\r\n	overflow: hidden;\r\n	}\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n	-webkit-user-select: none;\r\n	   -moz-user-select: none;\r\n	        user-select: none;\r\n	  -webkit-user-drag: none;\r\n	}\r\n/* Prevents IE11 from highlighting tiles in blue */\r\n.leaflet-tile::selection {\r\n	background: transparent;\r\n}\r\n/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n.leaflet-safari .leaflet-tile {\r\n	image-rendering: -webkit-optimize-contrast;\r\n	}\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n.leaflet-safari .leaflet-tile-container {\r\n	width: 1600px;\r\n	height: 1600px;\r\n	-webkit-transform-origin: 0 0;\r\n	}\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n	display: block;\r\n	}\r\n/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n.leaflet-container .leaflet-overlay-pane svg {\r\n	max-width: none !important;\r\n	max-height: none !important;\r\n	}\r\n.leaflet-container .leaflet-marker-pane img,\r\n.leaflet-container .leaflet-shadow-pane img,\r\n.leaflet-container .leaflet-tile-pane img,\r\n.leaflet-container img.leaflet-image-layer,\r\n.leaflet-container .leaflet-tile {\r\n	max-width: none !important;\r\n	max-height: none !important;\r\n	width: auto;\r\n	padding: 0;\r\n	}\r\n\r\n.leaflet-container img.leaflet-tile {\r\n	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */\r\n	mix-blend-mode: plus-lighter;\r\n}\r\n\r\n.leaflet-container.leaflet-touch-zoom {\r\n	-ms-touch-action: pan-x pan-y;\r\n	touch-action: pan-x pan-y;\r\n	}\r\n.leaflet-container.leaflet-touch-drag {\r\n	-ms-touch-action: pinch-zoom;\r\n	/* Fallback for FF which doesn't support pinch-zoom */\r\n	touch-action: none;\r\n	touch-action: pinch-zoom;\r\n}\r\n.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r\n	-ms-touch-action: none;\r\n	touch-action: none;\r\n}\r\n.leaflet-container {\r\n	-webkit-tap-highlight-color: transparent;\r\n}\r\n.leaflet-container a {\r\n	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n}\r\n.leaflet-tile {\r\n	filter: inherit;\r\n	visibility: hidden;\r\n	}\r\n.leaflet-tile-loaded {\r\n	visibility: inherit;\r\n	}\r\n.leaflet-zoom-box {\r\n	width: 0;\r\n	height: 0;\r\n	-moz-box-sizing: border-box;\r\n	     box-sizing: border-box;\r\n	z-index: 800;\r\n	}\r\n/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n.leaflet-overlay-pane svg {\r\n	-moz-user-select: none;\r\n	}\r\n\r\n.leaflet-pane         { z-index: 400; }\r\n\r\n.leaflet-tile-pane    { z-index: 200; }\r\n.leaflet-overlay-pane { z-index: 400; }\r\n.leaflet-shadow-pane  { z-index: 500; }\r\n.leaflet-marker-pane  { z-index: 600; }\r\n.leaflet-tooltip-pane   { z-index: 650; }\r\n.leaflet-popup-pane   { z-index: 700; }\r\n\r\n.leaflet-map-pane canvas { z-index: 100; }\r\n.leaflet-map-pane svg    { z-index: 200; }\r\n\r\n.leaflet-vml-shape {\r\n	width: 1px;\r\n	height: 1px;\r\n	}\r\n.lvml {\r\n	behavior: url(#default#VML);\r\n	display: inline-block;\r\n	position: absolute;\r\n	}\r\n\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n	position: relative;\r\n	z-index: 800;\r\n	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n	pointer-events: auto;\r\n	}\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n	position: absolute;\r\n	z-index: 1000;\r\n	pointer-events: none;\r\n	}\r\n.leaflet-top {\r\n	top: 0;\r\n	}\r\n.leaflet-right {\r\n	right: 0;\r\n	}\r\n.leaflet-bottom {\r\n	bottom: 0;\r\n	}\r\n.leaflet-left {\r\n	left: 0;\r\n	}\r\n.leaflet-control {\r\n	float: left;\r\n	clear: both;\r\n	}\r\n.leaflet-right .leaflet-control {\r\n	float: right;\r\n	}\r\n.leaflet-top .leaflet-control {\r\n	margin-top: 10px;\r\n	}\r\n.leaflet-bottom .leaflet-control {\r\n	margin-bottom: 10px;\r\n	}\r\n.leaflet-left .leaflet-control {\r\n	margin-left: 10px;\r\n	}\r\n.leaflet-right .leaflet-control {\r\n	margin-right: 10px;\r\n	}\r\n\r\n\r\n/* zoom and fade animations */\r\n\r\n.leaflet-fade-anim .leaflet-popup {\r\n	opacity: 0;\r\n	-webkit-transition: opacity 0.2s linear;\r\n	   -moz-transition: opacity 0.2s linear;\r\n	        transition: opacity 0.2s linear;\r\n	}\r\n.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r\n	opacity: 1;\r\n	}\r\n.leaflet-zoom-animated {\r\n	-webkit-transform-origin: 0 0;\r\n	    -ms-transform-origin: 0 0;\r\n	        transform-origin: 0 0;\r\n	}\r\nsvg.leaflet-zoom-animated {\r\n	will-change: transform;\r\n}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-animated {\r\n	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);\r\n	}\r\n.leaflet-zoom-anim .leaflet-tile,\r\n.leaflet-pan-anim .leaflet-tile {\r\n	-webkit-transition: none;\r\n	   -moz-transition: none;\r\n	        transition: none;\r\n	}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-hide {\r\n	visibility: hidden;\r\n	}\r\n\r\n\r\n/* cursors */\r\n\r\n.leaflet-interactive {\r\n	cursor: pointer;\r\n	}\r\n.leaflet-grab {\r\n	cursor: -webkit-grab;\r\n	cursor:    -moz-grab;\r\n	cursor:         grab;\r\n	}\r\n.leaflet-crosshair,\r\n.leaflet-crosshair .leaflet-interactive {\r\n	cursor: crosshair;\r\n	}\r\n.leaflet-popup-pane,\r\n.leaflet-control {\r\n	cursor: auto;\r\n	}\r\n.leaflet-dragging .leaflet-grab,\r\n.leaflet-dragging .leaflet-grab .leaflet-interactive,\r\n.leaflet-dragging .leaflet-marker-draggable {\r\n	cursor: move;\r\n	cursor: -webkit-grabbing;\r\n	cursor:    -moz-grabbing;\r\n	cursor:         grabbing;\r\n	}\r\n\r\n/* marker & overlays interactivity */\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-image-layer,\r\n.leaflet-pane > svg path,\r\n.leaflet-tile-container {\r\n	pointer-events: none;\r\n	}\r\n\r\n.leaflet-marker-icon.leaflet-interactive,\r\n.leaflet-image-layer.leaflet-interactive,\r\n.leaflet-pane > svg path.leaflet-interactive,\r\nsvg.leaflet-image-layer.leaflet-interactive path {\r\n	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n	pointer-events: auto;\r\n	}\r\n\r\n/* visual tweaks */\r\n\r\n.leaflet-container {\r\n	background: #ddd;\r\n	outline-offset: 1px;\r\n	}\r\n.leaflet-container a {\r\n	color: #0078A8;\r\n	}\r\n.leaflet-zoom-box {\r\n	border: 2px dotted #38f;\r\n	background: rgba(255,255,255,0.5);\r\n	}\r\n\r\n\r\n/* general typography */\r\n.leaflet-container {\r\n	font-family: \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n	font-size: 12px;\r\n	font-size: 0.75rem;\r\n	line-height: 1.5;\r\n	}\r\n\r\n\r\n/* general toolbar styles */\r\n\r\n.leaflet-bar {\r\n	box-shadow: 0 1px 5px rgba(0,0,0,0.65);\r\n	border-radius: 4px;\r\n	}\r\n.leaflet-bar a {\r\n	background-color: #fff;\r\n	border-bottom: 1px solid #ccc;\r\n	width: 26px;\r\n	height: 26px;\r\n	line-height: 26px;\r\n	display: block;\r\n	text-align: center;\r\n	text-decoration: none;\r\n	color: black;\r\n	}\r\n.leaflet-bar a,\r\n.leaflet-control-layers-toggle {\r\n	background-position: 50% 50%;\r\n	background-repeat: no-repeat;\r\n	display: block;\r\n	}\r\n.leaflet-bar a:hover,\r\n.leaflet-bar a:focus {\r\n	background-color: #f4f4f4;\r\n	}\r\n.leaflet-bar a:first-child {\r\n	border-top-left-radius: 4px;\r\n	border-top-right-radius: 4px;\r\n	}\r\n.leaflet-bar a:last-child {\r\n	border-bottom-left-radius: 4px;\r\n	border-bottom-right-radius: 4px;\r\n	border-bottom: none;\r\n	}\r\n.leaflet-bar a.leaflet-disabled {\r\n	cursor: default;\r\n	background-color: #f4f4f4;\r\n	color: #bbb;\r\n	}\r\n\r\n.leaflet-touch .leaflet-bar a {\r\n	width: 30px;\r\n	height: 30px;\r\n	line-height: 30px;\r\n	}\r\n.leaflet-touch .leaflet-bar a:first-child {\r\n	border-top-left-radius: 2px;\r\n	border-top-right-radius: 2px;\r\n	}\r\n.leaflet-touch .leaflet-bar a:last-child {\r\n	border-bottom-left-radius: 2px;\r\n	border-bottom-right-radius: 2px;\r\n	}\r\n\r\n/* zoom control */\r\n\r\n.leaflet-control-zoom-in,\r\n.leaflet-control-zoom-out {\r\n	font: bold 18px 'Lucida Console', Monaco, monospace;\r\n	text-indent: 1px;\r\n	}\r\n\r\n.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {\r\n	font-size: 22px;\r\n	}\r\n\r\n\r\n/* layers control */\r\n\r\n.leaflet-control-layers {\r\n	box-shadow: 0 1px 5px rgba(0,0,0,0.4);\r\n	background: #fff;\r\n	border-radius: 5px;\r\n	}\r\n.leaflet-control-layers-toggle {\r\n	background-image: url(images/layers.png);\r\n	width: 36px;\r\n	height: 36px;\r\n	}\r\n.leaflet-retina .leaflet-control-layers-toggle {\r\n	background-image: url(images/layers-2x.png);\r\n	background-size: 26px 26px;\r\n	}\r\n.leaflet-touch .leaflet-control-layers-toggle {\r\n	width: 44px;\r\n	height: 44px;\r\n	}\r\n.leaflet-control-layers .leaflet-control-layers-list,\r\n.leaflet-control-layers-expanded .leaflet-control-layers-toggle {\r\n	display: none;\r\n	}\r\n.leaflet-control-layers-expanded .leaflet-control-layers-list {\r\n	display: block;\r\n	position: relative;\r\n	}\r\n.leaflet-control-layers-expanded {\r\n	padding: 6px 10px 6px 6px;\r\n	color: #333;\r\n	background: #fff;\r\n	}\r\n.leaflet-control-layers-scrollbar {\r\n	overflow-y: scroll;\r\n	overflow-x: hidden;\r\n	padding-right: 5px;\r\n	}\r\n.leaflet-control-layers-selector {\r\n	margin-top: 2px;\r\n	position: relative;\r\n	top: 1px;\r\n	}\r\n.leaflet-control-layers label {\r\n	display: block;\r\n	font-size: 13px;\r\n	font-size: 1.08333em;\r\n	}\r\n.leaflet-control-layers-separator {\r\n	height: 0;\r\n	border-top: 1px solid #ddd;\r\n	margin: 5px -10px 5px -6px;\r\n	}\r\n\r\n/* Default icon URLs */\r\n.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */\r\n	background-image: url(images/marker-icon.png);\r\n	}\r\n\r\n\r\n/* attribution and scale controls */\r\n\r\n.leaflet-container .leaflet-control-attribution {\r\n	background: #fff;\r\n	background: rgba(255, 255, 255, 0.8);\r\n	margin: 0;\r\n	}\r\n.leaflet-control-attribution,\r\n.leaflet-control-scale-line {\r\n	padding: 0 5px;\r\n	color: #333;\r\n	line-height: 1.4;\r\n	}\r\n.leaflet-control-attribution a {\r\n	text-decoration: none;\r\n	}\r\n.leaflet-control-attribution a:hover,\r\n.leaflet-control-attribution a:focus {\r\n	text-decoration: underline;\r\n	}\r\n.leaflet-attribution-flag {\r\n	display: inline !important;\r\n	vertical-align: baseline !important;\r\n	width: 1em;\r\n	height: 0.6669em;\r\n	}\r\n.leaflet-left .leaflet-control-scale {\r\n	margin-left: 5px;\r\n	}\r\n.leaflet-bottom .leaflet-control-scale {\r\n	margin-bottom: 5px;\r\n	}\r\n.leaflet-control-scale-line {\r\n	border: 2px solid #777;\r\n	border-top: none;\r\n	line-height: 1.1;\r\n	padding: 2px 5px 1px;\r\n	white-space: nowrap;\r\n	-moz-box-sizing: border-box;\r\n	     box-sizing: border-box;\r\n	background: rgba(255, 255, 255, 0.8);\r\n	text-shadow: 1px 1px #fff;\r\n	}\r\n.leaflet-control-scale-line:not(:first-child) {\r\n	border-top: 2px solid #777;\r\n	border-bottom: none;\r\n	margin-top: -2px;\r\n	}\r\n.leaflet-control-scale-line:not(:first-child):not(:last-child) {\r\n	border-bottom: 2px solid #777;\r\n	}\r\n\r\n.leaflet-touch .leaflet-control-attribution,\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n	box-shadow: none;\r\n	}\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n	border: 2px solid rgba(0,0,0,0.2);\r\n	background-clip: padding-box;\r\n	}\r\n\r\n\r\n/* popup */\r\n\r\n.leaflet-popup {\r\n	position: absolute;\r\n	text-align: center;\r\n	margin-bottom: 20px;\r\n	}\r\n.leaflet-popup-content-wrapper {\r\n	padding: 1px;\r\n	text-align: left;\r\n	border-radius: 12px;\r\n	}\r\n.leaflet-popup-content {\r\n	margin: 13px 24px 13px 20px;\r\n	line-height: 1.3;\r\n	font-size: 13px;\r\n	font-size: 1.08333em;\r\n	min-height: 1px;\r\n	}\r\n.leaflet-popup-content p {\r\n	margin: 17px 0;\r\n	margin: 1.3em 0;\r\n	}\r\n.leaflet-popup-tip-container {\r\n	width: 40px;\r\n	height: 20px;\r\n	position: absolute;\r\n	left: 50%;\r\n	margin-top: -1px;\r\n	margin-left: -20px;\r\n	overflow: hidden;\r\n	pointer-events: none;\r\n	}\r\n.leaflet-popup-tip {\r\n	width: 17px;\r\n	height: 17px;\r\n	padding: 1px;\r\n\r\n	margin: -10px auto 0;\r\n	pointer-events: auto;\r\n\r\n	-webkit-transform: rotate(45deg);\r\n	   -moz-transform: rotate(45deg);\r\n	    -ms-transform: rotate(45deg);\r\n	        transform: rotate(45deg);\r\n	}\r\n.leaflet-popup-content-wrapper,\r\n.leaflet-popup-tip {\r\n	background: white;\r\n	color: #333;\r\n	box-shadow: 0 3px 14px rgba(0,0,0,0.4);\r\n	}\r\n.leaflet-container a.leaflet-popup-close-button {\r\n	position: absolute;\r\n	top: 0;\r\n	right: 0;\r\n	border: none;\r\n	text-align: center;\r\n	width: 24px;\r\n	height: 24px;\r\n	font: 16px/24px Tahoma, Verdana, sans-serif;\r\n	color: #757575;\r\n	text-decoration: none;\r\n	background: transparent;\r\n	}\r\n.leaflet-container a.leaflet-popup-close-button:hover,\r\n.leaflet-container a.leaflet-popup-close-button:focus {\r\n	color: #585858;\r\n	}\r\n.leaflet-popup-scrolled {\r\n	overflow: auto;\r\n	}\r\n\r\n.leaflet-oldie .leaflet-popup-content-wrapper {\r\n	-ms-zoom: 1;\r\n	}\r\n.leaflet-oldie .leaflet-popup-tip {\r\n	width: 24px;\r\n	margin: 0 auto;\r\n\r\n	-ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n	}\r\n\r\n.leaflet-oldie .leaflet-control-zoom,\r\n.leaflet-oldie .leaflet-control-layers,\r\n.leaflet-oldie .leaflet-popup-content-wrapper,\r\n.leaflet-oldie .leaflet-popup-tip {\r\n	border: 1px solid #999;\r\n	}\r\n\r\n\r\n/* div icon */\r\n\r\n.leaflet-div-icon {\r\n	background: #fff;\r\n	border: 1px solid #666;\r\n	}\r\n\r\n\r\n/* Tooltip */\r\n/* Base styles for the element that has a tooltip */\r\n.leaflet-tooltip {\r\n	position: absolute;\r\n	padding: 6px;\r\n	background-color: #fff;\r\n	border: 1px solid #fff;\r\n	border-radius: 3px;\r\n	color: #222;\r\n	white-space: nowrap;\r\n	-webkit-user-select: none;\r\n	-moz-user-select: none;\r\n	-ms-user-select: none;\r\n	user-select: none;\r\n	pointer-events: none;\r\n	box-shadow: 0 1px 3px rgba(0,0,0,0.4);\r\n	}\r\n.leaflet-tooltip.leaflet-interactive {\r\n	cursor: pointer;\r\n	pointer-events: auto;\r\n	}\r\n.leaflet-tooltip-top:before,\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n	position: absolute;\r\n	pointer-events: none;\r\n	border: 6px solid transparent;\r\n	background: transparent;\r\n	content: \"\";\r\n	}\r\n\r\n/* Directions */\r\n\r\n.leaflet-tooltip-bottom {\r\n	margin-top: 6px;\r\n}\r\n.leaflet-tooltip-top {\r\n	margin-top: -6px;\r\n}\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-top:before {\r\n	left: 50%;\r\n	margin-left: -6px;\r\n	}\r\n.leaflet-tooltip-top:before {\r\n	bottom: 0;\r\n	margin-bottom: -12px;\r\n	border-top-color: #fff;\r\n	}\r\n.leaflet-tooltip-bottom:before {\r\n	top: 0;\r\n	margin-top: -12px;\r\n	margin-left: -6px;\r\n	border-bottom-color: #fff;\r\n	}\r\n.leaflet-tooltip-left {\r\n	margin-left: -6px;\r\n}\r\n.leaflet-tooltip-right {\r\n	margin-left: 6px;\r\n}\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n	top: 50%;\r\n	margin-top: -6px;\r\n	}\r\n.leaflet-tooltip-left:before {\r\n	right: 0;\r\n	margin-right: -12px;\r\n	border-left-color: #fff;\r\n	}\r\n.leaflet-tooltip-right:before {\r\n	left: 0;\r\n	margin-left: -12px;\r\n	border-right-color: #fff;\r\n	}\r\n\r\n/* Printing */\r\n\r\n@media print {\r\n	/* Prevent printers from removing background-images of controls. */\r\n	.leaflet-control {\r\n		-webkit-print-color-adjust: exact;\r\n		print-color-adjust: exact;\r\n		}\r\n	}\r\n";
+var Nt = "/* Map fixed elements: zoom, reset and the select button top right, layer switcher top left,\n   the scale bottom right and the selection panel bottom left, as overlays on the map area; the\n   legend stands above the map, as above every chart, and the source line in the tile footer.\n   Leaflet is the map (`leaflet.ts`); the drawing in its svg is the design system's own\n   (`marks.ts`), styled below as any chart. */\n\n/* The overlays draw compact, like the buttons of a bar; on a phone at the touch floor. */\n.lintje-map-chart { --map-overlay-h: var(--h-button-chrome); }\n.lintje-map-chart--mobile { --map-overlay-h: var(--h-touch); }\n\n.lintje-map-chart__area {\n  position: relative;\n  background: var(--color-map-water);\n  border: 1px solid var(--color-border-default);\n  overflow: hidden;\n}\n\n/* --- The surface ---------------------------------------------------------- */\n\n.lintje-map-chart__leaflet {\n  position: absolute;\n  inset: 0;\n  /* Leaflet numbers its panes up to 700 and its controls to 1000; without a stacking\n     context the tile's own overlays would end up under the tiles. */\n  z-index: 0;\n}\n.lintje-map-chart__layers,\n.lintje-map-chart__zoom,\n.lintje-map-chart__selection { z-index: 1; }\n\n.lintje-map-chart .leaflet-container {\n  background: var(--color-map-water);\n  font: var(--text-small);\n}\n/* The map takes the focus when a cleared mark is gone; the area clips a ring outside it. The\n   ring is a layer over Leaflet's panes: an outline would lie under them and show in pieces. */\n.lintje-map-chart .leaflet-container:focus-visible { outline: none; }\n.lintje-map-chart .leaflet-container:focus-visible::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 1000;\n  border: var(--focus-width) solid var(--color-focus);\n  pointer-events: none;\n}\n/* Leaflet lets no path in its svg take the pointer; a mark of ours does, by its own class. A\n   mark drawn after a redraw keeps the view: marks are in the data group, the group is placed. */\n.lintje-map-chart__data .lintje-map-chart__polygon-shape,\n.lintje-map-chart__data .lintje-map-chart__flow,\n.lintje-map-chart__data .lintje-map-chart__point-shape { pointer-events: visiblePainted; }\n.lintje-map-chart__destination { pointer-events: none; }\n/* A tool on: the map is a sheet to draw on, also for a finger. */\n.lintje-map-chart .leaflet-container.is-drawing { cursor: crosshair; touch-action: none; }\n.lintje-map-chart .leaflet-container.is-drawing .lintje-map-chart__data * { cursor: crosshair; }\n/* The area that chose: an outline over the data, the inside barely tinted, never in the way. */\n.lintje-map-chart__region {\n  fill: var(--color-text-primary);\n  fill-opacity: .06;\n  stroke: var(--color-text-primary);\n  stroke-width: 2;\n  stroke-dasharray: 6 4;\n  vector-effect: non-scaling-stroke;\n  pointer-events: none;\n}\n.lintje-map-chart__region--draft { fill-opacity: .04; }\n/* While an area is drawn, what it would choose is outlined as chosen and the rest steps back. */\n.lintje-map-chart__data.is-previewing [data-mark-id]:not(.is-preview),\n.lintje-map-chart__data.has-area:not(.is-previewing) [data-mark-id]:not(.is-selected) { opacity: .35; }\n.lintje-map-chart__polygon.is-preview .lintje-map-chart__polygon-shape,\n.lintje-map-chart__point.is-preview .lintje-map-chart__point-shape { stroke: var(--color-text-primary); stroke-width: 2; }\n.lintje-map-chart__flow.is-preview { opacity: 1; }\n/* A circle shows its middle, which is what the reader measures from. */\n.lintje-map-chart__region-centre {\n  fill: var(--color-text-primary);\n  stroke: var(--color-bg-surface);\n  stroke-width: 1.5;\n  pointer-events: none;\n}\n/* Through Leaflet's zoom animation a symbol scales back along the curve `leaflet.ts` sets. */\n.lintje-map-chart .leaflet-zoom-anim .lintje-map-chart__symbol { transition: transform 0.25s; }\n\n/* The credit: on the surface, in the map's own text colours, one line of `--space-5` high so\n   what stands above it knows where; on a phone it runs to two. */\n.lintje-map-chart .leaflet-control-attribution {\n  display: flex; flex-wrap: wrap; align-items: center;\n  min-height: var(--space-5);\n  padding: 0 var(--space-2);\n  background: var(--color-bg-surface);\n  color: var(--color-text-muted);\n  font: var(--text-axis);\n  border: 1px solid var(--color-border-default);\n  border-right: 0;\n  border-bottom: 0;\n  margin: 0;\n}\n/* Underlined: the link differs from the credit around it by 1.24:1 in colour alone. */\n.lintje-map-chart .leaflet-control-attribution a { color: var(--color-link); text-decoration: underline; }\n\n/* --- Shapes --------------------------------------------------------------- */\n\n.lintje-map-chart__land {\n  stroke: var(--color-map-border);\n  stroke-width: 0.5;\n  vector-effect: non-scaling-stroke;\n}\n/* Points and flows drop the browser's own focus box outright: their ring is a stroke. */\n.lintje-map-chart__flow:focus,\n.lintje-map-chart__point:focus { outline: none; }\n\n/* An area with a row — a shape of the geometry or one with its own outline — is drawn as a\n   point is: a ring behind the shape for the focus, and without a figure the surface under the\n   hatch, so the ring never shows through it. Its edges are those of the land. */\n.lintje-map-chart__polygon { cursor: pointer; }\n.lintje-map-chart__polygon-shape {\n  stroke: var(--color-map-border);\n  stroke-width: 0.5;\n  vector-effect: non-scaling-stroke;\n}\n/* An area with a figure is outlined at 3:1 against the land and the lightest class, which are\n   1.1:1 apart: the lightest class would otherwise read as no data at all. */\n.lintje-map-chart__polygon-shape--data { stroke: var(--color-map-border-data); stroke-width: 1; }\n.lintje-map-chart__polygon-shape--empty { fill: var(--color-bg-surface); }\n.lintje-map-chart__polygon-hatch { pointer-events: none; }\n.lintje-map-chart__polygon:hover .lintje-map-chart__polygon-shape { stroke: var(--color-text-primary); stroke-width: 1.5; }\n.lintje-map-chart__polygon.is-selected .lintje-map-chart__polygon-shape { stroke: var(--color-text-primary); stroke-width: 2; }\n.lintje-map-chart__polygon-ring { fill: none; stroke: none; vector-effect: non-scaling-stroke; }\n.lintje-map-chart__polygon:focus-visible { outline: none; }\n.lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-ring {\n  stroke: var(--color-focus);\n  stroke-width: calc(var(--focus-width) * 2 + 2px);\n}\n.lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-shape {\n  stroke: var(--color-bg-surface);\n  stroke-width: 2;\n}\n\n.lintje-map-chart__flow {\n  fill: none;\n  stroke: var(--color-chart-default);\n  stroke-linecap: round;\n  opacity: .75;\n  cursor: pointer;\n  vector-effect: non-scaling-stroke;\n  transition: opacity var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-chart__flow:hover,\n.lintje-map-chart__flow.is-selected { opacity: 1; }\n/* Something is chosen, a mark or an area: the flows not chosen step back, further than a point. */\n.lintje-map-chart__data.has-selection .lintje-map-chart__flow:not(.is-selected):not(:focus-visible) { opacity: .22; }\n/* A flow is a line: on focus the line itself is the ring, in the focus colour at full strength,\n   also beside the chosen one. */\n.lintje-map-chart__flow:focus-visible { stroke: var(--color-focus); opacity: 1; }\n.lintje-map-chart__destination { fill: var(--color-attention); stroke: var(--color-bg-surface); stroke-width: 2; }\n\n.lintje-map-chart__point { cursor: pointer; }\n.lintje-map-chart__point-shape {\n  fill: var(--color-chart-default);\n  fill-opacity: .55;\n  stroke: var(--color-chart-default);\n  stroke-width: 1;\n  vector-effect: non-scaling-stroke;\n  transition: fill-opacity var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-chart__point:hover .lintje-map-chart__point-shape { fill-opacity: .8; }\n/* A point with a series carries its own colour, handed in as `--lintje-series` so\n   the selected and focused outlines below — which are more specific — still win\n   over it. The opacity and the hover are the point's own, as always. */\n.lintje-map-chart__point-shape--series {\n  fill: var(--lintje-series);\n  stroke: var(--lintje-series);\n  fill-opacity: .65;\n}\n.lintje-map-chart__point:hover .lintje-map-chart__point-shape--series { fill-opacity: .9; }\n/* No figure: no data colour either. The surface underneath and the hatch over it\n   are what the legend's \"geen gegevens\" swatch shows. */\n.lintje-map-chart__point-shape--empty {\n  fill: var(--color-bg-surface);\n  fill-opacity: 1;\n  stroke: var(--color-chart-hatch);\n}\n/* The hatch is a fill attribute on its own path; a `fill` in this sheet would cover it. */\n.lintje-map-chart__point-hatch { pointer-events: none; }\n.lintje-map-chart__point.is-selected .lintje-map-chart__point-shape { stroke: var(--color-text-primary); stroke-width: 2; fill-opacity: .85; }\n/* The focus ring: a wide stroke on a copy of the shape behind it, of which the 3 px outside a\n   1 px edge in the surface show — so an orange point keeps its ring. The shape is opaque while\n   focused, or the ring would show through it. */\n.lintje-map-chart__point-ring { fill: none; stroke: none; vector-effect: non-scaling-stroke; }\n.lintje-map-chart__point:focus-visible .lintje-map-chart__point-ring {\n  stroke: var(--color-focus);\n  stroke-width: calc(var(--focus-width) * 2 + 2px);\n}\n.lintje-map-chart__point:focus-visible .lintje-map-chart__point-shape {\n  stroke: var(--color-bg-surface);\n  stroke-width: 2;\n  fill-opacity: 1;\n}\n\n/* A mark switched off in the legend keeps its element and goes with a motion — a point shrinks,\n   an area or a flow fades — and comes back the same way, west to east as it first drew in; gone,\n   it is hidden to the pointer, the keyboard and the reader. Every mark is keyed (`marks.ts`), so\n   the others stay as they are. */\n.lintje-map-chart__point-figure { transform-box: fill-box; transform-origin: 50% 50%; }\n.lintje-map-chart__data .is-off { visibility: hidden; pointer-events: none; }\n.lintje-map-chart__point.is-off .lintje-map-chart__point-figure { transform: scale(0); opacity: 0; }\n.lintje-map-chart__polygon.is-off,\n.lintje-map-chart__flow.is-off { opacity: 0; }\n\n/* The base map stands at once. Areas fade in, flows are drawn from origin to destination and\n   points grow, the last two west to east with the timing of the bars (starts spread over 40 % of\n   the draw, each mark the other 60 %). Fill mode `backwards` throughout, so hover, muted and\n   selected win once the draw is done. Paused until the map is in view; the paused declarations\n   follow the shorthands, see chart.css. */\n@media (prefers-reduced-motion: no-preference) {\n  .lintje-map-chart__data [data-mark-id] {\n    transition: visibility 0s var(--dur-base), opacity var(--dur-base) var(--ease-in-motion);\n  }\n  .lintje-map-chart__data [data-mark-id]:not(.is-off) {\n    transition-delay: 0s, calc(var(--dur-draw) * 0.4 * var(--lintje-stagger, 0));\n  }\n  .lintje-map-chart__point-figure {\n    transition: transform var(--dur-base) var(--ease-in-motion), opacity var(--dur-base) var(--ease-in-motion);\n  }\n  .lintje-map-chart__point:not(.is-off) .lintje-map-chart__point-figure {\n    transition-delay: calc(var(--dur-draw) * 0.4 * var(--lintje-stagger, 0));\n  }\n\n  .lintje-map-chart__polygon,\n  .lintje-map-chart__flow,\n  .lintje-map-chart__point-figure {\n    animation-duration: calc(var(--dur-draw) * 0.6);\n    animation-timing-function: var(--ease-in-motion);\n    animation-delay: calc(var(--dur-draw) * 0.4 * var(--lintje-stagger, 0));\n    animation-fill-mode: backwards;\n  }\n  .lintje-map-chart__polygon { animation-name: lintje-map-fade; }\n  .lintje-map-chart__flow { animation-name: lintje-map-draw; }\n  .lintje-map-chart__point-figure { animation-name: lintje-point-grow; }\n\n  .lintje-map-chart__polygon,\n  .lintje-map-chart__flow,\n  .lintje-map-chart__point-figure { animation-play-state: paused; }\n  [data-in-view] .lintje-map-chart__polygon,\n  [data-in-view] .lintje-map-chart__flow,\n  [data-in-view] .lintje-map-chart__point-figure { animation-play-state: running; }\n}\n@keyframes lintje-map-fade { from { opacity: 0; } }\n/* With pathLength=\"1\": a dash as long as the flow and a longer gap, started just past the gap's edge, so\n   the round caps of the hidden dash leave no dot at either end on the first frame. */\n@keyframes lintje-map-draw {\n  from { stroke-dasharray: 1 1.2; stroke-dashoffset: 1.1; }\n  to   { stroke-dasharray: 1 1.2; stroke-dashoffset: 0; }\n}\n\n/* --- Overlays ------------------------------------------------------------- */\n\n.lintje-map-chart__layers,\n.lintje-map-chart__zoom,\n.lintje-map-chart__selection { position: absolute; }\n\n.lintje-map-chart__layers { top: var(--space-2); left: var(--space-2); display: flex; }\n/* The layers and the zoom buttons touch, like the segments of a segmented control, so each is\n   its own target along the row or the stack; across it a transparent hit area reaches\n   `--h-target`. */\n.lintje-map-chart__layer {\n  position: relative;\n  height: var(--map-overlay-h); padding: 0 10px;\n  font: var(--text-small);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n  margin-left: -1px;\n  cursor: pointer;\n}\n.lintje-map-chart__layer::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2)) 0;\n}\n.lintje-map-chart__layer:first-child { margin-left: 0; }\n.lintje-map-chart__layer.is-active {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  /* The button's own 1 px border: the primary in light, the tint in dark, so the\n     chosen layer does not melt into the map. */\n  border-color: var(--color-action-primary-border);\n  font-weight: 700;\n}\n\n.lintje-map-chart__zoom { top: var(--space-2); right: var(--space-2); display: flex; flex-direction: column; }\n.lintje-map-chart__zoom-button {\n  position: relative;\n  width: var(--map-overlay-h); height: var(--map-overlay-h);\n  display: flex; align-items: center; justify-content: center;\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n  margin-top: -1px;\n  cursor: pointer;\n}\n.lintje-map-chart__zoom-button::after {\n  content: '';\n  position: absolute;\n  inset: 0 min(0px, calc((100% - var(--h-target)) / 2));\n}\n.lintje-map-chart__zoom-button:first-child { margin-top: 0; }\n.lintje-map-chart__zoom-button:hover { background: var(--color-bg-subtle); }\n/* Each button sits in its tooltip, which says on hover and focus what the button does. The\n   select button stands apart from the zoom. */\n.lintje-map-chart__tip { display: flex; margin-top: -1px; }\n.lintje-map-chart__tip:first-child { margin-top: 0; }\n.lintje-map-chart__tip .lintje-map-chart__zoom-button { margin-top: 0; }\n.lintje-map-chart__tip--first { margin-top: var(--space-2); }\n/* A tool on: the button is primary, with the shape it draws. */\n.lintje-map-chart__tool.is-active {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n}\n/* With two or more shapes the corner says a menu of them stands behind the button, which shows\n   the shape in use; a click opens it while no shape is on. A shape taken up or put down grows\n   in on the button. */\n.lintje-map-chart__tool-icon { display: flex; }\n@media (prefers-reduced-motion: no-preference) {\n  .lintje-map-chart__tool-icon { animation: lintje-map-tool-in var(--dur-base) var(--ease-in-motion); }\n}\n@keyframes lintje-map-tool-in { from { opacity: 0; transform: scale(0.4); } }\n.lintje-map-chart__tool--menu::before {\n  content: '';\n  position: absolute;\n  right: 2px; bottom: 2px;\n  border: 4px solid transparent;\n  border-right-color: currentColor;\n  border-bottom-color: currentColor;\n}\n.lintje-map-chart__menu { min-width: 200px; }\n.lintje-map-chart__menu .lintje-menu__check { margin-left: auto; }\n\n/* How to draw, or how the wheel zooms, along the bottom: out of the way of the data. On a phone\n   it wraps. */\n.lintje-map-chart__hint {\n  position: absolute;\n  z-index: 1;\n  left: 50%; bottom: var(--space-2);\n  transform: translateX(-50%);\n  white-space: nowrap;\n  margin: 0;\n  padding: var(--space-2) var(--space-3);\n  font: var(--text-small);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-strong);\n  text-align: center;\n  pointer-events: none;\n}\n.lintje-map-chart--mobile .lintje-map-chart__hint {\n  white-space: normal;\n  width: max-content;\n  max-width: calc(100% - 2 * var(--space-4));\n}\n\n/* The scale bottom right, as on a road map: the distance, then a bracket as long as it on the\n   map; without a frame, on a basemap on the surface over the credit. */\n.lintje-map-chart__scale-bar {\n  position: absolute; z-index: 1;\n  right: var(--space-2); bottom: var(--space-2);\n  display: flex; align-items: flex-end; gap: var(--space-2);\n  font: var(--text-axis);\n  font-variant-numeric: tabular-nums;\n  line-height: 1;\n  color: var(--color-text-primary);\n  white-space: nowrap;\n}\n.lintje-map-chart__scale-line {\n  display: block; flex: none;\n  height: 8px;\n  box-sizing: border-box;\n  border: 2px solid var(--color-text-primary);\n  border-top: 0;\n}\n.lintje-map-chart--basemap .lintje-map-chart__scale-bar {\n  padding: var(--space-1) var(--space-2);\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-default);\n}\n/* On a basemap what stands at the bottom lifts over the credit strip, which is a condition of\n   using the service's tiles; on a phone the credit needs two lines. */\n.lintje-map-chart--basemap .lintje-map-chart__selection,\n.lintje-map-chart--basemap .lintje-map-chart__scale-bar,\n.lintje-map-chart--basemap .lintje-map-chart__hint { bottom: calc(var(--space-2) + var(--space-5)); }\n.lintje-map-chart--basemap.lintje-map-chart--mobile .lintje-map-chart__scale-bar { bottom: calc(var(--space-2) + var(--space-9)); }\n\n/* --- The legend ----------------------------------------------------------- */\n\n/* A line per layer: its name, which switches it, then its key and its series. One layer has no\n   name and no switch; on a phone the name stands over its key, and the series on their own line. */\n.lintje-map-legend {\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  align-items: center;\n  gap: var(--space-2) var(--space-4);\n  margin-bottom: var(--space-3);\n  font: var(--text-small);\n  color: var(--color-text-primary);\n}\n.lintje-map-legend--narrow { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }\n/* The name switches the layer, and says so with the box of a checkbox (input.css), at the\n   size of a legend marker: checked while the layer draws. */\n.lintje-map-legend__layer {\n  display: flex; align-items: center; gap: var(--space-2);\n  min-height: var(--h-target-text);\n  font: inherit; font-weight: 700;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.lintje-map-legend__box {\n  width: 16px; height: 16px; flex: none;\n  display: flex; align-items: center; justify-content: center;\n  border: 2px solid var(--color-border-choice);\n  background: var(--color-accent);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n  transition: background-color var(--dur-hover) var(--ease-in-motion),\n    border-color var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-legend__layer.is-off .lintje-map-legend__box {\n  background: var(--color-bg-surface);\n  border-color: var(--color-border-choice);\n}\n/* The mark grows in when the layer goes on, as in a checkbox. */\n.lintje-map-legend__box .lintje-icon {\n  transition: opacity var(--dur-hover) var(--ease-in-motion),\n    transform var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-map-legend__layer.is-off .lintje-map-legend__box .lintje-icon { opacity: 0; transform: scale(0.4); }\n/* Off: the name is struck through at full contrast and the key behind it steps back; its series\n   read as off too (chart.css). `aria-pressed` and the box carry the state. */\n.lintje-map-legend__layer.is-off .lintje-map-legend__name { text-decoration: line-through; }\n.lintje-map-legend__keys {\n  display: flex; flex-wrap: wrap; align-items: center;\n  gap: var(--space-2) var(--space-4);\n  min-height: var(--h-target-text);\n}\n.lintje-map-legend__keys.is-off > .lintje-map-legend__key { opacity: .45; }\n.lintje-map-legend__key { display: flex; align-items: center; gap: 6px; }\n.lintje-map-legend__figure { font: var(--text-axis); color: var(--color-text-secondary); white-space: nowrap; font-variant-numeric: tabular-nums; }\n.lintje-map-legend__rule { width: 1px; align-self: stretch; min-height: 16px; background: var(--color-border-default); }\n.lintje-map-legend--narrow .lintje-map-legend__rule { display: none; }\n.lintje-map-legend--narrow .lintje-map-legend__keys > .lintje-legend { flex-basis: 100%; }\n/* The classes: five steps between 0 and the max, the lightest edged so it shows on the surface;\n   in the modal each with its range, as the heatmap lists them. */\n.lintje-map-legend__ramp { display: flex; }\n.lintje-map-legend__ramp i { display: block; width: 16px; height: 10px; }\n.lintje-map-legend__ramp i:first-child,\n.lintje-map-legend__classes .lintje-legend__item:first-child .lintje-legend__marker { box-shadow: inset 0 0 0 1px var(--color-border-default); }\n.lintje-map-legend__sizes circle { fill: none; stroke: var(--color-text-secondary); stroke-width: 1; }\n.lintje-map-legend__sizes--nested { overflow: visible; }\n.lintje-map-legend__sizes--nested line { stroke: var(--color-border-strong); stroke-width: 1; }\n.lintje-map-legend__sizes--nested text { font: var(--text-axis); fill: var(--color-text-secondary); }\n.lintje-map-legend__wedge path { fill: var(--color-chart-default); }\n/* The rest of a long legend folds under a line that opens it. */\n.lintje-map-legend__more {\n  grid-column: 2;\n  display: flex; align-items: center; gap: var(--space-1);\n  min-height: var(--h-target-text);\n  font: inherit; font-weight: 700;\n  color: var(--color-link);\n  cursor: pointer;\n}\n.lintje-map-legend--narrow .lintje-map-legend__more { grid-column: 1; }\n.lintje-map-legend__more:hover { text-decoration: underline; }\n/* The series swatch in the selection panel. */\n.lintje-map-chart__series-swatch { width: 14px; height: 14px; display: block; flex: none; }\n\n/* --- The selection panel -------------------------------------------------- */\n\n/* Bottom left, clear of the buttons and the scale; on a phone a row under the map. */\n.lintje-map-chart__selection {\n  left: var(--space-2); bottom: var(--space-2);\n  width: 200px;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-strong);\n  padding: 10px 12px;\n  font-size: 0.875rem;\n  display: flex; flex-direction: column; gap: 3px;\n}\n.lintje-map-chart__selection--below {\n  position: relative;\n  left: auto; bottom: auto;\n  width: auto;\n  margin-top: var(--space-2);\n  flex-direction: row; flex-wrap: wrap; align-items: baseline;\n  gap: 2px var(--space-2);\n  padding-right: var(--space-10);\n}\n.lintje-map-chart__selection-title {\n  font-weight: 700; letter-spacing: .06em; text-transform: uppercase;\n  color: var(--color-text-muted);\n}\n.lintje-map-chart__selection-value { color: var(--color-text-secondary); }\n.lintje-map-chart__selection-series { display: flex; align-items: center; gap: 5px; }\n/* The way out of a selection, top right of the panel; the title keeps its room. An icon\n   button: a 40 px box whose transparent hit area takes the target to 48. */\n.lintje-map-chart__selection-close {\n  position: absolute; top: 0; right: 0;\n  width: var(--h-icon-button); height: var(--h-icon-button);\n  display: flex; align-items: center; justify-content: center;\n  background: none; border: 0; padding: 0;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n}\n.lintje-map-chart__selection-close:hover { color: var(--color-text-primary); }\n.lintje-map-chart__selection-close::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2));\n}\n.lintje-map-chart__selection-title { padding-right: var(--space-8); }\n.lintje-map-chart__set-scope {\n  min-height: var(--h-target);\n  display: flex; align-items: center; gap: 4px;\n  background: none; border: 0; padding: 0;\n  font: 700 0.875rem/1.4 var(--font-ui);\n  color: var(--color-link);\n  cursor: pointer;\n}\n.lintje-map-chart__set-scope:hover { text-decoration: underline; }\n\n\n/* Forced colours: the map's colours are its content, so the drawing and the legend's swatches\n   keep them (`forced-color-adjust: none`). The chosen area or point is outlined in CanvasText,\n   the focused one in Highlight. The chosen layer's fill is dropped, so its border turns Highlight. */\n@media (forced-colors: active) {\n  .lintje-map-chart__data,\n  .lintje-map-legend__ramp i,\n  .lintje-map-legend__wedge,\n  .lintje-map-chart__series-swatch { forced-color-adjust: none; }\n  .lintje-map-chart__polygon.is-selected .lintje-map-chart__polygon-shape,\n  .lintje-map-chart__point.is-selected .lintje-map-chart__point-shape { stroke: CanvasText; }\n  .lintje-map-chart__point:focus-visible .lintje-map-chart__point-ring,\n  .lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-ring,\n  .lintje-map-chart__flow:focus-visible { stroke: Highlight; }\n  .lintje-map-chart__point:focus-visible .lintje-map-chart__point-shape,\n  .lintje-map-chart__polygon:focus-visible .lintje-map-chart__polygon-shape { stroke: Canvas; }\n  .lintje-map-chart__layer.is-active { border-color: Highlight; }\n  .lintje-map-legend__box { forced-color-adjust: none; background: Highlight; border-color: Highlight; color: HighlightText; }\n  .lintje-map-legend__layer.is-off .lintje-map-legend__box { background: Canvas; border-color: CanvasText; }\n  .lintje-map-chart .leaflet-container:focus-visible::after { border-color: Highlight; }\n}\n\n/* Zooming, drawing and closing are for the screen; paper shows the map as it stands, with its\n   scale, its layers and what is chosen. */\n@media print {\n  .lintje-map-chart__zoom,\n  .lintje-map-chart__hint,\n  .lintje-map-chart__selection-close { display: none; }\n}\n", Pt = "/* required styles */\r\n\r\n.leaflet-pane,\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-tile-container,\r\n.leaflet-pane > svg,\r\n.leaflet-pane > canvas,\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	}\r\n.leaflet-container {\r\n	overflow: hidden;\r\n	}\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n	-webkit-user-select: none;\r\n	   -moz-user-select: none;\r\n	        user-select: none;\r\n	  -webkit-user-drag: none;\r\n	}\r\n/* Prevents IE11 from highlighting tiles in blue */\r\n.leaflet-tile::selection {\r\n	background: transparent;\r\n}\r\n/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n.leaflet-safari .leaflet-tile {\r\n	image-rendering: -webkit-optimize-contrast;\r\n	}\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n.leaflet-safari .leaflet-tile-container {\r\n	width: 1600px;\r\n	height: 1600px;\r\n	-webkit-transform-origin: 0 0;\r\n	}\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n	display: block;\r\n	}\r\n/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n.leaflet-container .leaflet-overlay-pane svg {\r\n	max-width: none !important;\r\n	max-height: none !important;\r\n	}\r\n.leaflet-container .leaflet-marker-pane img,\r\n.leaflet-container .leaflet-shadow-pane img,\r\n.leaflet-container .leaflet-tile-pane img,\r\n.leaflet-container img.leaflet-image-layer,\r\n.leaflet-container .leaflet-tile {\r\n	max-width: none !important;\r\n	max-height: none !important;\r\n	width: auto;\r\n	padding: 0;\r\n	}\r\n\r\n.leaflet-container img.leaflet-tile {\r\n	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */\r\n	mix-blend-mode: plus-lighter;\r\n}\r\n\r\n.leaflet-container.leaflet-touch-zoom {\r\n	-ms-touch-action: pan-x pan-y;\r\n	touch-action: pan-x pan-y;\r\n	}\r\n.leaflet-container.leaflet-touch-drag {\r\n	-ms-touch-action: pinch-zoom;\r\n	/* Fallback for FF which doesn't support pinch-zoom */\r\n	touch-action: none;\r\n	touch-action: pinch-zoom;\r\n}\r\n.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r\n	-ms-touch-action: none;\r\n	touch-action: none;\r\n}\r\n.leaflet-container {\r\n	-webkit-tap-highlight-color: transparent;\r\n}\r\n.leaflet-container a {\r\n	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n}\r\n.leaflet-tile {\r\n	filter: inherit;\r\n	visibility: hidden;\r\n	}\r\n.leaflet-tile-loaded {\r\n	visibility: inherit;\r\n	}\r\n.leaflet-zoom-box {\r\n	width: 0;\r\n	height: 0;\r\n	-moz-box-sizing: border-box;\r\n	     box-sizing: border-box;\r\n	z-index: 800;\r\n	}\r\n/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n.leaflet-overlay-pane svg {\r\n	-moz-user-select: none;\r\n	}\r\n\r\n.leaflet-pane         { z-index: 400; }\r\n\r\n.leaflet-tile-pane    { z-index: 200; }\r\n.leaflet-overlay-pane { z-index: 400; }\r\n.leaflet-shadow-pane  { z-index: 500; }\r\n.leaflet-marker-pane  { z-index: 600; }\r\n.leaflet-tooltip-pane   { z-index: 650; }\r\n.leaflet-popup-pane   { z-index: 700; }\r\n\r\n.leaflet-map-pane canvas { z-index: 100; }\r\n.leaflet-map-pane svg    { z-index: 200; }\r\n\r\n.leaflet-vml-shape {\r\n	width: 1px;\r\n	height: 1px;\r\n	}\r\n.lvml {\r\n	behavior: url(#default#VML);\r\n	display: inline-block;\r\n	position: absolute;\r\n	}\r\n\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n	position: relative;\r\n	z-index: 800;\r\n	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n	pointer-events: auto;\r\n	}\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n	position: absolute;\r\n	z-index: 1000;\r\n	pointer-events: none;\r\n	}\r\n.leaflet-top {\r\n	top: 0;\r\n	}\r\n.leaflet-right {\r\n	right: 0;\r\n	}\r\n.leaflet-bottom {\r\n	bottom: 0;\r\n	}\r\n.leaflet-left {\r\n	left: 0;\r\n	}\r\n.leaflet-control {\r\n	float: left;\r\n	clear: both;\r\n	}\r\n.leaflet-right .leaflet-control {\r\n	float: right;\r\n	}\r\n.leaflet-top .leaflet-control {\r\n	margin-top: 10px;\r\n	}\r\n.leaflet-bottom .leaflet-control {\r\n	margin-bottom: 10px;\r\n	}\r\n.leaflet-left .leaflet-control {\r\n	margin-left: 10px;\r\n	}\r\n.leaflet-right .leaflet-control {\r\n	margin-right: 10px;\r\n	}\r\n\r\n\r\n/* zoom and fade animations */\r\n\r\n.leaflet-fade-anim .leaflet-popup {\r\n	opacity: 0;\r\n	-webkit-transition: opacity 0.2s linear;\r\n	   -moz-transition: opacity 0.2s linear;\r\n	        transition: opacity 0.2s linear;\r\n	}\r\n.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r\n	opacity: 1;\r\n	}\r\n.leaflet-zoom-animated {\r\n	-webkit-transform-origin: 0 0;\r\n	    -ms-transform-origin: 0 0;\r\n	        transform-origin: 0 0;\r\n	}\r\nsvg.leaflet-zoom-animated {\r\n	will-change: transform;\r\n}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-animated {\r\n	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);\r\n	}\r\n.leaflet-zoom-anim .leaflet-tile,\r\n.leaflet-pan-anim .leaflet-tile {\r\n	-webkit-transition: none;\r\n	   -moz-transition: none;\r\n	        transition: none;\r\n	}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-hide {\r\n	visibility: hidden;\r\n	}\r\n\r\n\r\n/* cursors */\r\n\r\n.leaflet-interactive {\r\n	cursor: pointer;\r\n	}\r\n.leaflet-grab {\r\n	cursor: -webkit-grab;\r\n	cursor:    -moz-grab;\r\n	cursor:         grab;\r\n	}\r\n.leaflet-crosshair,\r\n.leaflet-crosshair .leaflet-interactive {\r\n	cursor: crosshair;\r\n	}\r\n.leaflet-popup-pane,\r\n.leaflet-control {\r\n	cursor: auto;\r\n	}\r\n.leaflet-dragging .leaflet-grab,\r\n.leaflet-dragging .leaflet-grab .leaflet-interactive,\r\n.leaflet-dragging .leaflet-marker-draggable {\r\n	cursor: move;\r\n	cursor: -webkit-grabbing;\r\n	cursor:    -moz-grabbing;\r\n	cursor:         grabbing;\r\n	}\r\n\r\n/* marker & overlays interactivity */\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-image-layer,\r\n.leaflet-pane > svg path,\r\n.leaflet-tile-container {\r\n	pointer-events: none;\r\n	}\r\n\r\n.leaflet-marker-icon.leaflet-interactive,\r\n.leaflet-image-layer.leaflet-interactive,\r\n.leaflet-pane > svg path.leaflet-interactive,\r\nsvg.leaflet-image-layer.leaflet-interactive path {\r\n	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n	pointer-events: auto;\r\n	}\r\n\r\n/* visual tweaks */\r\n\r\n.leaflet-container {\r\n	background: #ddd;\r\n	outline-offset: 1px;\r\n	}\r\n.leaflet-container a {\r\n	color: #0078A8;\r\n	}\r\n.leaflet-zoom-box {\r\n	border: 2px dotted #38f;\r\n	background: rgba(255,255,255,0.5);\r\n	}\r\n\r\n\r\n/* general typography */\r\n.leaflet-container {\r\n	font-family: \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n	font-size: 12px;\r\n	font-size: 0.75rem;\r\n	line-height: 1.5;\r\n	}\r\n\r\n\r\n/* general toolbar styles */\r\n\r\n.leaflet-bar {\r\n	box-shadow: 0 1px 5px rgba(0,0,0,0.65);\r\n	border-radius: 4px;\r\n	}\r\n.leaflet-bar a {\r\n	background-color: #fff;\r\n	border-bottom: 1px solid #ccc;\r\n	width: 26px;\r\n	height: 26px;\r\n	line-height: 26px;\r\n	display: block;\r\n	text-align: center;\r\n	text-decoration: none;\r\n	color: black;\r\n	}\r\n.leaflet-bar a,\r\n.leaflet-control-layers-toggle {\r\n	background-position: 50% 50%;\r\n	background-repeat: no-repeat;\r\n	display: block;\r\n	}\r\n.leaflet-bar a:hover,\r\n.leaflet-bar a:focus {\r\n	background-color: #f4f4f4;\r\n	}\r\n.leaflet-bar a:first-child {\r\n	border-top-left-radius: 4px;\r\n	border-top-right-radius: 4px;\r\n	}\r\n.leaflet-bar a:last-child {\r\n	border-bottom-left-radius: 4px;\r\n	border-bottom-right-radius: 4px;\r\n	border-bottom: none;\r\n	}\r\n.leaflet-bar a.leaflet-disabled {\r\n	cursor: default;\r\n	background-color: #f4f4f4;\r\n	color: #bbb;\r\n	}\r\n\r\n.leaflet-touch .leaflet-bar a {\r\n	width: 30px;\r\n	height: 30px;\r\n	line-height: 30px;\r\n	}\r\n.leaflet-touch .leaflet-bar a:first-child {\r\n	border-top-left-radius: 2px;\r\n	border-top-right-radius: 2px;\r\n	}\r\n.leaflet-touch .leaflet-bar a:last-child {\r\n	border-bottom-left-radius: 2px;\r\n	border-bottom-right-radius: 2px;\r\n	}\r\n\r\n/* zoom control */\r\n\r\n.leaflet-control-zoom-in,\r\n.leaflet-control-zoom-out {\r\n	font: bold 18px 'Lucida Console', Monaco, monospace;\r\n	text-indent: 1px;\r\n	}\r\n\r\n.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {\r\n	font-size: 22px;\r\n	}\r\n\r\n\r\n/* layers control */\r\n\r\n.leaflet-control-layers {\r\n	box-shadow: 0 1px 5px rgba(0,0,0,0.4);\r\n	background: #fff;\r\n	border-radius: 5px;\r\n	}\r\n.leaflet-control-layers-toggle {\r\n	background-image: url(images/layers.png);\r\n	width: 36px;\r\n	height: 36px;\r\n	}\r\n.leaflet-retina .leaflet-control-layers-toggle {\r\n	background-image: url(images/layers-2x.png);\r\n	background-size: 26px 26px;\r\n	}\r\n.leaflet-touch .leaflet-control-layers-toggle {\r\n	width: 44px;\r\n	height: 44px;\r\n	}\r\n.leaflet-control-layers .leaflet-control-layers-list,\r\n.leaflet-control-layers-expanded .leaflet-control-layers-toggle {\r\n	display: none;\r\n	}\r\n.leaflet-control-layers-expanded .leaflet-control-layers-list {\r\n	display: block;\r\n	position: relative;\r\n	}\r\n.leaflet-control-layers-expanded {\r\n	padding: 6px 10px 6px 6px;\r\n	color: #333;\r\n	background: #fff;\r\n	}\r\n.leaflet-control-layers-scrollbar {\r\n	overflow-y: scroll;\r\n	overflow-x: hidden;\r\n	padding-right: 5px;\r\n	}\r\n.leaflet-control-layers-selector {\r\n	margin-top: 2px;\r\n	position: relative;\r\n	top: 1px;\r\n	}\r\n.leaflet-control-layers label {\r\n	display: block;\r\n	font-size: 13px;\r\n	font-size: 1.08333em;\r\n	}\r\n.leaflet-control-layers-separator {\r\n	height: 0;\r\n	border-top: 1px solid #ddd;\r\n	margin: 5px -10px 5px -6px;\r\n	}\r\n\r\n/* Default icon URLs */\r\n.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */\r\n	background-image: url(images/marker-icon.png);\r\n	}\r\n\r\n\r\n/* attribution and scale controls */\r\n\r\n.leaflet-container .leaflet-control-attribution {\r\n	background: #fff;\r\n	background: rgba(255, 255, 255, 0.8);\r\n	margin: 0;\r\n	}\r\n.leaflet-control-attribution,\r\n.leaflet-control-scale-line {\r\n	padding: 0 5px;\r\n	color: #333;\r\n	line-height: 1.4;\r\n	}\r\n.leaflet-control-attribution a {\r\n	text-decoration: none;\r\n	}\r\n.leaflet-control-attribution a:hover,\r\n.leaflet-control-attribution a:focus {\r\n	text-decoration: underline;\r\n	}\r\n.leaflet-attribution-flag {\r\n	display: inline !important;\r\n	vertical-align: baseline !important;\r\n	width: 1em;\r\n	height: 0.6669em;\r\n	}\r\n.leaflet-left .leaflet-control-scale {\r\n	margin-left: 5px;\r\n	}\r\n.leaflet-bottom .leaflet-control-scale {\r\n	margin-bottom: 5px;\r\n	}\r\n.leaflet-control-scale-line {\r\n	border: 2px solid #777;\r\n	border-top: none;\r\n	line-height: 1.1;\r\n	padding: 2px 5px 1px;\r\n	white-space: nowrap;\r\n	-moz-box-sizing: border-box;\r\n	     box-sizing: border-box;\r\n	background: rgba(255, 255, 255, 0.8);\r\n	text-shadow: 1px 1px #fff;\r\n	}\r\n.leaflet-control-scale-line:not(:first-child) {\r\n	border-top: 2px solid #777;\r\n	border-bottom: none;\r\n	margin-top: -2px;\r\n	}\r\n.leaflet-control-scale-line:not(:first-child):not(:last-child) {\r\n	border-bottom: 2px solid #777;\r\n	}\r\n\r\n.leaflet-touch .leaflet-control-attribution,\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n	box-shadow: none;\r\n	}\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n	border: 2px solid rgba(0,0,0,0.2);\r\n	background-clip: padding-box;\r\n	}\r\n\r\n\r\n/* popup */\r\n\r\n.leaflet-popup {\r\n	position: absolute;\r\n	text-align: center;\r\n	margin-bottom: 20px;\r\n	}\r\n.leaflet-popup-content-wrapper {\r\n	padding: 1px;\r\n	text-align: left;\r\n	border-radius: 12px;\r\n	}\r\n.leaflet-popup-content {\r\n	margin: 13px 24px 13px 20px;\r\n	line-height: 1.3;\r\n	font-size: 13px;\r\n	font-size: 1.08333em;\r\n	min-height: 1px;\r\n	}\r\n.leaflet-popup-content p {\r\n	margin: 17px 0;\r\n	margin: 1.3em 0;\r\n	}\r\n.leaflet-popup-tip-container {\r\n	width: 40px;\r\n	height: 20px;\r\n	position: absolute;\r\n	left: 50%;\r\n	margin-top: -1px;\r\n	margin-left: -20px;\r\n	overflow: hidden;\r\n	pointer-events: none;\r\n	}\r\n.leaflet-popup-tip {\r\n	width: 17px;\r\n	height: 17px;\r\n	padding: 1px;\r\n\r\n	margin: -10px auto 0;\r\n	pointer-events: auto;\r\n\r\n	-webkit-transform: rotate(45deg);\r\n	   -moz-transform: rotate(45deg);\r\n	    -ms-transform: rotate(45deg);\r\n	        transform: rotate(45deg);\r\n	}\r\n.leaflet-popup-content-wrapper,\r\n.leaflet-popup-tip {\r\n	background: white;\r\n	color: #333;\r\n	box-shadow: 0 3px 14px rgba(0,0,0,0.4);\r\n	}\r\n.leaflet-container a.leaflet-popup-close-button {\r\n	position: absolute;\r\n	top: 0;\r\n	right: 0;\r\n	border: none;\r\n	text-align: center;\r\n	width: 24px;\r\n	height: 24px;\r\n	font: 16px/24px Tahoma, Verdana, sans-serif;\r\n	color: #757575;\r\n	text-decoration: none;\r\n	background: transparent;\r\n	}\r\n.leaflet-container a.leaflet-popup-close-button:hover,\r\n.leaflet-container a.leaflet-popup-close-button:focus {\r\n	color: #585858;\r\n	}\r\n.leaflet-popup-scrolled {\r\n	overflow: auto;\r\n	}\r\n\r\n.leaflet-oldie .leaflet-popup-content-wrapper {\r\n	-ms-zoom: 1;\r\n	}\r\n.leaflet-oldie .leaflet-popup-tip {\r\n	width: 24px;\r\n	margin: 0 auto;\r\n\r\n	-ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n	}\r\n\r\n.leaflet-oldie .leaflet-control-zoom,\r\n.leaflet-oldie .leaflet-control-layers,\r\n.leaflet-oldie .leaflet-popup-content-wrapper,\r\n.leaflet-oldie .leaflet-popup-tip {\r\n	border: 1px solid #999;\r\n	}\r\n\r\n\r\n/* div icon */\r\n\r\n.leaflet-div-icon {\r\n	background: #fff;\r\n	border: 1px solid #666;\r\n	}\r\n\r\n\r\n/* Tooltip */\r\n/* Base styles for the element that has a tooltip */\r\n.leaflet-tooltip {\r\n	position: absolute;\r\n	padding: 6px;\r\n	background-color: #fff;\r\n	border: 1px solid #fff;\r\n	border-radius: 3px;\r\n	color: #222;\r\n	white-space: nowrap;\r\n	-webkit-user-select: none;\r\n	-moz-user-select: none;\r\n	-ms-user-select: none;\r\n	user-select: none;\r\n	pointer-events: none;\r\n	box-shadow: 0 1px 3px rgba(0,0,0,0.4);\r\n	}\r\n.leaflet-tooltip.leaflet-interactive {\r\n	cursor: pointer;\r\n	pointer-events: auto;\r\n	}\r\n.leaflet-tooltip-top:before,\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n	position: absolute;\r\n	pointer-events: none;\r\n	border: 6px solid transparent;\r\n	background: transparent;\r\n	content: \"\";\r\n	}\r\n\r\n/* Directions */\r\n\r\n.leaflet-tooltip-bottom {\r\n	margin-top: 6px;\r\n}\r\n.leaflet-tooltip-top {\r\n	margin-top: -6px;\r\n}\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-top:before {\r\n	left: 50%;\r\n	margin-left: -6px;\r\n	}\r\n.leaflet-tooltip-top:before {\r\n	bottom: 0;\r\n	margin-bottom: -12px;\r\n	border-top-color: #fff;\r\n	}\r\n.leaflet-tooltip-bottom:before {\r\n	top: 0;\r\n	margin-top: -12px;\r\n	margin-left: -6px;\r\n	border-bottom-color: #fff;\r\n	}\r\n.leaflet-tooltip-left {\r\n	margin-left: -6px;\r\n}\r\n.leaflet-tooltip-right {\r\n	margin-left: 6px;\r\n}\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n	top: 50%;\r\n	margin-top: -6px;\r\n	}\r\n.leaflet-tooltip-left:before {\r\n	right: 0;\r\n	margin-right: -12px;\r\n	border-left-color: #fff;\r\n	}\r\n.leaflet-tooltip-right:before {\r\n	left: 0;\r\n	margin-left: -12px;\r\n	border-right-color: #fff;\r\n	}\r\n\r\n/* Printing */\r\n\r\n@media print {\r\n	/* Prevent printers from removing background-images of controls. */\r\n	.leaflet-control {\r\n		-webkit-print-color-adjust: exact;\r\n		print-color-adjust: exact;\r\n		}\r\n	}\r\n";
 //#endregion
 //#region src/components/shared/charts/map-chart/map-styles.ts
-function Lt(e) {
+function Ft(e) {
 	return e.replace(/[^{}]*\{[^{}]*url\(images\/[^{}]*\}/g, "");
 }
-var Rt = l(Ft), zt = [
-	l(te),
-	l(Lt(It)),
-	Rt,
-	e
-], Bt = class extends y {
+var It = u(Nt), Lt = [
+	u(ee),
+	u(Ft(Pt)),
+	It,
+	f
+], Rt = class extends ie {
 	static {
 		this.styles = [
-			m,
-			r(re),
-			r(v),
-			r(s),
+			e,
+			i(ne),
+			i(n),
 			...b,
-			...zt
+			...Lt
 		];
 	}
 	static {
@@ -21779,18 +21804,24 @@ var Rt = l(Ft), zt = [
 			layer: { state: !0 }
 		};
 	}
-	#e = new A(() => this.requestUpdate());
+	#e = new D(() => this.requestUpdate());
 	#t = null;
-	#n = new o(this);
+	#n = new t(this);
 	#r = void 0;
+	#i = null;
 	get dataSettings() {
 		return this.data ?? void 0;
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.#i = a((e) => {
+			this.#e.leaflet?.print(e), this.isUpdatePending && this.performUpdate();
+		});
+	}
 	disconnectedCallback() {
-		this.#e.detach(), this.#t?.detach(), this.#t = null, super.disconnectedCallback();
+		this.#i?.(), this.#i = null, this.#e.detach(), this.#t?.detach(), this.#t = null, super.disconnectedCallback();
 	}
 	expandChanged(e) {
-		e ? this.#t ??= new A(() => this.requestUpdate()) : (this.#t?.detach(), this.#t = null);
+		e ? this.#t ??= new D(() => this.requestUpdate()) : (this.#t?.detach(), this.#t = null);
 	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("data") && this.data?.layer !== this.#r && (this.#r = this.data?.layer, this.layer = this.data?.layer);
@@ -21802,8 +21833,8 @@ var Rt = l(Ft), zt = [
 	csv() {
 		let e = this.data;
 		if (!e?.download) return;
-		let t = e.unit ?? "aantal", n = we(e, t), r = e.variant === "plots", i = n.every((e) => e.unit === t), a = (e) => i || !e.unit ? e.name : `${e.name} (${e.unit})`, o = n.some((e) => e.values.some((e) => e.detail));
-		C(e.download.filename, [[
+		let t = e.unit ?? "aantal", n = be(e, t), r = e.variant === "plots", i = n.every((e) => e.unit === t), a = (e) => i || !e.unit ? e.name : `${e.name} (${e.unit})`, o = n.some((e) => e.values.some((e) => e.detail));
+		oe(e.download.filename, [[
 			"",
 			i ? t : "",
 			...r ? ["Laag"] : [],
@@ -21817,19 +21848,23 @@ var Rt = l(Ft), zt = [
 	}
 	render() {
 		let e = this.data;
-		if (!e) return n;
-		let t = (e.state ?? "ready") === "ready", r = this.#n.matches && e.mobileSubtitle ? e.mobileSubtitle : e.subtitle, i = e.height ?? (this.#n.matches ? W.mobile : W.desktop);
-		return g`<lintje-tile
-      id=${this.id ? `${this.id}-tile` : n}
-      span=${e.span ?? n}
-      heading=${e.title ?? n}
-      icon=${e.icon ?? n}
-      subtitle=${r ?? n}
-      intro=${e.intro ?? n}
-      footnote=${e.footnote ?? n}
+		if (!e) return c;
+		let t = (e.state ?? "ready") === "ready", n = this.#n.matches && e.mobileSubtitle ? e.mobileSubtitle : e.subtitle, r = e.height ?? (this.#n.matches ? wt.mobile : wt.desktop);
+		return p`<lintje-tile
+      id=${this.id ? `${this.id}-tile` : c}
+      span=${e.span ?? c}
+      heading=${e.title ?? c}
+      icon=${e.icon ?? c}
+      subtitle=${n ?? c}
+      intro=${e.intro ?? c}
+      footnote=${e.footnote ?? c}
       ?legend-below=${!!e.legendBelow}
       ?expandable=${!!e.expandable && t}
       ?download=${!!e.download && t}
+      state=${e.state ?? "ready"}
+      message=${e.message ?? c}
+      last-known=${e.lastKnown ?? c}
+      content-height=${`${r}px`}
       @lintje-tile-expand=${(e) => {
 			e.stopPropagation(), this.expand(!0);
 		}}
@@ -21837,16 +21872,16 @@ var Rt = l(Ft), zt = [
 			e.stopPropagation(), this.csv();
 		}}
     >
-      ${e.notice ? g`<lintje-announcement slot="notice" compact .data=${e.notice}></lintje-announcement>` : n}
-      ${this.content(`${i}px`)}
+      ${e.notice ? p`<lintje-announcement slot="notice" .data=${e.notice}></lintje-announcement>` : c}
+      ${this.content(`${r}px`)}
     </lintje-tile>
 
-    ${this.renderExpandModal(this.expanded && this.#t ? Pt({
+    ${this.renderExpandModal(this.expanded && this.#t ? Mt({
 			...e,
 			layer: this.layer
-		}, this.mapOptions(this.#t, !0)) : n, {
+		}, this.mapOptions(this.#t, !0)) : c, {
 			heading: e.title,
-			subtitle: r,
+			subtitle: n,
 			footnote: e.footnote,
 			csv: e.download ? () => this.csv() : void 0,
 			png: e.basemap ? void 0 : () => this.png()
@@ -21855,18 +21890,14 @@ var Rt = l(Ft), zt = [
 	content(e) {
 		let t = this.data;
 		switch (t.state ?? "ready") {
-			case "loading": return ae({
+			case "loading": return p`<div slot="loading">${re({
 				kind: "map",
-				height: e
-			});
-			case "empty": return se(t.message, e);
-			case "error": return S({
-				message: t.message,
-				lastKnown: t.lastKnown,
 				height: e,
-				announcement: ie
-			});
-			default: return Pt({
+				status: !1
+			})}</div>`;
+			case "empty":
+			case "error": return c;
+			default: return Mt({
 				...t,
 				layer: this.layer
 			}, this.mapOptions(this.#e));
@@ -21905,6 +21936,6 @@ var Rt = l(Ft), zt = [
 		};
 	}
 };
-t("lintje-map", Bt);
+r("lintje-map", Rt);
 //#endregion
-export { Bt as LintjeMap };
+export { Rt as LintjeMap };