@mattilsynet/design 3.3.10 → 3.4.1

package/mtds/atlas/atlas-matgeo.js

@@ -1,61 +1,67 @@
-import { booleanPointInPolygon as g } from "../external/@turf/boolean-point-in-polygon/dist/esm/index.js";
-import { point as p } from "../external/@turf/helpers/dist/esm/index.js";
-import h from "../external/leaflet/dist/leaflet-src.js";
-import { defineElement as m, MTDSElement as f, debounce as u, attr as n } from "../utils.js";
-const c = "moveend zoomend refresh";
-class b extends f {
-  atlas;
-  geojson;
-  static get observedAttributes() {
-    return ["hidden", "data-collection", "data-color", "popovertarget"];
-  }
-  constructor() {
-    super(), this.refresh = u(this.refresh, 300);
-  }
-  connectedCallback() {
-    queueMicrotask(() => {
-      this.atlas = this.closest("mtds-atlas") || void 0, this.atlas?.map?.on(c, this.refresh, this), this.geojson = new h.GeoJSON(null, {
-        style: d(this),
-        onEachFeature: (t, s) => s.on("click", this.handleEvent, this)
-      }).bindPopup(() => `#${n(this, "popovertarget")}`), this.refresh(), this.attributeChangedCallback("hidden");
-    });
-  }
-  attributeChangedCallback(t) {
-    const s = this.geojson, o = this.atlas?.map;
-    t === "popovertarget" && s?.getPopup()?.update(), t === "data-color" && s?.setStyle(d(this)), t === "data-collection" && this.refresh(), t === "hidden" && s && o && o[this.hidden ? "removeLayer" : "addLayer"](s);
-  }
-  disconnectedCallback() {
-    this.atlas?.map?.off(c, this.refresh, this), this.geojson?.unbindPopup().remove(), this.geojson = this.atlas = void 0;
-  }
-  refresh(t) {
-    !this.geojson || !this.atlas?.map?.hasLayer(this.geojson) || this.getCollection().then((s) => {
-      const o = s?.links.find(({ rel: e }) => e === "items"), a = t === !0 ? `&nocache=${Date.now()}` : "", i = this.atlas?.map?.getBounds().toBBoxString();
-      s ? fetch(`${o?.href}?bbox=${i}${a}`).then((e) => e.json()).then((e) => this.geojson?.clearLayers().addData(e)) : this.atlas?.getCollections().then((e) => {
-        const r = `mtds-atlas-matgeo: Please set a vaild data-collection="${Object.keys(e).join(" | ")}"`;
-        console.warn(r);
-      });
-    });
-  }
-  handleEvent(t) {
-    t.originalEvent.stopPropagation(), this.atlas?.getCollections().then((s) => {
-      const o = [t.target], a = { ...t, targets: o, collections: s }, i = p([t.latlng.lng, t.latlng.lat]);
-      this.atlas?.map?.eachLayer((e) => {
-        if (e === t.target) return;
-        (e.feature?.geometry && g(i, e.feature.geometry) || e instanceof h.Marker && e.getLatLng().equals(t.latlng)) && o.push(e);
-      }), this.dispatchEvent(new MouseEvent("click", t.originalEvent)), this.dispatchEvent(
-        new CustomEvent("atlasfeatureclick", { detail: a, bubbles: !0 })
-      );
-    });
-  }
-  async getCollection() {
-    return this.atlas?.getCollections().then((t) => t?.[n(this, "data-collection") || ""]);
-  }
-}
-const d = (l) => ({
-  color: `var(--mtds-color-${n(l, "data-color") || "main"}-base-default)`
-});
-m("mtds-atlas-matgeo", b);
-export {
-  b as MTDSAtlasMatgeoElement
-};
-//# sourceMappingURL=atlas-matgeo.js.map
+import { MTDSElement as e, attr as t, debounce as n, defineElement as r } from "../utils.js";
+import i from "../external/leaflet/dist/leaflet-src.js";
+import { point as a } from "../external/@turf/helpers/dist/esm/index.js";
+import { booleanPointInPolygon as o } from "../external/@turf/boolean-point-in-polygon/dist/esm/index.js";
+//#region designsystem/atlas/atlas-matgeo.ts
+var s = "moveend zoomend refresh", c = class extends e {
+	atlas;
+	geojson;
+	static get observedAttributes() {
+		return [
+			"hidden",
+			"data-collection",
+			"data-color",
+			"popovertarget"
+		];
+	}
+	constructor() {
+		super(), this.refresh = n(this.refresh, 300);
+	}
+	connectedCallback() {
+		queueMicrotask(() => {
+			this.atlas = this.closest("mtds-atlas") || void 0, this.atlas?.map?.on(s, this.refresh, this), this.geojson = new i.GeoJSON(null, {
+				style: l(this),
+				onEachFeature: (e, t) => t.on("click", this.handleEvent, this)
+			}).bindPopup(() => `#${t(this, "popovertarget")}`), this.refresh(), this.attributeChangedCallback("hidden");
+		});
+	}
+	attributeChangedCallback(e) {
+		let t = this.geojson, n = this.atlas?.map;
+		e === "popovertarget" && t?.getPopup()?.update(), e === "data-color" && t?.setStyle(l(this)), e === "data-collection" && this.refresh(), e === "hidden" && t && n && n[this.hidden ? "removeLayer" : "addLayer"](t);
+	}
+	disconnectedCallback() {
+		this.atlas?.map?.off(s, this.refresh, this), this.geojson?.unbindPopup().remove(), this.geojson = this.atlas = void 0;
+	}
+	refresh(e) {
+		!this.geojson || !this.atlas?.map?.hasLayer(this.geojson) || this.getCollection().then((t) => {
+			let n = t?.links.find(({ rel: e }) => e === "items"), r = e === !0 ? `&nocache=${Date.now()}` : "", i = this.atlas?.map?.getBounds().toBBoxString();
+			t ? fetch(`${n?.href}?bbox=${i}${r}`).then((e) => e.json()).then((e) => this.geojson?.clearLayers().addData(e)) : this.atlas?.getCollections().then((e) => {
+				let t = `mtds-atlas-matgeo: Please set a vaild data-collection="${Object.keys(e).join(" | ")}"`;
+				console.warn(t);
+			});
+		});
+	}
+	handleEvent(e) {
+		e.originalEvent.stopPropagation(), this.atlas?.getCollections().then((t) => {
+			let n = [e.target], r = {
+				...e,
+				targets: n,
+				collections: t
+			}, s = a([e.latlng.lng, e.latlng.lat]);
+			this.atlas?.map?.eachLayer((t) => {
+				t !== e.target && (t.feature?.geometry && o(s, t.feature.geometry) || t instanceof i.Marker && t.getLatLng().equals(e.latlng)) && n.push(t);
+			}), this.dispatchEvent(new MouseEvent("click", e.originalEvent)), this.dispatchEvent(new CustomEvent("atlasfeatureclick", {
+				detail: r,
+				bubbles: !0
+			}));
+		});
+	}
+	async getCollection() {
+		return this.atlas?.getCollections().then((e) => e?.[t(this, "data-collection") || ""]);
+	}
+}, l = (e) => ({ color: `var(--mtds-color-${t(e, "data-color") || "main"}-base-default)` });
+r("mtds-atlas-matgeo", c);
+//#endregion
+export { c as MTDSAtlasMatgeoElement };
+
+//# sourceMappingURL=atlas-matgeo.js.map

