@mattilsynet/design 2.2.28 → 2.2.30

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

@@ -1 +1 @@
-{"version":3,"file":"atlas-marker.js","sources":["../../designsystem/atlas/atlas-marker.ts"],"sourcesContent":["import L from \"leaflet\";\nimport { attr, defineElement, MTDSElement, off, on, tag } from \"../utils\";\nimport type { MTDSAtlasElement } from \"./atlas-element\";\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-marker\": MTDSAtlasMarkerElement;\n\t}\n}\n\nlet SLOT = 0;\nexport class MTDSAtlasMarkerElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\tmarker?: L.Marker;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"draggable\", \"data-latlng\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tconst html = tag(\"slot\", { name: `${++SLOT}` });\n\t\t\tconst icon = new L.DivIcon({ html, iconSize: [0, 0] });\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.marker = new L.Marker(this.#parseLatLng(), {\n\t\t\t\tdraggable: this.draggable,\n\t\t\t\tkeyboard: false,\n\t\t\t\ticon,\n\t\t\t});\n\t\t\tthis.marker.bindPopup(() => `#${attr(this, \"popovertarget\")}`);\n\t\t\tthis.marker.on(\"dragend\", this.#handleDragEnd);\n\n\t\t\ton(this, \"click,keydown\", this); // Listen for clicks to toggle popup\n\t\t\tattr(this, \"slot\", `${SLOT}`); // Link slot to marker icon\n\t\t\tattr(this, \"role\", \"button\");\n\t\t\tattr(this, \"tabindex\", \"0\");\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 mark = this.marker;\n\t\tconst cluster = this.atlas?.cluster;\n\t\tif (name === \"popovertarget\") mark?.getPopup()?.update();\n\t\tif (name === \"data-latlng\") {\n\t\t\tconst latlng = this.#parseLatLng();\n\t\t\tmark?.getLatLng().equals(latlng) || mark?.setLatLng(latlng);\n\t\t}\n\t\tif (name === \"draggable\")\n\t\t\tmark?.dragging?.[this.draggable ? \"enable\" : \"disable\"]();\n\t\tif (name === \"hidden\" && mark && cluster)\n\t\t\tcluster[this.hidden ? \"removeLayer\" : \"addLayer\"](mark);\n\t}\n\tdisconnectedCallback() {\n\t\toff(this, \"click,keydown\", this);\n\t\tthis.marker?.unbindPopup().off(\"dragend\", this.#handleDragEnd).remove();\n\t\tthis.marker = this.atlas = undefined;\n\t}\n\thandleEvent(event: KeyboardEvent) {\n\t\tif (event.type === \"click\") return this.marker?.fire(\"click\"); //this.atlas?.togglePopup(this.marker, this);\n\t\tif (event.key === \" \") event.preventDefault(); // Prevent page scroll on space key\n\t\tif (event.key === \" \" || event.key === \"Enter\") this.click(); // Forward keyvoard to click for accessibility\n\t}\n\tget latlng() {\n\t\treturn attr(this, \"data-latlng\") || \"\";\n\t}\n\tset latlng(latlng: string) {\n\t\tattr(this, \"data-latlng\", latlng);\n\t}\n\t#parseLatLng() {\n\t\treturn this.latlng?.split(\",\").map(parseFloat) as L.LatLngTuple;\n\t}\n\t#handleDragEnd(detail: L.LeafletEvent) {\n\t\tconst slot = detail.target._icon\n\t\t\t?.firstElementChild as HTMLSlotElement | null;\n\t\tconst self =\n\t\t\tslot?.assignedElements?.()?.[0] as MTDSAtlasMarkerElement | null;\n\t\tconst { lat, lng } = detail.target.getLatLng(); // Using L.Marker.getLatLng() to get position also when in spiderified cluster\n\t\tif (self) self.latlng = `${lat},${lng}`;\n\t\tself?.dispatchEvent(new CustomEvent(\"dragend\", { detail, bubbles: true }));\n\t}\n}\n\ndefineElement(\"mtds-atlas-marker\", MTDSAtlasMarkerElement);\n"],"names":[],"mappings":";;AAUA,IAAI,OAAO;AACJ,MAAM,+BAA+B,YAAY;AAAA,EACvD;AAAA,EACA;AAAA,EAEA,WAAW,qBAAqB;AAC/B,WAAO,CAAC,UAAU,aAAa,eAAe,eAAe;AAAA,EAC9D;AAAA,EACA,oBAAoB;AACnB,mBAAe,MAAM;AACpB,YAAM,OAAO,IAAI,QAAQ,EAAE,MAAM,GAAG,EAAE,IAAI,IAAI;AAC9C,YAAM,OAAO,IAAI,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC,GAAG,CAAC,GAAG;AACrD,WAAK,QAAQ,KAAK,QAA0B,YAAY,KAAK;AAC7D,WAAK,SAAS,IAAI,EAAE,OAAO,KAAK,gBAAgB;AAAA,QAC/C,WAAW,KAAK;AAAA,QAChB,UAAU;AAAA,QACV;AAAA,MAAA,CACA;AACD,WAAK,OAAO,UAAU,MAAM,IAAI,KAAK,MAAM,eAAe,CAAC,EAAE;AAC7D,WAAK,OAAO,GAAG,WAAW,KAAK,cAAc;AAE7C,SAAG,MAAM,iBAAiB,IAAI;AAC9B,WAAK,MAAM,QAAQ,GAAG,IAAI,EAAE;AAC5B,WAAK,MAAM,QAAQ,QAAQ;AAC3B,WAAK,MAAM,YAAY,GAAG;AAC1B,WAAK,yBAAyB,QAAQ;AAAA,IACvC,CAAC;AAAA,EACF;AAAA,EACA,yBAAyB,MAAc;AACtC,UAAM,OAAO,KAAK;AAClB,UAAM,UAAU,KAAK,OAAO;AAC5B,QAAI,SAAS,gBAAiB,OAAM,SAAA,GAAY,OAAA;AAChD,QAAI,SAAS,eAAe;AAC3B,YAAM,SAAS,KAAK,aAAA;AACpB,YAAM,YAAY,OAAO,MAAM,KAAK,MAAM,UAAU,MAAM;AAAA,IAC3D;AACA,QAAI,SAAS;AACZ,YAAM,WAAW,KAAK,YAAY,WAAW,SAAS,EAAA;AACvD,QAAI,SAAS,YAAY,QAAQ;AAChC,cAAQ,KAAK,SAAS,gBAAgB,UAAU,EAAE,IAAI;AAAA,EACxD;AAAA,EACA,uBAAuB;AACtB,QAAI,MAAM,iBAAiB,IAAI;AAC/B,SAAK,QAAQ,cAAc,IAAI,WAAW,KAAK,cAAc,EAAE,OAAA;AAC/D,SAAK,SAAS,KAAK,QAAQ;AAAA,EAC5B;AAAA,EACA,YAAY,OAAsB;AACjC,QAAI,MAAM,SAAS,gBAAgB,KAAK,QAAQ,KAAK,OAAO;AAC5D,QAAI,MAAM,QAAQ,IAAK,OAAM,eAAA;AAC7B,QAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,cAAc,MAAA;AAAA,EACtD;AAAA,EACA,IAAI,SAAS;AACZ,WAAO,KAAK,MAAM,aAAa,KAAK;AAAA,EACrC;AAAA,EACA,IAAI,OAAO,QAAgB;AAC1B,SAAK,MAAM,eAAe,MAAM;AAAA,EACjC;AAAA,EACA,eAAe;AACd,WAAO,KAAK,QAAQ,MAAM,GAAG,EAAE,IAAI,UAAU;AAAA,EAC9C;AAAA,EACA,eAAe,QAAwB;AACtC,UAAM,OAAO,OAAO,OAAO,OACxB;AACH,UAAM,OACL,MAAM,mBAAA,IAAuB,CAAC;AAC/B,UAAM,EAAE,KAAK,IAAA,IAAQ,OAAO,OAAO,UAAA;AACnC,QAAI,KAAM,MAAK,SAAS,GAAG,GAAG,IAAI,GAAG;AACrC,UAAM,cAAc,IAAI,YAAY,WAAW,EAAE,QAAQ,SAAS,KAAA,CAAM,CAAC;AAAA,EAC1E;AACD;AAEA,cAAc,qBAAqB,sBAAsB;"}
+{"version":3,"file":"atlas-marker.js","sources":["../../designsystem/atlas/atlas-marker.ts"],"sourcesContent":["import L from \"leaflet\";\nimport { attr, defineElement, MTDSElement, off, on, tag } from \"../utils\";\nimport type { MTDSAtlasElement } from \"./atlas-element\";\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-marker\": MTDSAtlasMarkerElement;\n\t}\n}\n\nlet SLOT = 0;\nexport class MTDSAtlasMarkerElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\tmarker?: L.Marker;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"draggable\", \"data-latlng\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tconst html = tag(\"slot\", { name: `${++SLOT}` });\n\t\t\tconst icon = new L.DivIcon({ html, iconSize: [0, 0] });\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.marker = new L.Marker(this.#parseLatLng(), {\n\t\t\t\tdraggable: this.draggable,\n\t\t\t\tkeyboard: false,\n\t\t\t\ticon,\n\t\t\t});\n\t\t\tthis.marker.bindPopup(() => `#${attr(this, \"popovertarget\")}`);\n\t\t\tthis.marker.on(\"dragend\", this.#handleDragEnd);\n\n\t\t\ton(this, \"click,keydown\", this); // Listen for clicks to toggle popup\n\t\t\tattr(this, \"slot\", `${SLOT}`); // Link slot to marker icon\n\t\t\tattr(this, \"role\", \"button\");\n\t\t\tattr(this, \"tabindex\", \"0\");\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 mark = this.marker;\n\t\tconst cluster = this.atlas?.cluster;\n\t\tif (name === \"popovertarget\") mark?.getPopup()?.update();\n\t\tif (name === \"data-latlng\") {\n\t\t\tconst latlng = this.#parseLatLng();\n\t\t\tmark?.getLatLng().equals(latlng) || mark?.setLatLng(latlng);\n\t\t}\n\t\tif (name === \"draggable\")\n\t\t\tmark?.dragging?.[this.draggable ? \"enable\" : \"disable\"]();\n\t\tif (name === \"hidden\" && mark && cluster)\n\t\t\tcluster[this.hidden ? \"removeLayer\" : \"addLayer\"](mark);\n\t}\n\tdisconnectedCallback() {\n\t\toff(this, \"click,keydown\", this);\n\t\tthis.marker?.unbindPopup().off(\"dragend\", this.#handleDragEnd).remove();\n\t\tthis.marker = this.atlas = undefined;\n\t}\n\thandleEvent(event: KeyboardEvent) {\n\t\tif (event.type === \"click\") return this.marker?.fire(\"click\"); //this.atlas?.togglePopup(this.marker, this);\n\t\tif (event.key === \" \") event.preventDefault(); // Prevent page scroll on space key\n\t\tif (event.key === \" \" || event.key === \"Enter\") this.click(); // Forward keyvoard to click for accessibility\n\t}\n\tget latlng() {\n\t\treturn attr(this, \"data-latlng\") || \"\";\n\t}\n\tset latlng(latlng: string) {\n\t\tattr(this, \"data-latlng\", latlng);\n\t}\n\t#parseLatLng() {\n\t\treturn this.latlng?.split(\",\").map(parseFloat) as L.LatLngTuple;\n\t}\n\t#handleDragEnd(detail: L.LeafletEvent) {\n\t\tconst slot = detail.target._icon\n\t\t\t?.firstElementChild as HTMLSlotElement | null;\n\t\tconst self =\n\t\t\tslot?.assignedElements?.()?.[0] as MTDSAtlasMarkerElement | null;\n\t\tconst { lat, lng } = detail.target.getLatLng(); // Using L.Marker.getLatLng() to get position also when in spiderified cluster\n\t\tif (self) self.latlng = `${lat},${lng}`;\n\t\tself?.dispatchEvent(new CustomEvent(\"dragend\", { detail, bubbles: true }));\n\t}\n}\n\ndefineElement(\"mtds-atlas-marker\", MTDSAtlasMarkerElement);\n"],"names":["SLOT","MTDSAtlasMarkerElement","MTDSElement","html","tag","icon","L","#parseLatLng","attr","#handleDragEnd","on","name","mark","cluster","latlng","off","event","detail","self","lat","lng","defineElement"],"mappings":";;AAUA,IAAIA,IAAO;AACJ,MAAMC,UAA+BC,EAAY;AAAA,EACvD;AAAA,EACA;AAAA,EAEA,WAAW,qBAAqB;AAC/B,WAAO,CAAC,UAAU,aAAa,eAAe,eAAe;AAAA,EAC9D;AAAA,EACA,oBAAoB;AACnB,mBAAe,MAAM;AACpB,YAAMC,IAAOC,EAAI,QAAQ,EAAE,MAAM,GAAG,EAAEJ,CAAI,IAAI,GACxCK,IAAO,IAAIC,EAAE,QAAQ,EAAE,MAAAH,GAAM,UAAU,CAAC,GAAG,CAAC,GAAG;AACrD,WAAK,QAAQ,KAAK,QAA0B,YAAY,KAAK,QAC7D,KAAK,SAAS,IAAIG,EAAE,OAAO,KAAKC,MAAgB;AAAA,QAC/C,WAAW,KAAK;AAAA,QAChB,UAAU;AAAA,QACV,MAAAF;AAAA,MAAA,CACA,GACD,KAAK,OAAO,UAAU,MAAM,IAAIG,EAAK,MAAM,eAAe,CAAC,EAAE,GAC7D,KAAK,OAAO,GAAG,WAAW,KAAKC,EAAc,GAE7CC,EAAG,MAAM,iBAAiB,IAAI,GAC9BF,EAAK,MAAM,QAAQ,GAAGR,CAAI,EAAE,GAC5BQ,EAAK,MAAM,QAAQ,QAAQ,GAC3BA,EAAK,MAAM,YAAY,GAAG,GAC1B,KAAK,yBAAyB,QAAQ;AAAA,IACvC,CAAC;AAAA,EACF;AAAA,EACA,yBAAyBG,GAAc;AACtC,UAAMC,IAAO,KAAK,QACZC,IAAU,KAAK,OAAO;AAE5B,QADIF,MAAS,mBAAiBC,GAAM,SAAA,GAAY,OAAA,GAC5CD,MAAS,eAAe;AAC3B,YAAMG,IAAS,KAAKP,GAAA;AACpB,MAAAK,GAAM,YAAY,OAAOE,CAAM,KAAKF,GAAM,UAAUE,CAAM;AAAA,IAC3D;AACA,IAAIH,MAAS,eACZC,GAAM,WAAW,KAAK,YAAY,WAAW,SAAS,EAAA,GACnDD,MAAS,YAAYC,KAAQC,KAChCA,EAAQ,KAAK,SAAS,gBAAgB,UAAU,EAAED,CAAI;AAAA,EACxD;AAAA,EACA,uBAAuB;AACtB,IAAAG,EAAI,MAAM,iBAAiB,IAAI,GAC/B,KAAK,QAAQ,cAAc,IAAI,WAAW,KAAKN,EAAc,EAAE,OAAA,GAC/D,KAAK,SAAS,KAAK,QAAQ;AAAA,EAC5B;AAAA,EACA,YAAYO,GAAsB;AACjC,QAAIA,EAAM,SAAS,gBAAgB,KAAK,QAAQ,KAAK,OAAO;AAC5D,IAAIA,EAAM,QAAQ,OAAKA,EAAM,eAAA,IACzBA,EAAM,QAAQ,OAAOA,EAAM,QAAQ,iBAAc,MAAA;AAAA,EACtD;AAAA,EACA,IAAI,SAAS;AACZ,WAAOR,EAAK,MAAM,aAAa,KAAK;AAAA,EACrC;AAAA,EACA,IAAI,OAAOM,GAAgB;AAC1B,IAAAN,EAAK,MAAM,eAAeM,CAAM;AAAA,EACjC;AAAA,EACAP,KAAe;AACd,WAAO,KAAK,QAAQ,MAAM,GAAG,EAAE,IAAI,UAAU;AAAA,EAC9C;AAAA,EACAE,GAAeQ,GAAwB;AAGtC,UAAMC,IAFOD,EAAO,OAAO,OACxB,mBAEI,mBAAA,IAAuB,CAAC,GACzB,EAAE,KAAAE,GAAK,KAAAC,EAAA,IAAQH,EAAO,OAAO,UAAA;AACnC,IAAIC,MAAMA,EAAK,SAAS,GAAGC,CAAG,IAAIC,CAAG,KACrCF,GAAM,cAAc,IAAI,YAAY,WAAW,EAAE,QAAAD,GAAQ,SAAS,GAAA,CAAM,CAAC;AAAA,EAC1E;AACD;AAEAI,EAAc,qBAAqBpB,CAAsB;"}

