@mcp-b/geo-leaflet 0.2.1 → 0.2.2

package/dist/map-DGu4FVda.js

@@ -0,0 +1,247 @@
+import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
+import { t as marker_icon_default } from "./marker-icon-Bv3BCQL8.js";
+import { t as __decorate } from "./decorate-DcF3lt7P.js";
+import { css, html, unsafeCSS } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { GeoMapElement } from "@mcp-b/geo-support/base/geo-map-element";
+import { SigveloMapClickEvent, SigveloMapLoadEvent, SigveloMapMoveEndEvent, SigveloMapMoveEvent, SigveloMapZoomEndEvent, SigveloMapZoomEvent } from "@mcp-b/geo-support/events";
+//#region ../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/leaflet.css?raw
+var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
+var leaflet_default = "/* 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 ../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/layers.png
+var layers_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC";
+//#endregion
+//#region ../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/layers-2x.png
+var layers_2x_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=";
+//#endregion
+//#region src/components/map/map.styles.ts
+var map_styles_default = css`
+  :host {
+    display: block;
+    position: relative;
+    box-sizing: border-box;
+    min-height: 300px;
+    overflow: hidden;
+    border: 1px solid var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
+    border-radius: var(--sigvelo-radius-md, 8px);
+    background: var(--sigvelo-color-surface-sunken, #171717);
+  }
+
+  .map-layout {
+    position: absolute;
+    inset: 0;
+    display: grid;
+    grid-template-rows: minmax(0, 1fr) auto;
+  }
+
+  .map-layout > .map-host {
+    position: relative;
+    inset: auto;
+    min-height: 0;
+    height: auto;
+  }
+
+  .leaflet-container {
+    border-radius: 0;
+    background: var(--sigvelo-color-surface-sunken, #171717);
+    font-family: inherit;
+  }
+
+  /*
+   * Leaflet ships its attribution link at #0078a8 on #333, which is 2.55:1
+   * against the surrounding text — below the 3:1 WCAG requires of a link
+   * distinguished by colour alone. This sheet is applied after Leaflet's, so
+   * underlining it satisfies the rule without depending on hue, and the
+   * control picks up the active theme instead of Leaflet's fixed palette.
+   */
+  .attribution-footer {
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    justify-content: flex-end;
+    border-top: 1px solid var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
+    color: var(--sigvelo-color-text-muted, #b4b4b4);
+    background: var(--sigvelo-color-surface, #181818);
+  }
+
+  .attribution-footer .leaflet-control-attribution {
+    float: none;
+    box-sizing: border-box;
+    width: 100%;
+    max-width: none;
+    margin: 0;
+    padding: 4px 8px;
+    border: 0;
+    border-radius: 0;
+    color: var(--sigvelo-color-text-muted, #b4b4b4);
+    background: transparent;
+    box-shadow: none;
+    font-size: 11px;
+    line-height: 1.35;
+    text-align: right;
+    white-space: normal;
+    pointer-events: auto;
+  }
+
+  .attribution-footer .leaflet-control-attribution a {
+    color: var(--sigvelo-color-primary-text, #ececec);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .leaflet-container .leaflet-bar {
+    overflow: hidden;
+    border: 1px solid var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
+    border-radius: var(--sigvelo-radius-sm, 4px);
+    box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
+  }
+
+  .leaflet-container .leaflet-bar a,
+  .leaflet-container .leaflet-bar a:hover {
+    border-bottom-color: var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
+    color: var(--sigvelo-color-text, #ececec);
+    background: var(--sigvelo-color-surface, #181818);
+  }
+
+  .leaflet-container .leaflet-bar a:hover {
+    background: var(--sigvelo-color-surface-raised, #282828);
+  }
+
+  .leaflet-container .leaflet-popup-content-wrapper,
+  .leaflet-container .leaflet-popup-tip {
+    color: #171717;
+    background: #fcfcfc;
+  }
+
+  .leaflet-container .leaflet-popup-close-button,
+  .leaflet-container .leaflet-popup-close-button:hover {
+    color: #595959;
+  }
+`;
+//#endregion
+//#region src/components/map/map.ts
+const leafletCssWithAssets = leaflet_default.replace(/url\(images\/layers-2x\.png\)/g, `url(${layers_2x_default})`).replace(/url\(images\/layers\.png\)/g, `url(${layers_default})`).replace(/url\(images\/marker-icon\.png\)/g, `url(${marker_icon_default})`);
+let SigveloLeafletMap = class SigveloLeafletMap extends GeoMapElement {
+	constructor(..._args) {
+		super(..._args);
+		this.zoomControl = true;
+		this.attributionControl = true;
+		this._map = null;
+	}
+	static {
+		this.styles = [
+			...GeoMapElement.styles,
+			unsafeCSS(leafletCssWithAssets),
+			map_styles_default
+		];
+	}
+	/** Access the underlying Leaflet map instance (after mapReady resolves). */
+	get map() {
+		return this._map;
+	}
+	createMap(container) {
+		this._map = import_leaflet_src.map(container, {
+			center: [this.latitude, this.longitude],
+			zoom: this.zoom,
+			minZoom: this.minZoom,
+			maxZoom: this.maxZoom,
+			zoomControl: this.zoomControl,
+			attributionControl: this.attributionControl
+		});
+		if (this.attributionControl) {
+			const attribution = this._map.attributionControl.getContainer();
+			if (attribution && this.attributionFooter) this.attributionFooter.append(attribution);
+		}
+		this._map.on("click", (e) => {
+			this.dispatchEvent(new SigveloMapClickEvent({
+				lat: e.latlng.lat,
+				lng: e.latlng.lng
+			}, e.originalEvent));
+		});
+		this._map.on("move", () => {
+			if (!this._map) return;
+			const center = this._map.getCenter();
+			this._suppressExternalUpdate = true;
+			this.latitude = center.lat;
+			this.longitude = center.lng;
+			this._suppressExternalUpdate = false;
+			this.dispatchEvent(new SigveloMapMoveEvent({
+				lat: center.lat,
+				lng: center.lng
+			}));
+		});
+		this._map.on("moveend", () => {
+			if (!this._map) return;
+			const center = this._map.getCenter();
+			this.dispatchEvent(new SigveloMapMoveEndEvent({
+				lat: center.lat,
+				lng: center.lng
+			}));
+		});
+		this._map.on("zoom", () => {
+			if (!this._map) return;
+			const zoom = this._map.getZoom();
+			this._suppressExternalUpdate = true;
+			this.zoom = zoom;
+			this._suppressExternalUpdate = false;
+			this.dispatchEvent(new SigveloMapZoomEvent(zoom));
+		});
+		this._map.on("zoomend", () => {
+			if (!this._map) return;
+			this.dispatchEvent(new SigveloMapZoomEndEvent(this._map.getZoom()));
+		});
+		this._map.whenReady(() => {
+			this._resolveMapReady();
+			this.dispatchEvent(new SigveloMapLoadEvent());
+		});
+	}
+	destroyMap() {
+		this._map?.remove();
+		this._map = null;
+	}
+	updateView(changed) {
+		if (!this._map) return;
+		if (changed.has("latitude") || changed.has("longitude") || changed.has("zoom")) this._map.setView([this.latitude, this.longitude], this.zoom);
+		if (changed.has("minZoom")) this._map.setMinZoom(this.minZoom);
+		if (changed.has("maxZoom")) this._map.setMaxZoom(this.maxZoom);
+	}
+	invalidateSize() {
+		this._map?.invalidateSize();
+	}
+	flyTo(options) {
+		this._map?.flyTo([options.center.lat, options.center.lng], options.zoom, { duration: options.duration ? options.duration / 1e3 : void 0 });
+	}
+	fitBounds(options) {
+		this._map?.fitBounds([[options.bounds.south, options.bounds.west], [options.bounds.north, options.bounds.east]], {
+			padding: options.padding ? [options.padding, options.padding] : void 0,
+			maxZoom: options.maxZoom
+		});
+	}
+	render() {
+		return html`
+      <div class="map-layout">
+        <div class="map-host" part="map"></div>
+        ${this.attributionControl ? html`<footer
+              class="attribution-footer"
+              part="attribution"
+              aria-label="Map attribution"
+            ></footer>` : null}
+      </div>
+      <slot></slot>
+    `;
+	}
+};
+__decorate([property({
+	attribute: "zoom-control",
+	type: Boolean
+})], SigveloLeafletMap.prototype, "zoomControl", void 0);
+__decorate([property({
+	attribute: "attribution-control",
+	type: Boolean
+})], SigveloLeafletMap.prototype, "attributionControl", void 0);
+__decorate([query(".attribution-footer")], SigveloLeafletMap.prototype, "attributionFooter", void 0);
+SigveloLeafletMap = __decorate([customElement("sigvelo-leaflet-map")], SigveloLeafletMap);
+//#endregion
+export { SigveloLeafletMap as t };