package/mtds/atlas/atlas-matgeo.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas-matgeo.js","sources":["../../designsystem/atlas/atlas-matgeo.ts"],"sourcesContent":["import { booleanPointInPolygon as inGeo } from \"@turf/boolean-point-in-polygon\";\nimport { point as turfPoint } from \"@turf/helpers\";\n\nimport L from \"leaflet\";\nimport { attr, debounce, defineElement, MTDSElement } from \"../utils\";\nimport type { MTDSAtlasCollection, MTDSAtlasElement } from \"./atlas-element\";\n\ntype Feature = L.Polygon[\"feature\"];\ntype LayerWithFeature = L.Layer & { feature?: Feature };\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-matgeo\": MTDSAtlasMatgeoElement;\n\t}\n\tinterface GlobalEventHandlersEventMap {\n\t\tatlasfeatureclick: CustomEvent<\n\t\t\tOmit<L.LeafletMouseEvent, \"target\"> & {\n\t\t\t\ttargets: LayerWithFeature[];\n\t\t\t\tcollections: MTDSAtlasCollection[];\n\t\t\t}\n\t\t>;\n\t}\n}\n\nconst EVENTS = \"moveend zoomend refresh\";\n\nexport class MTDSAtlasMatgeoElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\tgeojson?: L.GeoJSON;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"data-collection\", \"data-color\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.refresh = debounce(this.refresh, 300); // Debounce to avoid too many requests\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.atlas?.map?.on(EVENTS, this.refresh, this);\n\t\t\tthis.geojson = new L.GeoJSON(null, {\n\t\t\t\tstyle: getStyle(this),\n\t\t\t\tonEachFeature: (_, layer) => layer.on(\"click\", this.handleEvent, this),\n\t\t\t}).bindPopup(() => `#${attr(this, \"popovertarget\")}`);\n\t\t\tthis.refresh();\n\t\t\tthis.attributeChangedCallback(\"hidden\"); // Maybe add to map\n\t\t}); // Let the atlas parent initialize first\n\t}\n\tattributeChangedCallback(name?: string) {\n\t\tconst geojson = this.geojson;\n\t\tconst map = this.atlas?.map;\n\t\tif (name === \"popovertarget\") geojson?.getPopup()?.update();\n\t\tif (name === \"data-color\") geojson?.setStyle(getStyle(this));\n\t\tif (name === \"data-collection\") this.refresh();\n\t\tif (name === \"hidden\" && geojson && map)\n\t\t\tmap[this.hidden ? \"removeLayer\" : \"addLayer\"](geojson);\n\t}\n\tdisconnectedCallback() {\n\t\tthis.atlas?.map?.off(EVENTS, this.refresh, this);\n\t\tthis.geojson?.unbindPopup().remove();\n\t\tthis.geojson = this.atlas = undefined;\n\t}\n\trefresh(nocache?: boolean | L.LeafletEvent) {\n\t\tif (!this.geojson || !this.atlas?.map?.hasLayer(this.geojson)) return;\n\t\tthis.getCollection().then((collection) => {\n\t\t\tconst items = collection?.links.find(({ rel }) => rel === \"items\");\n\t\t\tconst cache = nocache === true ? `&nocache=${Date.now()}` : \"\";\n\t\t\tconst bbox = this.atlas?.map?.getBounds().toBBoxString();\n\n\t\t\tif (!collection)\n\t\t\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\t\t\tconst message = `mtds-atlas-matgeo: Please set a vaild data-collection=\"${Object.keys(collections).join(\" | \")}\"`;\n\t\t\t\t\tconsole.warn(message);\n\t\t\t\t});\n\t\t\telse\n\t\t\t\tfetch(`${items?.href}?bbox=${bbox}${cache}`)\n\t\t\t\t\t.then((res) => res.json())\n\t\t\t\t\t.then((data) => this.geojson?.clearLayers().addData(data));\n\t\t});\n\t}\n\thandleEvent(event: L.LeafletMouseEvent) {\n\t\tevent.originalEvent.stopPropagation(); // Prevent clicks from bubbling from ShadowDOM\n\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\tconst targets: LayerWithFeature[] = [event.target]; // Leaflet does not list all clicked layers, so we find them manually\n\t\t\tconst detail = { ...event, targets, collections };\n\t\t\tconst point = turfPoint([event.latlng.lng, event.latlng.lat]);\n\n\t\t\tthis.atlas?.map?.eachLayer((layer: LayerWithFeature) => {\n\t\t\t\tif (layer === event.target) return; // Already added\n\t\t\t\tconst inside =\n\t\t\t\t\t(layer.feature?.geometry && inGeo(point, layer.feature.geometry)) ||\n\t\t\t\t\t(layer instanceof L.Marker && layer.getLatLng().equals(event.latlng));\n\t\t\t\tif (inside) targets.push(layer);\n\t\t\t});\n\n\t\t\tthis.dispatchEvent(new MouseEvent(\"click\", event.originalEvent)); // Forward click, but from <mtds-atlas-matgeo> element\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent(\"atlasfeatureclick\", { detail, bubbles: true }),\n\t\t\t);\n\t\t});\n\t}\n\tasync getCollection() {\n\t\treturn this.atlas\n\t\t\t?.getCollections()\n\t\t\t.then((cols) => cols?.[attr(this, \"data-collection\") || \"\"]);\n\t}\n}\nconst getStyle = (self: MTDSAtlasMatgeoElement) => ({\n\tcolor: `var(--mtds-color-${attr(self, \"data-color\") || \"main\"}-base-default)`,\n});\n\ndefineElement(\"mtds-atlas-matgeo\", MTDSAtlasMatgeoElement);\n"],"names":["EVENTS","MTDSAtlasMatgeoElement","MTDSElement","debounce","L","getStyle","_","layer","attr","name","geojson","map","nocache","collection","items","rel","cache","bbox","res","data","collections","message","event","targets","detail","point","turfPoint","inGeo","cols","self","defineElement"],"mappings":"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"}
+{"version":3,"file":"atlas-matgeo.js","names":[],"sources":["../../designsystem/atlas/atlas-matgeo.ts"],"sourcesContent":["import { booleanPointInPolygon as inGeo } from \"@turf/boolean-point-in-polygon\";\nimport { point as turfPoint } from \"@turf/helpers\";\n\nimport L from \"leaflet\";\nimport { attr, debounce, defineElement, MTDSElement } from \"../utils\";\nimport type { MTDSAtlasCollection, MTDSAtlasElement } from \"./atlas-element\";\n\ntype Feature = L.Polygon[\"feature\"];\ntype LayerWithFeature = L.Layer & { feature?: Feature };\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-matgeo\": MTDSAtlasMatgeoElement;\n\t}\n\tinterface GlobalEventHandlersEventMap {\n\t\tatlasfeatureclick: CustomEvent<\n\t\t\tOmit<L.LeafletMouseEvent, \"target\"> & {\n\t\t\t\ttargets: LayerWithFeature[];\n\t\t\t\tcollections: MTDSAtlasCollection[];\n\t\t\t}\n\t\t>;\n\t}\n}\n\nconst EVENTS = \"moveend zoomend refresh\";\n\nexport class MTDSAtlasMatgeoElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\tgeojson?: L.GeoJSON;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"data-collection\", \"data-color\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.refresh = debounce(this.refresh, 300); // Debounce to avoid too many requests\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.atlas?.map?.on(EVENTS, this.refresh, this);\n\t\t\tthis.geojson = new L.GeoJSON(null, {\n\t\t\t\tstyle: getStyle(this),\n\t\t\t\tonEachFeature: (_, layer) => layer.on(\"click\", this.handleEvent, this),\n\t\t\t}).bindPopup(() => `#${attr(this, \"popovertarget\")}`);\n\t\t\tthis.refresh();\n\t\t\tthis.attributeChangedCallback(\"hidden\"); // Maybe add to map\n\t\t}); // Let the atlas parent initialize first\n\t}\n\tattributeChangedCallback(name?: string) {\n\t\tconst geojson = this.geojson;\n\t\tconst map = this.atlas?.map;\n\t\tif (name === \"popovertarget\") geojson?.getPopup()?.update();\n\t\tif (name === \"data-color\") geojson?.setStyle(getStyle(this));\n\t\tif (name === \"data-collection\") this.refresh();\n\t\tif (name === \"hidden\" && geojson && map)\n\t\t\tmap[this.hidden ? \"removeLayer\" : \"addLayer\"](geojson);\n\t}\n\tdisconnectedCallback() {\n\t\tthis.atlas?.map?.off(EVENTS, this.refresh, this);\n\t\tthis.geojson?.unbindPopup().remove();\n\t\tthis.geojson = this.atlas = undefined;\n\t}\n\trefresh(nocache?: boolean | L.LeafletEvent) {\n\t\tif (!this.geojson || !this.atlas?.map?.hasLayer(this.geojson)) return;\n\t\tthis.getCollection().then((collection) => {\n\t\t\tconst items = collection?.links.find(({ rel }) => rel === \"items\");\n\t\t\tconst cache = nocache === true ? `&nocache=${Date.now()}` : \"\";\n\t\t\tconst bbox = this.atlas?.map?.getBounds().toBBoxString();\n\n\t\t\tif (!collection)\n\t\t\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\t\t\tconst message = `mtds-atlas-matgeo: Please set a vaild data-collection=\"${Object.keys(collections).join(\" | \")}\"`;\n\t\t\t\t\tconsole.warn(message);\n\t\t\t\t});\n\t\t\telse\n\t\t\t\tfetch(`${items?.href}?bbox=${bbox}${cache}`)\n\t\t\t\t\t.then((res) => res.json())\n\t\t\t\t\t.then((data) => this.geojson?.clearLayers().addData(data));\n\t\t});\n\t}\n\thandleEvent(event: L.LeafletMouseEvent) {\n\t\tevent.originalEvent.stopPropagation(); // Prevent clicks from bubbling from ShadowDOM\n\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\tconst targets: LayerWithFeature[] = [event.target]; // Leaflet does not list all clicked layers, so we find them manually\n\t\t\tconst detail = { ...event, targets, collections };\n\t\t\tconst point = turfPoint([event.latlng.lng, event.latlng.lat]);\n\n\t\t\tthis.atlas?.map?.eachLayer((layer: LayerWithFeature) => {\n\t\t\t\tif (layer === event.target) return; // Already added\n\t\t\t\tconst inside =\n\t\t\t\t\t(layer.feature?.geometry && inGeo(point, layer.feature.geometry)) ||\n\t\t\t\t\t(layer instanceof L.Marker && layer.getLatLng().equals(event.latlng));\n\t\t\t\tif (inside) targets.push(layer);\n\t\t\t});\n\n\t\t\tthis.dispatchEvent(new MouseEvent(\"click\", event.originalEvent)); // Forward click, but from <mtds-atlas-matgeo> element\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent(\"atlasfeatureclick\", { detail, bubbles: true }),\n\t\t\t);\n\t\t});\n\t}\n\tasync getCollection() {\n\t\treturn this.atlas\n\t\t\t?.getCollections()\n\t\t\t.then((cols) => cols?.[attr(this, \"data-collection\") || \"\"]);\n\t}\n}\nconst getStyle = (self: MTDSAtlasMatgeoElement) => ({\n\tcolor: `var(--mtds-color-${attr(self, \"data-color\") || \"main\"}-base-default)`,\n});\n\ndefineElement(\"mtds-atlas-matgeo\", MTDSAtlasMatgeoElement);\n"],"mappings":"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"}