package/mtds/atlas/atlas-matgeo.d.ts

@@ -1,9 +1,7 @@
 import { default as L } from 'leaflet';
 import { MTDSElement } from '../utils';
-import { MTDSAtlasElement } from './atlas-element';
+import { MTDSAtlasCollection, MTDSAtlasElement } from './atlas-element';
 type Feature = L.Polygon["feature"];
-type Collection = Record<string, unknown>;
-type Collections = Map<string, Collection>;
 type LayerWithFeature = L.Layer & {
     feature?: Feature;
 };
@@ -14,12 +12,9 @@ declare global {
     interface GlobalEventHandlersEventMap {
         atlasfeatureclick: CustomEvent<Omit<L.LeafletMouseEvent, "target"> & {
             targets: LayerWithFeature[];
-            collections: Collections;
+            collections: MTDSAtlasCollection[];
         }>;
     }
-    interface Window {
-        _matgeoCollections?: Promise<Collections>;
-    }
 }
 export declare class MTDSAtlasMatgeoElement extends MTDSElement {
     #private;
@@ -32,6 +27,6 @@ export declare class MTDSAtlasMatgeoElement extends MTDSElement {
     disconnectedCallback(): void;
     refresh(nocache?: boolean | L.LeafletEvent): void;
     handleEvent(event: L.LeafletMouseEvent): void;
-    getCollection(): Promise<any>;
+    getCollection(): Promise<MTDSAtlasCollection | undefined>;
 }
 export {};

package/mtds/atlas/atlas-matgeo.js

@@ -1,93 +1,63 @@
-import { booleanPointInPolygon } from "../external/@turf/boolean-point-in-polygon/dist/esm/index.js";
-import { point } from "../external/@turf/helpers/dist/esm/index.js";
-import L from "../external/leaflet/dist/leaflet-src.js";
-import { isBrowser, defineElement, MTDSElement, debounce, attr } from "../utils.js";
-const MATGEO_EVENTS = "moveend zoomend refresh";
-const MATGEO_URL = "https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections";
-if (isBrowser() && !window._matgeoCollections)
-  window._matgeoCollections = fetch(MATGEO_URL).then((res) => res.json()).then((d) => new Map(d.collections?.map((c) => [c.id, c])));
-class MTDSAtlasMatgeoElement extends MTDSElement {
+import { booleanPointInPolygon as c } from "../external/@turf/boolean-point-in-polygon/dist/esm/index.js";
+import { point as d } from "../external/@turf/helpers/dist/esm/index.js";
+import r from "../external/leaflet/dist/leaflet-src.js";
+import { defineElement as g, MTDSElement as m, debounce as p, attr as n } from "../utils.js";
+const h = "moveend zoomend refresh";
+class u extends m {
   atlas;
   geojson;
   static get observedAttributes() {
     return ["hidden", "data-collection", "data-color", "popovertarget"];
   }
   constructor() {
-    super();
-    this.refresh = debounce(this.refresh, 300);
+    super(), this.refresh = p(this.refresh, 300);
   }
   connectedCallback() {
     queueMicrotask(() => {
-      this.atlas = this.closest("mtds-atlas") || void 0;
-      this.atlas?.map?.on(MATGEO_EVENTS, this.refresh, this);
-      this.geojson = new L.GeoJSON(null, {
-        style: this.#getStyle(),
-        onEachFeature: (_, layer) => layer.on("click", this.handleEvent, this)
-      }).bindPopup(() => `#${attr(this, "popovertarget")}`);
-      this.refresh();
-      this.attributeChangedCallback("hidden");
+      this.atlas = this.closest("mtds-atlas") || void 0, this.atlas?.map?.on(h, this.refresh, this), this.geojson = new r.GeoJSON(null, {
+        style: this.#t(),
+        onEachFeature: (t, s) => s.on("click", this.handleEvent, this)
+      }).bindPopup(() => `#${n(this, "popovertarget")}`), this.refresh(), this.attributeChangedCallback("hidden");
     });
   }
-  attributeChangedCallback(name) {
-    const geojson = this.geojson;
-    const map = this.atlas?.map;
-    if (name === "popovertarget") geojson?.getPopup()?.update();
-    if (name === "data-color") geojson?.setStyle(this.#getStyle());
-    if (name === "data-collection") this.refresh();
-    if (name === "hidden" && geojson && map)
-      map[this.hidden ? "removeLayer" : "addLayer"](geojson);
+  attributeChangedCallback(t) {
+    const s = this.geojson, o = this.atlas?.map;
+    t === "popovertarget" && s?.getPopup()?.update(), t === "data-color" && s?.setStyle(this.#t()), t === "data-collection" && this.refresh(), t === "hidden" && s && o && o[this.hidden ? "removeLayer" : "addLayer"](s);
   }
   disconnectedCallback() {
-    this.atlas?.map?.off(MATGEO_EVENTS, this.refresh, this);
-    this.geojson?.unbindPopup().remove();
-    this.geojson = this.atlas = void 0;
-  }
-  refresh(nocache) {
-    if (!this.geojson || !this.atlas?.map?.hasLayer(this.geojson)) return;
-    getCollections().then((collections) => {
-      const collection = attr(this, "data-collection") || "";
-      const cache = nocache === true ? `&nocache=${Date.now()}` : "";
-      const bbox = this.atlas?.map?.getBounds().toBBoxString();
-      if (!collections.has(collection))
-        console.warn(
-          `mtds-atlas-matgeo: Please set a vaild \x1B[103mdata-collection="${Array.from(collections.keys()).join(" | ")}"\x1B[m`
-        );
-      else
-        fetch(`${MATGEO_URL}/${collection}/items?bbox=${bbox}${cache}`).then((res) => res.json()).then((data) => this.geojson?.clearLayers().addData(data));
+    this.atlas?.map?.off(h, 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 l = `mtds-atlas-matgeo: Please set a vaild \x1B[103mdata-collection="${Object.keys(e).join(" | ")}"\x1B[m`;
+        console.warn(l);
+      });
     });
   }
-  handleEvent(event) {
-    event.originalEvent.stopPropagation();
-    getCollections().then((collections) => {
-      const targets = [event.target];
-      const detail = { ...event, targets, collections };
-      const point$1 = point([event.latlng.lng, event.latlng.lat]);
-      this.atlas?.map?.eachLayer((layer) => {
-        if (layer === event.target) return;
-        const inside = layer.feature?.geometry && booleanPointInPolygon(point$1, layer.feature.geometry) || layer instanceof L.Marker && layer.getLatLng().equals(event.latlng);
-        if (inside) targets.push(layer);
-      });
-      this.dispatchEvent(new MouseEvent("click", event.originalEvent));
-      this.dispatchEvent(
-        new CustomEvent("atlasfeatureclick", { detail, bubbles: true })
+  handleEvent(t) {
+    t.originalEvent.stopPropagation(), this.atlas?.getCollections().then((s) => {
+      const o = [t.target], a = { ...t, targets: o, collections: s }, i = d([t.latlng.lng, t.latlng.lat]);
+      this.atlas?.map?.eachLayer((e) => {
+        if (e === t.target) return;
+        (e.feature?.geometry && c(i, e.feature.geometry) || e instanceof r.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() {
-    const id = attr(this, "data-collection") || "";
-    return getCollections().then((col) => col.get(id));
+    return this.atlas?.getCollections().then((t) => t?.[n(this, "data-collection") || ""]);
   }
-  #getStyle() {
+  #t() {
     return {
-      color: `var(--mtds-color-${attr(this, "data-color") || "main"}-base-default)`
+      color: `var(--mtds-color-${n(this, "data-color") || "main"}-base-default)`
     };
   }
 }
-defineElement("mtds-atlas-matgeo", MTDSAtlasMatgeoElement);
-function getCollections() {
-  return window._matgeoCollections || Promise.resolve(/* @__PURE__ */ new Map());
-}
+g("mtds-atlas-matgeo", u);
 export {
-  MTDSAtlasMatgeoElement
+  u 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 {\n\tattr,\n\tdebounce,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n} from \"../utils\";\nimport type { MTDSAtlasElement } from \"./atlas-element\";\n\ntype Feature = L.Polygon[\"feature\"];\ntype Collection = Record<string, unknown>;\ntype Collections = Map<string, Collection>;\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: Collections;\n\t\t\t}\n\t\t>;\n\t}\n\tinterface Window {\n\t\t_matgeoCollections?: Promise<Collections>;\n\t}\n}\n\nconst MATGEO_EVENTS = \"moveend zoomend refresh\";\nconst MATGEO_URL =\n\t\"https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections\";\n\nif (isBrowser() && !window._matgeoCollections)\n\twindow._matgeoCollections = fetch(MATGEO_URL)\n\t\t.then((res) => res.json())\n\t\t.then((d) => new Map(d.collections?.map((c: Collection) => [c.id, c])));\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(MATGEO_EVENTS, this.refresh, this);\n\t\t\tthis.geojson = new L.GeoJSON(null, {\n\t\t\t\tstyle: this.#getStyle(),\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(this.#getStyle());\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(MATGEO_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\tgetCollections().then((collections) => {\n\t\t\tconst collection = attr(this, \"data-collection\") || \"\";\n\t\t\tconst cache = nocache === true ? `&nocache=${Date.now()}` : \"\";\n\t\t\tconst bbox = this.atlas?.map?.getBounds().toBBoxString();\n\t\t\tif (!collections.has(collection))\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`mtds-atlas-matgeo: Please set a vaild \\x1B[103mdata-collection=\"${Array.from(collections.keys()).join(\" | \")}\"\\x1B[m`,\n\t\t\t\t);\n\t\t\telse\n\t\t\t\tfetch(`${MATGEO_URL}/${collection}/items?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\tgetCollections().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\tconst id = attr(this, \"data-collection\") || \"\";\n\t\treturn getCollections().then((col) => col.get(id));\n\t}\n\t#getStyle() {\n\t\treturn {\n\t\t\tcolor: `var(--mtds-color-${attr(this, \"data-color\") || \"main\"}-base-default)`,\n\t\t};\n\t}\n}\n\ndefineElement(\"mtds-atlas-matgeo\", MTDSAtlasMatgeoElement);\n\nfunction getCollections() {\n\treturn window._matgeoCollections || Promise.resolve(new Map());\n}\n"],"names":["point","turfPoint","inGeo"],"mappings":"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"}
+{"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: this.#getStyle(),\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(this.#getStyle());\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 \\x1B[103mdata-collection=\"${Object.keys(collections).join(\" | \")}\"\\x1B[m`;\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\t#getStyle() {\n\t\treturn {\n\t\t\tcolor: `var(--mtds-color-${attr(this, \"data-color\") || \"main\"}-base-default)`,\n\t\t};\n\t}\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","defineElement"],"mappings":"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"}

package/mtds/atlas/atlas-wms.js

@@ -1,6 +1,6 @@
-import L from "../external/leaflet/dist/leaflet-src.js";
-import { defineElement, MTDSElement, attr } from "../utils.js";
-class MTDSAtlasWMSElement extends MTDSElement {
+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() {
@@ -8,32 +8,22 @@ class MTDSAtlasWMSElement extends MTDSElement {
   }
   connectedCallback() {
     queueMicrotask(() => {
-      this.atlas = this.closest("mtds-atlas") || void 0;
-      this.refresh();
+      this.atlas = this.closest("mtds-atlas") || void 0, this.refresh();
     });
   }
-  attributeChangedCallback(name) {
-    if (name === "data-url") this.refresh();
-    if (name === "popovertarget") this.wms?.getPopup()?.update();
-    if (name === "hidden" && this.wms) {
-      this.atlas?.map?.[this.hidden ? "removeLayer" : "addLayer"](this.wms);
-      this.wms.bringToFront();
-    }
+  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 url = new URL(attr(this, "data-url") || "");
-    const params = Object.fromEntries(url.searchParams.entries());
-    this.wms?.unbindPopup().remove();
-    this.wms = new L.TileLayer.WMS(`${url.origin}${url.pathname}`, params);
-    this.attributeChangedCallback("hidden");
+    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;
+    this.wms?.unbindPopup().remove(), this.wms = this.atlas = void 0;
   }
 }
-defineElement("mtds-atlas-wms", MTDSAtlasWMSElement);
+a("mtds-atlas-wms", d);
 export {
-  MTDSAtlasWMSElement
+  d 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":[],"mappings":";;AAUO,MAAM,4BAA4B,YAAY;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;AAC7D,WAAK,QAAA;AAAA,IACN,CAAC;AAAA,EACF;AAAA,EACA,yBAAyB,MAAe;AACvC,QAAI,SAAS,WAAY,MAAK,QAAA;AAC9B,QAAI,SAAS,gBAAiB,MAAK,KAAK,SAAA,GAAY,OAAA;AACpD,QAAI,SAAS,YAAY,KAAK,KAAK;AAClC,WAAK,OAAO,MAAM,KAAK,SAAS,gBAAgB,UAAU,EAAE,KAAK,GAAG;AACpE,WAAK,IAAI,aAAA;AAAA,IACV;AAAA,EACD;AAAA,EACA,UAAU;AACT,UAAM,MAAM,IAAI,IAAI,KAAK,MAAM,UAAU,KAAK,EAAE;AAChD,UAAM,SAAS,OAAO,YAAY,IAAI,aAAa,SAAS;AAC5D,SAAK,KAAK,YAAA,EAAc,OAAA;AACxB,SAAK,MAAM,IAAI,EAAE,UAAU,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,QAAQ,IAAI,MAAM;AACrE,SAAK,yBAAyB,QAAQ;AAAA,EACvC;AAAA,EACA,uBAAuB;AACtB,SAAK,KAAK,YAAA,EAAc,OAAA;AACxB,SAAK,MAAM,KAAK,QAAQ;AAAA,EACzB;AACD;AAEA,cAAc,kBAAkB,mBAAmB;"}
+{"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;"}

package/mtds/atlas/atlas.css.js

@@ -1,4 +1,4 @@
-const css = `/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */
+const t = `/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */
 :host {
 	--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);
 	--mtdsc-atlas-cluster-border: 1px solid;
@@ -123,6 +123,6 @@ const css = `/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */
 .leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }
 `;
 export {
-  css as default
+  t as default
 };
 //# sourceMappingURL=atlas.css.js.map

package/mtds/atlas/atlas.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas.css.js","sources":["../../designsystem/atlas/atlas.css?raw"],"sourcesContent":["export default \"/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */\\n:host {\\n\\t--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);\\n\\t--mtdsc-atlas-cluster-border: 1px solid;\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default);\\n\\t--mtdsc-atlas-marker-border: 1px solid;\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n\\t--mtdsc-atlas-marker-inset: 3px;\\n\\t--mtdsc-atlas-marker-shadow: rgba(0,0,0,.2);\\n\\t--mtdsc-atlas-marker-size: var(--mtds-6);\\n\\t--mtdsc-atlas-tile-background: #fbfbfb;\\n\\t--mtdsc-atlas-tile-filter: grayscale(1) contrast(0.75) brightness(1.15);\\n\\n\\tborder-radius: var(--mtds-border-radius-md);\\n\\taspect-ratio: 2;\\n\\toverflow: clip;\\n\\tposition: 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\\tbox-shadow: var(--mtdsc-focus-boxShadow);\\n\\toutline: var(--mtdsc-focus-outline);\\n\\toutline-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\\tbackground: var(--mtdsc-atlas-tile-background);\\n\\tborder-radius: inherit;\\n\\tborder: var(--mtdsc-atlas-border);\\n\\tbox-sizing: border-box;\\n\\tfont: inherit;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\toutline: 0;\\n\\tposition: relative;\\n\\tz-index: 1; /* Ensure <slot> is always on top */\\n}\\n:host([data-tiles=\\\"color\\\"]) {\\n\\t--mtdsc-atlas-tile-background: #e5fcfd;\\n\\t--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\\tall: unset;\\n\\tcolor: var(--mtdsc-atlas-marker-color);\\n\\tbackground: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 100%;\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tdisplay: grid;\\n\\tplace-items: center;\\n\\tplace-content: center;\\n\\tfont-size: var(--mtds-body-sm-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\theight: var(--mtdsc-atlas-marker-size);\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tmargin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;\\n\\twidth: var(--mtdsc-atlas-marker-size);\\n}\\n.leaflet-marker-generated-icon::after,\\n::slotted(mtds-atlas-marker)::after {\\n\\tbox-shadow: 2px 2px 2px var(--mtdsc-atlas-marker-shadow);\\n\\taspect-ratio: 1;\\n\\tbackground: var(--mtdsc-atlas-marker-color);\\n\\tcolor: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 50% 50% 0 50%;\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tborder: var(--mtdsc-atlas-marker-border)!important;\\n\\tcontent: \\\"\\\";\\n\\trotate: 45deg;\\n\\tposition: absolute;\\n\\tinset: calc(var(--mtdsc-atlas-marker-inset) * -1);\\n\\tz-index: -1;\\n}\\n::slotted(mtds-atlas-marker[data-color]) {\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default); /* Ensure data-color is respected */\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n}\\n::slotted(mtds-atlas-marker.leaflet-drag-target) {\\n\\tcursor: 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\\tbox-shadow: 0 3px 3px var(--mtdsc-atlas-marker-shadow);\\n\\tbackground-color: var(--mtds-color-base-default);\\n\\tborder-radius: 100%;\\n\\tborder: var(--mtdsc-atlas-cluster-border);\\n\\tbox-sizing: border-box;\\n\\toutline: 1px solid var(--mtds-color-base-default);\\n\\tcolor: var(--mtds-color-base-contrast-default);\\n\\tdisplay: flex;\\n\\tfont-size: var(--mtds-body-xs-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\tplace-content: center;\\n\\tplace-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\""],"names":[],"mappings":"AAAA,MAAA,MAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"atlas.css.js","sources":["../../designsystem/atlas/atlas.css?raw"],"sourcesContent":["export default \"/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */\\n:host {\\n\\t--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);\\n\\t--mtdsc-atlas-cluster-border: 1px solid;\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default);\\n\\t--mtdsc-atlas-marker-border: 1px solid;\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n\\t--mtdsc-atlas-marker-inset: 3px;\\n\\t--mtdsc-atlas-marker-shadow: rgba(0,0,0,.2);\\n\\t--mtdsc-atlas-marker-size: var(--mtds-6);\\n\\t--mtdsc-atlas-tile-background: #fbfbfb;\\n\\t--mtdsc-atlas-tile-filter: grayscale(1) contrast(0.75) brightness(1.15);\\n\\n\\tborder-radius: var(--mtds-border-radius-md);\\n\\taspect-ratio: 2;\\n\\toverflow: clip;\\n\\tposition: 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\\tbox-shadow: var(--mtdsc-focus-boxShadow);\\n\\toutline: var(--mtdsc-focus-outline);\\n\\toutline-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\\tbackground: var(--mtdsc-atlas-tile-background);\\n\\tborder-radius: inherit;\\n\\tborder: var(--mtdsc-atlas-border);\\n\\tbox-sizing: border-box;\\n\\tfont: inherit;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\toutline: 0;\\n\\tposition: relative;\\n\\tz-index: 1; /* Ensure <slot> is always on top */\\n}\\n:host([data-tiles=\\\"color\\\"]) {\\n\\t--mtdsc-atlas-tile-background: #e5fcfd;\\n\\t--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\\tall: unset;\\n\\tcolor: var(--mtdsc-atlas-marker-color);\\n\\tbackground: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 100%;\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tdisplay: grid;\\n\\tplace-items: center;\\n\\tplace-content: center;\\n\\tfont-size: var(--mtds-body-sm-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\theight: var(--mtdsc-atlas-marker-size);\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tmargin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;\\n\\twidth: var(--mtdsc-atlas-marker-size);\\n}\\n.leaflet-marker-generated-icon::after,\\n::slotted(mtds-atlas-marker)::after {\\n\\tbox-shadow: 2px 2px 2px var(--mtdsc-atlas-marker-shadow);\\n\\taspect-ratio: 1;\\n\\tbackground: var(--mtdsc-atlas-marker-color);\\n\\tcolor: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 50% 50% 0 50%;\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tborder: var(--mtdsc-atlas-marker-border)!important;\\n\\tcontent: \\\"\\\";\\n\\trotate: 45deg;\\n\\tposition: absolute;\\n\\tinset: calc(var(--mtdsc-atlas-marker-inset) * -1);\\n\\tz-index: -1;\\n}\\n::slotted(mtds-atlas-marker[data-color]) {\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default); /* Ensure data-color is respected */\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n}\\n::slotted(mtds-atlas-marker.leaflet-drag-target) {\\n\\tcursor: 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\\tbox-shadow: 0 3px 3px var(--mtdsc-atlas-marker-shadow);\\n\\tbackground-color: var(--mtds-color-base-default);\\n\\tborder-radius: 100%;\\n\\tborder: var(--mtdsc-atlas-cluster-border);\\n\\tbox-sizing: border-box;\\n\\toutline: 1px solid var(--mtds-color-base-default);\\n\\tcolor: var(--mtds-color-base-contrast-default);\\n\\tdisplay: flex;\\n\\tfont-size: var(--mtds-body-xs-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\tplace-content: center;\\n\\tplace-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\""],"names":["css"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/mtds/atlas/atlas.js

@@ -1,38 +1,38 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { toCustomElementProps } from "../utils.js";
-import { MTDSAtlasElement } from "./atlas-element.js";
-const AtlasComp = forwardRef(
-  function Atlas2(props, ref) {
-    return /* @__PURE__ */ jsx("mtds-atlas", { ref, ...toCustomElementProps(props) });
+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) });
   }
-);
-const Atlas = Object.assign(AtlasComp, {
-  Marker: forwardRef(
-    function AtlasMarker(props, ref) {
-      return /* @__PURE__ */ jsx("mtds-atlas-marker", { ref, ...toCustomElementProps(props) });
+), c = Object.assign(n, {
+  Marker: o(
+    function(t, r) {
+      return /* @__PURE__ */ a("mtds-atlas-marker", { ref: r, ...s(t) });
     }
   ),
-  Matgeo: forwardRef(
-    function AtlasMatgeo({ onFeatureClick, ...rest }, ref) {
-      return /* @__PURE__ */ jsx(
+  Matgeo: o(
+    function({ onFeatureClick: t, ...r }, m) {
+      return /* @__PURE__ */ a(
         "mtds-atlas-matgeo",
         {
-          ref,
-          onatlasfeatureclick: onFeatureClick,
-          ...toCustomElementProps(rest)
+          ref: m,
+          onatlasfeatureclick: t,
+          ...s(r)
         }
       );
     }
   ),
-  WMS: forwardRef(
-    function AtlasWMS(props, ref) {
-      return /* @__PURE__ */ jsx("mtds-atlas-wms", { ref, ...toCustomElementProps(props) });
+  WMS: o(
+    function(t, r) {
+      return /* @__PURE__ */ a("mtds-atlas-wms", { ref: r, ...s(t) });
     }
   )
 });
 export {
-  Atlas,
-  MTDSAtlasElement
+  c as Atlas,
+  M as MATGEO_URL,
+  p as MTDSAtlasElement
 };
 //# 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":["Atlas"],"mappings":";;;;AA6CA,MAAM,YAAY;AAAA,EACjB,SAASA,OAAM,OAAO,KAAK;AAC1B,+BAAQ,cAAA,EAAW,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,EAC/D;AACD;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC7C,QAAQ;AAAA,IACP,SAAS,YAAY,OAAO,KAAK;AAChC,iCAAQ,qBAAA,EAAkB,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,IACtE;AAAA,EAAA;AAAA,EAED,QAAQ;AAAA,IACP,SAAS,YAAY,EAAE,gBAAgB,GAAG,KAAA,GAAQ,KAAK;AACtD,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,qBAAqB;AAAA,UACpB,GAAG,qBAAqB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhC;AAAA,EAAA;AAAA,EAED,KAAK;AAAA,IACJ,SAAS,SAAS,OAAO,KAAK;AAC7B,iCAAQ,kBAAA,EAAe,KAAW,GAAG,qBAAqB,KAAK,GAAG;AAAA,IACnE;AAAA,EAAA;AAEF,CAAC;"}
+{"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;"}

package/mtds/atlas/atlas.stories.d.ts

@@ -19,6 +19,7 @@ export declare const WithClustering: Story;
 export declare const WithPopover: Story;
 export declare const WithPopoverDynamic: Story;
 export declare const WithMatgeo: Story;
+export declare const WithMatgeoToggle: Story;
 export declare const WithWMS: Story;
 export declare const WithTooltip: Story;
 export declare const WithClickToAddMarker: Story;