package/dist/{marker-D4gW4fyF.js → marker-RT0-gpae.js}

@@ -1,10 +1,11 @@
+import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
 import "./default-icon.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { findLeafletMap } from "./components/find-leaflet-map.js";
-import * as L from "leaflet";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/components/marker/marker.styles.ts
+var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
 var marker_styles_default = css`
   :host {
     display: none;
@@ -55,13 +56,13 @@ let SigveloLeafletMarker = class SigveloLeafletMarker extends LitElement {
 			draggable: this.draggable,
 			opacity: this.opacity
 		};
-		if (this.iconUrl) options.icon = L.icon({
+		if (this.iconUrl) options.icon = import_leaflet_src.icon({
 			iconUrl: this.iconUrl,
 			iconSize: [this.iconWidth, this.iconHeight],
 			iconAnchor: [this.iconWidth / 2, this.iconHeight],
 			popupAnchor: [0, -this.iconHeight]
 		});
-		this._marker = L.marker([this.latitude, this.longitude], options).addTo(this._mapEl.map);
+		this._marker = import_leaflet_src.marker([this.latitude, this.longitude], options).addTo(this._mapEl.map);
 		this._bindChildPopup();
 		this._marker.on("dragend", () => {
 			if (!this._marker) return;

package/dist/marker-icon-Bv3BCQL8.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-icon.png
+var marker_icon_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=";
+//#endregion
+export { marker_icon_default as t };

package/dist/{polygon-DbFiHm4R.js → polygon-DtiZDmnC.js}

@@ -1,9 +1,10 @@
+import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { findLeafletMap } from "./components/find-leaflet-map.js";
-import * as L from "leaflet";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/components/polygon/polygon.styles.ts
+var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
 var polygon_styles_default = css`
   :host {
     display: none;
@@ -41,7 +42,7 @@ let SigveloLeafletPolygon = class SigveloLeafletPolygon extends LitElement {
 	/** @internal */
 	_addPolygon() {
 		if (!this._mapEl?.map) return;
-		this._polygon = L.polygon(this.positions, {
+		this._polygon = import_leaflet_src.polygon(this.positions, {
 			fillColor: this.fillColor,
 			fillOpacity: this.fillOpacity,
 			color: this.strokeColor,

package/dist/{polyline-SAcEwHDC.js → polyline-C3VgapkC.js}

@@ -1,9 +1,10 @@
+import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { findLeafletMap } from "./components/find-leaflet-map.js";
-import * as L from "leaflet";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/components/polyline/polyline.styles.ts
+var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
 var polyline_styles_default = css`
   :host {
     display: none;
@@ -41,7 +42,7 @@ let SigveloLeafletPolyline = class SigveloLeafletPolyline extends LitElement {
 	/** @internal */
 	_addPolyline() {
 		if (!this._mapEl?.map) return;
-		this._polyline = L.polyline(this.positions, {
+		this._polyline = import_leaflet_src.polyline(this.positions, {
 			color: this.color,
 			weight: this.weight,
 			opacity: this.opacity,

package/dist/{scale-control-BR_iH4gM.js → scale-control-D5QJFlOJ.js}

@@ -1,9 +1,10 @@
+import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { findLeafletMap } from "./components/find-leaflet-map.js";
-import * as L from "leaflet";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/components/scale-control/scale-control.styles.ts
+var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
 var scale_control_styles_default = css`
   :host {
     display: none;
@@ -40,7 +41,7 @@ let SigveloLeafletScaleControl = class SigveloLeafletScaleControl extends LitEle
 	/** @internal */
 	_addControl() {
 		if (!this._mapEl?.map) return;
-		this._control = L.control.scale({
+		this._control = import_leaflet_src.control.scale({
 			position: this.position,
 			metric: this.metric,
 			imperial: this.imperial,

package/dist/{tilelayer-DI2cPv01.js → tilelayer-CwHdbtD_.js}

@@ -1,9 +1,10 @@
+import { n as __toESM, t as require_leaflet_src } from "./leaflet-src-DkjKLRUt.js";
 import { t as __decorate } from "./decorate-DcF3lt7P.js";
 import { findLeafletMap } from "./components/find-leaflet-map.js";
-import * as L from "leaflet";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/components/tilelayer/tilelayer.styles.ts
+var import_leaflet_src = /* @__PURE__ */ __toESM(require_leaflet_src(), 1);
 var tilelayer_styles_default = css`
   :host {
     display: none;
@@ -41,7 +42,7 @@ let SigveloLeafletTilelayer = class SigveloLeafletTilelayer extends LitElement {
 	/** @internal */
 	_addLayer() {
 		if (!this._mapEl?.map || !this.url) return;
-		this._layer = L.tileLayer(this.url, {
+		this._layer = import_leaflet_src.tileLayer(this.url, {
 			attribution: this.attribution,
 			minZoom: this.minZoom,
 			maxZoom: this.maxZoom,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/geo-leaflet",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Leaflet web components for Sigvelo, built with Lit.",
   "keywords": [
     "custom-elements",
@@ -33,8 +33,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@mcp-b/geo-support": "0.2.0",
-    "@mcp-b/wc-support": "0.2.0"
+    "@mcp-b/wc-support": "0.2.0",
+    "@mcp-b/geo-support": "0.2.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",

package/dist/map-DzUl12tT.js

@@ -1,240 +0,0 @@
-import { t as __decorate } from "./decorate-DcF3lt7P.js";
-import * as L from "leaflet";
-import iconUrl from "leaflet/dist/images/marker-icon.png";
-import { css, html, unsafeCSS } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import { GeoMapElement } from "@mcp-b/geo-support/base/geo-map-element";
-import { SigveloMapClickEvent, SigveloMapLoadEvent, SigveloMapMoveEndEvent, SigveloMapMoveEvent, SigveloMapZoomEndEvent, SigveloMapZoomEvent } from "@mcp-b/geo-support/events";
-import leafletCss from "leaflet/dist/leaflet.css?raw";
-import layersIconUrl from "leaflet/dist/images/layers.png";
-import layersIcon2xUrl from "leaflet/dist/images/layers-2x.png";
-//#region src/components/map/map.styles.ts
-var map_styles_default = css`
-  :host {
-    display: block;
-    position: relative;
-    box-sizing: border-box;
-    min-height: 300px;
-    overflow: hidden;
-    border: 1px solid var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
-    border-radius: var(--sigvelo-radius-md, 8px);
-    background: var(--sigvelo-color-surface-sunken, #171717);
-  }
-
-  .map-layout {
-    position: absolute;
-    inset: 0;
-    display: grid;
-    grid-template-rows: minmax(0, 1fr) auto;
-  }
-
-  .map-layout > .map-host {
-    position: relative;
-    inset: auto;
-    min-height: 0;
-    height: auto;
-  }
-
-  .leaflet-container {
-    border-radius: 0;
-    background: var(--sigvelo-color-surface-sunken, #171717);
-    font-family: inherit;
-  }
-
-  /*
-   * Leaflet ships its attribution link at #0078a8 on #333, which is 2.55:1
-   * against the surrounding text — below the 3:1 WCAG requires of a link
-   * distinguished by colour alone. This sheet is applied after Leaflet's, so
-   * underlining it satisfies the rule without depending on hue, and the
-   * control picks up the active theme instead of Leaflet's fixed palette.
-   */
-  .attribution-footer {
-    display: flex;
-    box-sizing: border-box;
-    width: 100%;
-    min-width: 0;
-    justify-content: flex-end;
-    border-top: 1px solid var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
-    color: var(--sigvelo-color-text-muted, #b4b4b4);
-    background: var(--sigvelo-color-surface, #181818);
-  }
-
-  .attribution-footer .leaflet-control-attribution {
-    float: none;
-    box-sizing: border-box;
-    width: 100%;
-    max-width: none;
-    margin: 0;
-    padding: 4px 8px;
-    border: 0;
-    border-radius: 0;
-    color: var(--sigvelo-color-text-muted, #b4b4b4);
-    background: transparent;
-    box-shadow: none;
-    font-size: 11px;
-    line-height: 1.35;
-    text-align: right;
-    white-space: normal;
-    pointer-events: auto;
-  }
-
-  .attribution-footer .leaflet-control-attribution a {
-    color: var(--sigvelo-color-primary-text, #ececec);
-    text-decoration: underline;
-    text-underline-offset: 2px;
-  }
-
-  .leaflet-container .leaflet-bar {
-    overflow: hidden;
-    border: 1px solid var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
-    border-radius: var(--sigvelo-radius-sm, 4px);
-    box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
-  }
-
-  .leaflet-container .leaflet-bar a,
-  .leaflet-container .leaflet-bar a:hover {
-    border-bottom-color: var(--sigvelo-color-neutral-border-muted, rgb(255 255 255 / 15%));
-    color: var(--sigvelo-color-text, #ececec);
-    background: var(--sigvelo-color-surface, #181818);
-  }
-
-  .leaflet-container .leaflet-bar a:hover {
-    background: var(--sigvelo-color-surface-raised, #282828);
-  }
-
-  .leaflet-container .leaflet-popup-content-wrapper,
-  .leaflet-container .leaflet-popup-tip {
-    color: #171717;
-    background: #fcfcfc;
-  }
-
-  .leaflet-container .leaflet-popup-close-button,
-  .leaflet-container .leaflet-popup-close-button:hover {
-    color: #595959;
-  }
-`;
-//#endregion
-//#region src/components/map/map.ts
-const leafletCssWithAssets = leafletCss.replace(/url\(images\/layers-2x\.png\)/g, `url(${layersIcon2xUrl})`).replace(/url\(images\/layers\.png\)/g, `url(${layersIconUrl})`).replace(/url\(images\/marker-icon\.png\)/g, `url(${iconUrl})`);
-let SigveloLeafletMap = class SigveloLeafletMap extends GeoMapElement {
-	constructor(..._args) {
-		super(..._args);
-		this.zoomControl = true;
-		this.attributionControl = true;
-		this._map = null;
-	}
-	static {
-		this.styles = [
-			...GeoMapElement.styles,
-			unsafeCSS(leafletCssWithAssets),
-			map_styles_default
-		];
-	}
-	/** Access the underlying Leaflet map instance (after mapReady resolves). */
-	get map() {
-		return this._map;
-	}
-	createMap(container) {
-		this._map = L.map(container, {
-			center: [this.latitude, this.longitude],
-			zoom: this.zoom,
-			minZoom: this.minZoom,
-			maxZoom: this.maxZoom,
-			zoomControl: this.zoomControl,
-			attributionControl: this.attributionControl
-		});
-		if (this.attributionControl) {
-			const attribution = this._map.attributionControl.getContainer();
-			if (attribution && this.attributionFooter) this.attributionFooter.append(attribution);
-		}
-		this._map.on("click", (e) => {
-			this.dispatchEvent(new SigveloMapClickEvent({
-				lat: e.latlng.lat,
-				lng: e.latlng.lng
-			}, e.originalEvent));
-		});
-		this._map.on("move", () => {
-			if (!this._map) return;
-			const center = this._map.getCenter();
-			this._suppressExternalUpdate = true;
-			this.latitude = center.lat;
-			this.longitude = center.lng;
-			this._suppressExternalUpdate = false;
-			this.dispatchEvent(new SigveloMapMoveEvent({
-				lat: center.lat,
-				lng: center.lng
-			}));
-		});
-		this._map.on("moveend", () => {
-			if (!this._map) return;
-			const center = this._map.getCenter();
-			this.dispatchEvent(new SigveloMapMoveEndEvent({
-				lat: center.lat,
-				lng: center.lng
-			}));
-		});
-		this._map.on("zoom", () => {
-			if (!this._map) return;
-			const zoom = this._map.getZoom();
-			this._suppressExternalUpdate = true;
-			this.zoom = zoom;
-			this._suppressExternalUpdate = false;
-			this.dispatchEvent(new SigveloMapZoomEvent(zoom));
-		});
-		this._map.on("zoomend", () => {
-			if (!this._map) return;
-			this.dispatchEvent(new SigveloMapZoomEndEvent(this._map.getZoom()));
-		});
-		this._map.whenReady(() => {
-			this._resolveMapReady();
-			this.dispatchEvent(new SigveloMapLoadEvent());
-		});
-	}
-	destroyMap() {
-		this._map?.remove();
-		this._map = null;
-	}
-	updateView(changed) {
-		if (!this._map) return;
-		if (changed.has("latitude") || changed.has("longitude") || changed.has("zoom")) this._map.setView([this.latitude, this.longitude], this.zoom);
-		if (changed.has("minZoom")) this._map.setMinZoom(this.minZoom);
-		if (changed.has("maxZoom")) this._map.setMaxZoom(this.maxZoom);
-	}
-	invalidateSize() {
-		this._map?.invalidateSize();
-	}
-	flyTo(options) {
-		this._map?.flyTo([options.center.lat, options.center.lng], options.zoom, { duration: options.duration ? options.duration / 1e3 : void 0 });
-	}
-	fitBounds(options) {
-		this._map?.fitBounds([[options.bounds.south, options.bounds.west], [options.bounds.north, options.bounds.east]], {
-			padding: options.padding ? [options.padding, options.padding] : void 0,
-			maxZoom: options.maxZoom
-		});
-	}
-	render() {
-		return html`
-      <div class="map-layout">
-        <div class="map-host" part="map"></div>
-        ${this.attributionControl ? html`<footer
-              class="attribution-footer"
-              part="attribution"
-              aria-label="Map attribution"
-            ></footer>` : null}
-      </div>
-      <slot></slot>
-    `;
-	}
-};
-__decorate([property({
-	attribute: "zoom-control",
-	type: Boolean
-})], SigveloLeafletMap.prototype, "zoomControl", void 0);
-__decorate([property({
-	attribute: "attribution-control",
-	type: Boolean
-})], SigveloLeafletMap.prototype, "attributionControl", void 0);
-__decorate([query(".attribution-footer")], SigveloLeafletMap.prototype, "attributionFooter", void 0);
-SigveloLeafletMap = __decorate([customElement("sigvelo-leaflet-map")], SigveloLeafletMap);
-//#endregion
-export { SigveloLeafletMap as t };