package/mtds/atlas/atlas-wms.js

@@ -1,29 +1,34 @@
-import s from "../external/leaflet/dist/leaflet-src.js";
-import { defineElement as a, MTDSElement as i, attr as r } from "../utils.js";
-class d extends i {
-  atlas;
-  wms;
-  static get observedAttributes() {
-    return ["hidden", "data-url", "popovertarget"];
-  }
-  connectedCallback() {
-    queueMicrotask(() => {
-      this.atlas = this.closest("mtds-atlas") || void 0, this.refresh();
-    });
-  }
-  attributeChangedCallback(t) {
-    t === "data-url" && this.refresh(), t === "popovertarget" && this.wms?.getPopup()?.update(), t === "hidden" && this.wms && (this.atlas?.map?.[this.hidden ? "removeLayer" : "addLayer"](this.wms), this.wms.bringToFront());
-  }
-  refresh() {
-    const t = new URL(r(this, "data-url") || ""), e = Object.fromEntries(t.searchParams.entries());
-    this.wms?.unbindPopup().remove(), this.wms = new s.TileLayer.WMS(`${t.origin}${t.pathname}`, e), this.attributeChangedCallback("hidden");
-  }
-  disconnectedCallback() {
-    this.wms?.unbindPopup().remove(), this.wms = this.atlas = void 0;
-  }
-}
-a("mtds-atlas-wms", d);
-export {
-  d as MTDSAtlasWMSElement
+import { MTDSElement as e, attr as t, defineElement as n } from "../utils.js";
+import r from "../external/leaflet/dist/leaflet-src.js";
+//#region designsystem/atlas/atlas-wms.ts
+var i = class extends e {
+	atlas;
+	wms;
+	static get observedAttributes() {
+		return [
+			"hidden",
+			"data-url",
+			"popovertarget"
+		];
+	}
+	connectedCallback() {
+		queueMicrotask(() => {
+			this.atlas = this.closest("mtds-atlas") || void 0, this.refresh();
+		});
+	}
+	attributeChangedCallback(e) {
+		e === "data-url" && this.refresh(), e === "popovertarget" && this.wms?.getPopup()?.update(), e === "hidden" && this.wms && (this.atlas?.map?.[this.hidden ? "removeLayer" : "addLayer"](this.wms), this.wms.bringToFront());
+	}
+	refresh() {
+		let e = new URL(t(this, "data-url") || ""), n = Object.fromEntries(e.searchParams.entries());
+		this.wms?.unbindPopup().remove(), this.wms = new r.TileLayer.WMS(`${e.origin}${e.pathname}`, n), this.attributeChangedCallback("hidden");
+	}
+	disconnectedCallback() {
+		this.wms?.unbindPopup().remove(), this.wms = this.atlas = void 0;
+	}
 };
-//# sourceMappingURL=atlas-wms.js.map
+n("mtds-atlas-wms", i);
+//#endregion
+export { i as MTDSAtlasWMSElement };
+
+//# sourceMappingURL=atlas-wms.js.map

package/mtds/atlas/atlas-wms.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas-wms.js","sources":["../../designsystem/atlas/atlas-wms.ts"],"sourcesContent":["import L from \"leaflet\";\nimport { attr, defineElement, MTDSElement } from \"../utils\";\nimport type { MTDSAtlasElement } from \"./atlas-element\";\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-wms\": MTDSAtlasWMSElement;\n\t}\n}\n\nexport class MTDSAtlasWMSElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\twms?: L.TileLayer.WMS;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"data-url\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.refresh();\n\t\t}); // Let the atlas parent initialize first\n\t}\n\tattributeChangedCallback(name?: string) {\n\t\tif (name === \"data-url\") this.refresh();\n\t\tif (name === \"popovertarget\") this.wms?.getPopup()?.update();\n\t\tif (name === \"hidden\" && this.wms) {\n\t\t\tthis.atlas?.map?.[this.hidden ? \"removeLayer\" : \"addLayer\"](this.wms);\n\t\t\tthis.wms.bringToFront();\n\t\t}\n\t}\n\trefresh() {\n\t\tconst url = new URL(attr(this, \"data-url\") || \"\");\n\t\tconst params = Object.fromEntries(url.searchParams.entries());\n\t\tthis.wms?.unbindPopup().remove();\n\t\tthis.wms = new L.TileLayer.WMS(`${url.origin}${url.pathname}`, params);\n\t\tthis.attributeChangedCallback(\"hidden\"); // Maybe add to map\n\t}\n\tdisconnectedCallback() {\n\t\tthis.wms?.unbindPopup().remove();\n\t\tthis.wms = this.atlas = undefined;\n\t}\n}\n\ndefineElement(\"mtds-atlas-wms\", MTDSAtlasWMSElement);\n"],"names":["MTDSAtlasWMSElement","MTDSElement","name","url","attr","params","L","defineElement"],"mappings":";;AAUO,MAAMA,UAA4BC,EAAY;AAAA,EACpD;AAAA,EACA;AAAA,EAEA,WAAW,qBAAqB;AAC/B,WAAO,CAAC,UAAU,YAAY,eAAe;AAAA,EAC9C;AAAA,EACA,oBAAoB;AACnB,mBAAe,MAAM;AACpB,WAAK,QAAQ,KAAK,QAA0B,YAAY,KAAK,QAC7D,KAAK,QAAA;AAAA,IACN,CAAC;AAAA,EACF;AAAA,EACA,yBAAyBC,GAAe;AACvC,IAAIA,MAAS,cAAY,KAAK,QAAA,GAC1BA,MAAS,mBAAiB,KAAK,KAAK,SAAA,GAAY,OAAA,GAChDA,MAAS,YAAY,KAAK,QAC7B,KAAK,OAAO,MAAM,KAAK,SAAS,gBAAgB,UAAU,EAAE,KAAK,GAAG,GACpE,KAAK,IAAI,aAAA;AAAA,EAEX;AAAA,EACA,UAAU;AACT,UAAMC,IAAM,IAAI,IAAIC,EAAK,MAAM,UAAU,KAAK,EAAE,GAC1CC,IAAS,OAAO,YAAYF,EAAI,aAAa,SAAS;AAC5D,SAAK,KAAK,YAAA,EAAc,OAAA,GACxB,KAAK,MAAM,IAAIG,EAAE,UAAU,IAAI,GAAGH,EAAI,MAAM,GAAGA,EAAI,QAAQ,IAAIE,CAAM,GACrE,KAAK,yBAAyB,QAAQ;AAAA,EACvC;AAAA,EACA,uBAAuB;AACtB,SAAK,KAAK,YAAA,EAAc,OAAA,GACxB,KAAK,MAAM,KAAK,QAAQ;AAAA,EACzB;AACD;AAEAE,EAAc,kBAAkBP,CAAmB;"}
+{"version":3,"file":"atlas-wms.js","names":[],"sources":["../../designsystem/atlas/atlas-wms.ts"],"sourcesContent":["import L from \"leaflet\";\nimport { attr, defineElement, MTDSElement } from \"../utils\";\nimport type { MTDSAtlasElement } from \"./atlas-element\";\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-wms\": MTDSAtlasWMSElement;\n\t}\n}\n\nexport class MTDSAtlasWMSElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\twms?: L.TileLayer.WMS;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"data-url\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.refresh();\n\t\t}); // Let the atlas parent initialize first\n\t}\n\tattributeChangedCallback(name?: string) {\n\t\tif (name === \"data-url\") this.refresh();\n\t\tif (name === \"popovertarget\") this.wms?.getPopup()?.update();\n\t\tif (name === \"hidden\" && this.wms) {\n\t\t\tthis.atlas?.map?.[this.hidden ? \"removeLayer\" : \"addLayer\"](this.wms);\n\t\t\tthis.wms.bringToFront();\n\t\t}\n\t}\n\trefresh() {\n\t\tconst url = new URL(attr(this, \"data-url\") || \"\");\n\t\tconst params = Object.fromEntries(url.searchParams.entries());\n\t\tthis.wms?.unbindPopup().remove();\n\t\tthis.wms = new L.TileLayer.WMS(`${url.origin}${url.pathname}`, params);\n\t\tthis.attributeChangedCallback(\"hidden\"); // Maybe add to map\n\t}\n\tdisconnectedCallback() {\n\t\tthis.wms?.unbindPopup().remove();\n\t\tthis.wms = this.atlas = undefined;\n\t}\n}\n\ndefineElement(\"mtds-atlas-wms\", MTDSAtlasWMSElement);\n"],"mappings":";;;AAUA,IAAa,IAAb,cAAyC,EAAY;CACpD;CACA;CAEA,WAAW,qBAAqB;EAC/B,OAAO;GAAC;GAAU;GAAY;EAAe;CAC9C;CACA,oBAAoB;EACnB,qBAAqB;GAEpB,AADA,KAAK,QAAQ,KAAK,QAA0B,YAAY,KAAK,KAAA,GAC7D,KAAK,QAAQ;EACd,CAAC;CACF;CACA,yBAAyB,GAAe;EAGvC,AAFI,MAAS,cAAY,KAAK,QAAQ,GAClC,MAAS,mBAAiB,KAAK,KAAK,SAAS,CAAC,EAAE,OAAO,GACvD,MAAS,YAAY,KAAK,QAC7B,KAAK,OAAO,MAAM,KAAK,SAAS,gBAAgB,WAAW,CAAC,KAAK,GAAG,GACpE,KAAK,IAAI,aAAa;CAExB;CACA,UAAU;EACT,IAAM,IAAM,IAAI,IAAI,EAAK,MAAM,UAAU,KAAK,EAAE,GAC1C,IAAS,OAAO,YAAY,EAAI,aAAa,QAAQ,CAAC;EAG5D,AAFA,KAAK,KAAK,YAAY,CAAC,CAAC,OAAO,GAC/B,KAAK,MAAM,IAAI,EAAE,UAAU,IAAI,GAAG,EAAI,SAAS,EAAI,YAAY,CAAM,GACrE,KAAK,yBAAyB,QAAQ;CACvC;CACA,uBAAuB;EAEtB,AADA,KAAK,KAAK,YAAY,CAAC,CAAC,OAAO,GAC/B,KAAK,MAAM,KAAK,QAAQ,KAAA;CACzB;AACD;AAEA,EAAc,kBAAkB,CAAmB"}

package/mtds/atlas/atlas.js

@@ -1,38 +1,6 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { toCustomElementProps as s } from "../utils.js";
-import { MATGEO_URL as M, MTDSAtlasElement as p } from "./atlas-element.js";
-const n = o(
-  function(t, r) {
-    return /* @__PURE__ */ a("mtds-atlas", { ref: r, ...s(t) });
-  }
-), c = Object.assign(n, {
-  Marker: o(
-    function(t, r) {
-      return /* @__PURE__ */ a("mtds-atlas-marker", { ref: r, ...s(t) });
-    }
-  ),
-  Matgeo: o(
-    function({ onFeatureClick: t, ...r }, m) {
-      return /* @__PURE__ */ a(
-        "mtds-atlas-matgeo",
-        {
-          ref: m,
-          onatlasfeatureclick: t,
-          ...s(r)
-        }
-      );
-    }
-  ),
-  WMS: o(
-    function(t, r) {
-      return /* @__PURE__ */ a("mtds-atlas-wms", { ref: r, ...s(t) });
-    }
-  )
-});
-export {
-  c as Atlas,
-  M as MATGEO_URL,
-  p as MTDSAtlasElement
-};
-//# sourceMappingURL=atlas.js.map
+//#region designsystem/atlas/atlas.css?raw
+var e = "/**\n * NOTE:\n * - Dark mode styles are in styles.module.css to leverage data-color-scheme attribute\n * - This file is using --mtds- not --mtds- since we're inside shadow dom\n */	\n \n::slotted([data-color]),  /* Ensure data-color is respected */\n:host {\n	--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);\n	--mtdsc-atlas-cluster-border: 1px solid;\n	--mtdsc-atlas-marker-background: var(--mtds-color-base-default);\n	--mtdsc-atlas-marker-background-outer: #fff;\n	--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);\n	--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);\n	--mtdsc-atlas-marker-border: none;\n	--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\n	--mtdsc-atlas-marker-inset: 3px;\n	--mtdsc-atlas-marker-shadow-blur: 4px;\n	--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);\n	--mtdsc-atlas-marker-shadow-offset: 2px;\n	--mtdsc-atlas-marker-size: var(--mtds-6);\n	--mtdsc-atlas-tile-background: #f7fcfc;\n	--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */\n}\n:host {\n	border-radius: var(--mtds-border-radius-md);\n	aspect-ratio: 2;\n	overflow: clip;\n	position: relative;\n}\n:host(:not([hidden])) { display: block }\n:host([data-cursor=\"pointer\"]) .leaflet-grab { cursor: pointer }\n\n/* Focus */\n.leaflet-control-zoom a:focus-visible,\n:host:has(.leaflet-container:focus-visible),\n::slotted(mtds-atlas-marker:focus-visible) {\n	box-shadow: var(--mtdsc-focus-boxShadow);\n	outline: var(--mtdsc-focus-outline);\n	outline-offset: var(--mtds-border-width-focus);\n}\n\n/* Tiles */\n.leaflet-kartverket-tiles { filter: var(--mtdsc-atlas-tile-filter); transition: filter 0.5s }\n.leaflet-container {\n	background: var(--mtdsc-atlas-tile-background);\n	border-radius: inherit;\n	border: var(--mtdsc-atlas-border);\n	box-sizing: border-box;\n	font: inherit;\n	height: 100%;\n	margin: 0;\n	outline: 0;\n	position: relative;\n	z-index: 1; /* Ensure <slot> is always on top */\n}\n:host([data-tiles=\"color\"]) {\n	--mtdsc-atlas-tile-background: #e5fcfd;\n	--mtdsc-atlas-tile-filter: grayscale(0.2);\n}\n\n/* Controls */\n.leaflet-control-attribution { font-size: 12px; border-top-left-radius: var(--mtds-border-radius-md) }\n.leaflet-control-zoom { border-radius: var(--mtds-border-radius-md); border: 1px solid var(--mtds-color-border-default) }\n.leaflet-control-zoom a { background: var(--mtds-color-surface-default); border-color: inherit; color: var(--mtds-color-text-default); height: var(--mtds-10); line-height: var(--mtds-10); transition: 0.2s; width: var(--mtds-10) }\n.leaflet-control-zoom a:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }\n.leaflet-control-zoom a:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit }\n.leaflet-control-zoom a:hover { background: var(--mtds-color-surface-hover) }\n.leaflet-control-zoom a:active { background: var(--mtds-color-surface-active) }\n\n/* Markers */\n.leaflet-marker-generated-icon,\n::slotted(mtds-atlas-marker) {\n	all: unset;\n	color: var(--mtdsc-atlas-marker-color);\n	background: var(--mtdsc-atlas-marker-background);\n	border-radius: 100%;\n	box-sizing: border-box;\n	cursor: pointer;\n	display: grid;\n	place-items: center;\n	place-content: center;\n	font-size: var(--mtds-body-sm-font-size);\n	font-weight: var(--mtds-font-weight-bold);\n	height: var(--mtdsc-atlas-marker-size);\n	/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\n	margin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;\n	width: var(--mtdsc-atlas-marker-size);\n}\n.leaflet-marker-generated-icon::after,\n::slotted(mtds-atlas-marker)::after {\n	box-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\n	aspect-ratio: 1;\n	background: var(--mtdsc-atlas-marker-background-outer);\n	color: var(--mtdsc-atlas-marker-background);\n	border-radius: 50% 50% 0 50%;\n	/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\n	border: var(--mtdsc-atlas-marker-border)!important;\n	content: \"\";\n	rotate: 45deg;\n	position: absolute;\n	inset: calc(var(--mtdsc-atlas-marker-inset) * -1);\n	z-index: -1;\n}\n\n::slotted(mtds-atlas-marker.leaflet-drag-target) {\n	cursor: grabbing;\n}\n\n.leaflet-marker-generated-slot,\n.leaflet-marker-icon slot { display: block; position: absolute; left: 0; top: 0; translate: -50% -100% }\n.leaflet-marker-icon { background: none; border: 0 }\n.leaflet-cluster-icon {\n	box-shadow: 0 var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\n	background-color: var(--mtdsc-atlas-cluster-background);\n	border-radius: 100%;\n	border: var(--mtdsc-atlas-cluster-border);\n	box-sizing: border-box;\n	outline: 2px solid var(--mtdsc-atlas-cluster-background);\n	color: var(--mtdsc-atlas-cluster-color);\n	display: flex;\n	font-size: var(--mtds-body-xs-font-size);\n	font-weight: var(--mtds-font-weight-bold);\n	place-content: center;\n	place-items: center;\n}\n\n/* Popover */\n.leaflet-popup:has(slot) .leaflet-popup-tip { background: var(--mtds-color-surface-default) }\n.leaflet-popup:has(slot) .leaflet-popup-close-button { display: none } /* Popup closes on clicking marker anyway */\n.leaflet-popup:has(slot) .leaflet-popup-content-wrapper { display: contents } /* No need for styling this element */\n.leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }\n\n";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=atlas.js.map

package/mtds/atlas/atlas.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas.js","sources":["../../designsystem/atlas/atlas.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport { toCustomElementProps } from \"../utils\";\nimport type {\n\tMTDSAtlasElement,\n\tMTDSAtlasMarkerElement,\n\tMTDSAtlasMatgeoElement,\n\tMTDSAtlasWMSElement,\n} from \"./atlas-element\";\n\nexport * from \"./atlas-element\"; // Expose { L } for Leaflet import\n\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicElements {\n\t\t\t\"mtds-atlas\": CustomReactElementProps<MTDSAtlasElement> & {\n\t\t\t\t\"data-cluster\"?: number | `${number}` | boolean | \"true\" | \"false\";\n\t\t\t\t\"data-scrollzoom\"?: boolean | \"true\" | \"false\";\n\t\t\t\t\"data-tiles\"?: \"color\" | \"gray\";\n\t\t\t\t\"data-view\"?: string | number[];\n\t\t\t};\n\t\t\t\"mtds-atlas-marker\": CustomReactElementProps<MTDSAtlasMarkerElement> & {\n\t\t\t\t\"data-latlng\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-wms\": CustomReactElementProps<MTDSAtlasWMSElement> & {\n\t\t\t\t\"data-url\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-matgeo\": CustomReactElementProps<MTDSAtlasMatgeoElement> & {\n\t\t\t\t\"data-collection\": string;\n\t\t\t\tonatlasfeatureclick?: (\n\t\t\t\t\tevent: GlobalEventHandlersEventMap[\"atlasfeatureclick\"],\n\t\t\t\t) => void;\n\t\t\t};\n\t\t}\n\t}\n}\n\nexport type AtlasProps = React.JSX.IntrinsicElements[\"mtds-atlas\"];\nexport type AtlasMarkerProps = React.JSX.IntrinsicElements[\"mtds-atlas-marker\"];\nexport type AtlasWMSProps = React.JSX.IntrinsicElements[\"mtds-atlas-wms\"];\nexport type AtlasMatgeoProps =\n\tReact.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"] & {\n\t\tonFeatureClick?: React.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"][\"onatlasfeatureclick\"];\n\t};\n\nconst AtlasComp = forwardRef<MTDSAtlasElement, AtlasProps>(\n\tfunction Atlas(props, ref) {\n\t\treturn <mtds-atlas ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Atlas = Object.assign(AtlasComp, {\n\tMarker: forwardRef<MTDSAtlasMarkerElement, AtlasMarkerProps>(\n\t\tfunction AtlasMarker(props, ref) {\n\t\t\treturn <mtds-atlas-marker ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n\tMatgeo: forwardRef<MTDSAtlasMatgeoElement, AtlasMatgeoProps>(\n\t\tfunction AtlasMatgeo({ onFeatureClick, ...rest }, ref) {\n\t\t\treturn (\n\t\t\t\t<mtds-atlas-matgeo\n\t\t\t\t\tref={ref}\n\t\t\t\t\tonatlasfeatureclick={onFeatureClick}\n\t\t\t\t\t{...toCustomElementProps(rest)}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t),\n\tWMS: forwardRef<MTDSAtlasWMSElement, AtlasWMSProps>(\n\t\tfunction AtlasWMS(props, ref) {\n\t\t\treturn <mtds-atlas-wms ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n});\n"],"names":["AtlasComp","forwardRef","props","ref","toCustomElementProps","Atlas","onFeatureClick","rest","jsx"],"mappings":";;;;AA6CA,MAAMA,IAAYC;AAAA,EACjB,SAAeC,GAAOC,GAAK;AAC1B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGC,EAAqBF,CAAK,GAAG;AAAA,EAC/D;AACD,GAEaG,IAAQ,OAAO,OAAOL,GAAW;AAAA,EAC7C,QAAQC;AAAA,IACP,SAAqBC,GAAOC,GAAK;AAChC,+BAAQ,qBAAA,EAAkB,KAAAA,GAAW,GAAGC,EAAqBF,CAAK,GAAG;AAAA,IACtE;AAAA,EAAA;AAAA,EAED,QAAQD;AAAA,IACP,SAAqB,EAAE,gBAAAK,GAAgB,GAAGC,EAAA,GAAQJ,GAAK;AACtD,aACC,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAAL;AAAA,UACA,qBAAqBG;AAAA,UACpB,GAAGF,EAAqBG,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhC;AAAA,EAAA;AAAA,EAED,KAAKN;AAAA,IACJ,SAAkBC,GAAOC,GAAK;AAC7B,+BAAQ,kBAAA,EAAe,KAAAA,GAAW,GAAGC,EAAqBF,CAAK,GAAG;AAAA,IACnE;AAAA,EAAA;AAEF,CAAC;"}
+{"version":3,"file":"atlas.js","names":[],"sources":[],"mappings":""}

package/mtds/atlas/atlas2.js

@@ -0,0 +1,39 @@
+import { toCustomElementProps as e } from "../utils.js";
+import t from "../external/leaflet/dist/leaflet-src.js";
+import { MTDSAtlasMarkerElement as n } from "./atlas-marker.js";
+import { MTDSAtlasMatgeoElement as r } from "./atlas-matgeo.js";
+import { MTDSAtlasWMSElement as i } from "./atlas-wms.js";
+import { MATGEO_URL as a, MTDSAtlasElement as o } from "./atlas-element.js";
+import { forwardRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region designsystem/atlas/atlas.tsx
+var l = s(function(t, n) {
+	return /* @__PURE__ */ c("mtds-atlas", {
+		ref: n,
+		...e(t)
+	});
+}), u = Object.assign(l, {
+	Marker: s(function(t, n) {
+		return /* @__PURE__ */ c("mtds-atlas-marker", {
+			ref: n,
+			...e(t)
+		});
+	}),
+	Matgeo: s(function({ onFeatureClick: t, ...n }, r) {
+		return /* @__PURE__ */ c("mtds-atlas-matgeo", {
+			ref: r,
+			onatlasfeatureclick: t,
+			...e(n)
+		});
+	}),
+	WMS: s(function(t, n) {
+		return /* @__PURE__ */ c("mtds-atlas-wms", {
+			ref: n,
+			...e(t)
+		});
+	})
+});
+//#endregion
+export { u as Atlas, t as L, a as MATGEO_URL, o as MTDSAtlasElement, n as MTDSAtlasMarkerElement, r as MTDSAtlasMatgeoElement, i as MTDSAtlasWMSElement };
+
+//# sourceMappingURL=atlas2.js.map

package/mtds/atlas/atlas2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlas2.js","names":[],"sources":["../../designsystem/atlas/atlas.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport { toCustomElementProps } from \"../utils\";\nimport type {\n\tMTDSAtlasElement,\n\tMTDSAtlasMarkerElement,\n\tMTDSAtlasMatgeoElement,\n\tMTDSAtlasWMSElement,\n} from \"./atlas-element\";\n\nexport * from \"./atlas-element\"; // Expose { L } for Leaflet import\n\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicElements {\n\t\t\t\"mtds-atlas\": CustomReactElementProps<MTDSAtlasElement> & {\n\t\t\t\t\"data-cluster\"?: number | `${number}` | boolean | \"true\" | \"false\";\n\t\t\t\t\"data-scrollzoom\"?: boolean | \"true\" | \"false\";\n\t\t\t\t\"data-tiles\"?: \"color\" | \"gray\";\n\t\t\t\t\"data-view\"?: string | number[];\n\t\t\t};\n\t\t\t\"mtds-atlas-marker\": CustomReactElementProps<MTDSAtlasMarkerElement> & {\n\t\t\t\t\"data-latlng\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-wms\": CustomReactElementProps<MTDSAtlasWMSElement> & {\n\t\t\t\t\"data-url\": string;\n\t\t\t};\n\t\t\t\"mtds-atlas-matgeo\": CustomReactElementProps<MTDSAtlasMatgeoElement> & {\n\t\t\t\t\"data-collection\": string;\n\t\t\t\tonatlasfeatureclick?: (\n\t\t\t\t\tevent: GlobalEventHandlersEventMap[\"atlasfeatureclick\"],\n\t\t\t\t) => void;\n\t\t\t};\n\t\t}\n\t}\n}\n\nexport type AtlasProps = React.JSX.IntrinsicElements[\"mtds-atlas\"];\nexport type AtlasMarkerProps = React.JSX.IntrinsicElements[\"mtds-atlas-marker\"];\nexport type AtlasWMSProps = React.JSX.IntrinsicElements[\"mtds-atlas-wms\"];\nexport type AtlasMatgeoProps =\n\tReact.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"] & {\n\t\tonFeatureClick?: React.JSX.IntrinsicElements[\"mtds-atlas-matgeo\"][\"onatlasfeatureclick\"];\n\t};\n\nconst AtlasComp = forwardRef<MTDSAtlasElement, AtlasProps>(\n\tfunction Atlas(props, ref) {\n\t\treturn <mtds-atlas ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Atlas = Object.assign(AtlasComp, {\n\tMarker: forwardRef<MTDSAtlasMarkerElement, AtlasMarkerProps>(\n\t\tfunction AtlasMarker(props, ref) {\n\t\t\treturn <mtds-atlas-marker ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n\tMatgeo: forwardRef<MTDSAtlasMatgeoElement, AtlasMatgeoProps>(\n\t\tfunction AtlasMatgeo({ onFeatureClick, ...rest }, ref) {\n\t\t\treturn (\n\t\t\t\t<mtds-atlas-matgeo\n\t\t\t\t\tref={ref}\n\t\t\t\t\tonatlasfeatureclick={onFeatureClick}\n\t\t\t\t\t{...toCustomElementProps(rest)}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t),\n\tWMS: forwardRef<MTDSAtlasWMSElement, AtlasWMSProps>(\n\t\tfunction AtlasWMS(props, ref) {\n\t\t\treturn <mtds-atlas-wms ref={ref} {...toCustomElementProps(props)} />;\n\t\t},\n\t),\n});\n"],"mappings":";;;;;;;;;AA6CA,IAAM,IAAY,EACjB,SAAe,GAAO,GAAK;CAC1B,OAAO,kBAAC,cAAD;EAAiB;EAAK,GAAI,EAAqB,CAAK;CAAI,CAAA;AAChE,CACD,GAEa,IAAQ,OAAO,OAAO,GAAW;CAC7C,QAAQ,EACP,SAAqB,GAAO,GAAK;EAChC,OAAO,kBAAC,qBAAD;GAAwB;GAAK,GAAI,EAAqB,CAAK;EAAI,CAAA;CACvE,CACD;CACA,QAAQ,EACP,SAAqB,EAAE,mBAAgB,GAAG,KAAQ,GAAK;EACtD,OACC,kBAAC,qBAAD;GACM;GACL,qBAAqB;GACrB,GAAI,EAAqB,CAAI;EAC7B,CAAA;CAEH,CACD;CACA,KAAK,EACJ,SAAkB,GAAO,GAAK;EAC7B,OAAO,kBAAC,kBAAD;GAAqB;GAAK,GAAI,EAAqB,CAAK;EAAI,CAAA;CACpE,CACD;AACD,CAAC"}