@mattilsynet/design 3.3.9 → 3.4.1

package/mtds/app/app.js

@@ -1,61 +1,67 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "clsx";
-import { forwardRef as n } from "react";
-import { Button as m } from "../button/button.js";
-import s from "../styles.module.css.js";
-import d from "./app-toggle.js";
-const u = n(function({ as: r, className: t, ...p }, e) {
-  return /* @__PURE__ */ o(r || "div", { className: a(s.app, t), ref: e, ...p });
-}), f = n(function({ as: r, className: t, ...p }, e) {
-  return /* @__PURE__ */ o(r || "div", { className: a(s.sticky, t), ref: e, ...p });
-}), b = Object.assign(u, {
-  Header: n(
-    function(r, t) {
-      return /* @__PURE__ */ o("header", { ref: t, ...r });
-    }
-  ),
-  Sidebar: n(
-    function(r, t) {
-      return /* @__PURE__ */ o(
-        "dialog",
-        {
-          role: "navigation",
-          id: "mtds-sidebar",
-          suppressHydrationWarning: !0,
-          ref: t,
-          ...r
-        }
-      );
-    }
-  ),
-  Sticky: f,
-  Toggle: n(
-    function({ children: r, ...t }, p) {
-      return /* @__PURE__ */ o(
-        m,
-        {
-          command: "show-modal",
-          commandfor: "mtds-sidebar",
-          "data-tooltip": "Vis meny",
-          ref: p,
-          ...t,
-          children: r ?? "Skjul meny"
-        }
-      );
-    }
-  ),
-  Main: n(function(r, t) {
-    return /* @__PURE__ */ o("main", { ref: t, ...r });
-  }),
-  Footer: n(
-    function(r, t) {
-      return /* @__PURE__ */ o("footer", { ref: t, ...r });
-    }
-  ),
-  // Needed to avoid flash of unstyled content and still be Next.js hydration compatible
-  Script: () => /* @__PURE__ */ o("script", { id: "mtds-app-script", children: d })
+import e from "../styles.module.js";
+import { Button as t } from "../button/button.js";
+import n from "./app-toggle2.js";
+import r from "clsx";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region designsystem/app/app.tsx
+var o = i(function({ as: t, className: n, ...i }, o) {
+	return /* @__PURE__ */ a(t || "div", {
+		className: r(e.app, n),
+		ref: o,
+		...i
+	});
+}), s = i(function({ as: t, className: n, ...i }, o) {
+	return /* @__PURE__ */ a(t || "div", {
+		className: r(e.sticky, n),
+		ref: o,
+		...i
+	});
+}), c = Object.assign(o, {
+	Header: i(function(e, t) {
+		return /* @__PURE__ */ a("header", {
+			ref: t,
+			...e
+		});
+	}),
+	Sidebar: i(function(e, t) {
+		return /* @__PURE__ */ a("dialog", {
+			role: "navigation",
+			id: "mtds-sidebar",
+			suppressHydrationWarning: !0,
+			ref: t,
+			...e
+		});
+	}),
+	Sticky: s,
+	Toggle: i(function({ children: e, ...n }, r) {
+		return /* @__PURE__ */ a(t, {
+			command: "show-modal",
+			commandfor: "mtds-sidebar",
+			"data-tooltip": "Vis meny",
+			ref: r,
+			...n,
+			children: e ?? "Skjul meny"
+		});
+	}),
+	Main: i(function(e, t) {
+		return /* @__PURE__ */ a("main", {
+			ref: t,
+			...e
+		});
+	}),
+	Footer: i(function(e, t) {
+		return /* @__PURE__ */ a("footer", {
+			ref: t,
+			...e
+		});
+	}),
+	Script: () => /* @__PURE__ */ a("script", {
+		id: "mtds-app-script",
+		children: n
+	})
 });
-export {
-  b as App
-};
-//# sourceMappingURL=app.js.map
+//#endregion
+export { c as App };
+
+//# sourceMappingURL=app.js.map

package/mtds/app/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sources":["../../designsystem/app/app.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport { Button, type ButtonProps } from \"../button/button\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport script from \"./app-toggle.js?raw\";\n\nexport type AppHeaderProps = React.ComponentPropsWithoutRef<\"header\">;\nexport type AppSidebarProps = React.ComponentPropsWithoutRef<\"dialog\">;\nexport type AppStickyProps = React.ComponentPropsWithoutRef<\"div\">;\nexport type AppMainProps = React.ComponentPropsWithoutRef<\"main\">;\nexport type AppFooterProps = React.ComponentPropsWithoutRef<\"footer\">;\nexport type AppProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-variant\"?: \"mobilebar\";\n\t\t}\n\t>;\n\ntype AppComponent = <As extends React.ElementType = \"div\">(\n\tprops: AppProps<As>,\n) => JSX.Element;\n\nconst AppComp = forwardRef<null>(function App<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: AppProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.app, className)} ref={ref} {...rest} />;\n}) as AppComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst AppSticky = forwardRef<null>(function App<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: AppProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.sticky, className)} ref={ref} {...rest} />;\n}) as AppComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport const App = Object.assign(AppComp, {\n\tHeader: forwardRef<HTMLElement, AppHeaderProps>(\n\t\tfunction AppHeader(rest, ref) {\n\t\t\treturn <header ref={ref} {...rest} />;\n\t\t},\n\t),\n\tSidebar: forwardRef<HTMLDialogElement, AppSidebarProps>(\n\t\tfunction AppSidebar(rest, ref) {\n\t\t\treturn (\n\t\t\t\t<dialog\n\t\t\t\t\trole=\"navigation\"\n\t\t\t\t\tid=\"mtds-sidebar\"\n\t\t\t\t\tsuppressHydrationWarning // Needed due to closedby polyfill\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t),\n\tSticky: AppSticky,\n\tToggle: forwardRef<HTMLButtonElement, ButtonProps<\"button\">>(\n\t\tfunction AppToggle({ children, ...rest }: ButtonProps<\"button\">, ref) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tcommand=\"show-modal\"\n\t\t\t\t\tcommandfor=\"mtds-sidebar\"\n\t\t\t\t\tdata-tooltip=\"Vis meny\"\n\t\t\t\t\tref={ref as React.Ref<HTMLAnchorElement>}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t{children ?? \"Skjul meny\"}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t},\n\t),\n\tMain: forwardRef<HTMLElement, AppMainProps>(function AppMain(rest, ref) {\n\t\treturn <main ref={ref} {...rest} />;\n\t}),\n\tFooter: forwardRef<HTMLElement, AppFooterProps>(\n\t\tfunction AppFooter(rest, ref) {\n\t\t\treturn <footer ref={ref} {...rest} />;\n\t\t},\n\t),\n\t// Needed to avoid flash of unstyled content and still be Next.js hydration compatible\n\tScript: () => <script id=\"mtds-app-script\">{script}</script>,\n});\n"],"names":["AppComp","forwardRef","as","className","rest","ref","jsx","clsx","styles","AppSticky","App","children","Button","script"],"mappings":";;;;;;AA2BA,MAAMA,IAAUC,EAAiB,SAE/B,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAsBC,GAA0B;AAGrE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,KAAKL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AACzE,CAAC,GAEKK,IAAYR,EAAiB,SAEjC,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAsBC,GAA0B;AAGrE,SAAO,gBAAAC,EAFKJ,KAAM,OAEV,EAAI,WAAWK,EAAKC,EAAO,QAAQL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC5E,CAAC,GAEYM,IAAM,OAAO,OAAOV,GAAS;AAAA,EACzC,QAAQC;AAAA,IACP,SAAmBG,GAAMC,GAAK;AAC7B,aAAO,gBAAAC,EAAC,UAAA,EAAO,KAAAD,GAAW,GAAGD,EAAA,CAAM;AAAA,IACpC;AAAA,EAAA;AAAA,EAED,SAASH;AAAA,IACR,SAAoBG,GAAMC,GAAK;AAC9B,aACC,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,IAAG;AAAA,UACH,0BAAwB;AAAA,UACxB,KAAAD;AAAA,UACC,GAAGD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAAA,EAAA;AAAA,EAED,QAAQK;AAAA,EACR,QAAQR;AAAA,IACP,SAAmB,EAAE,UAAAU,GAAU,GAAGP,EAAA,GAA+BC,GAAK;AACrE,aACC,gBAAAC;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAa;AAAA,UACb,KAAAP;AAAA,UACC,GAAGD;AAAA,UAEH,UAAAO,KAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AAAA,EAAA;AAAA,EAED,MAAMV,EAAsC,SAAiBG,GAAMC,GAAK;AACvE,WAAO,gBAAAC,EAAC,QAAA,EAAK,KAAAD,GAAW,GAAGD,EAAA,CAAM;AAAA,EAClC,CAAC;AAAA,EACD,QAAQH;AAAA,IACP,SAAmBG,GAAMC,GAAK;AAC7B,aAAO,gBAAAC,EAAC,UAAA,EAAO,KAAAD,GAAW,GAAGD,EAAA,CAAM;AAAA,IACpC;AAAA,EAAA;AAAA;AAAA,EAGD,QAAQ,MAAM,gBAAAE,EAAC,UAAA,EAAO,IAAG,mBAAmB,UAAAO,EAAA,CAAO;AACpD,CAAC;"}
+{"version":3,"file":"app.js","names":[],"sources":["../../designsystem/app/app.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport { Button, type ButtonProps } from \"../button/button\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport script from \"./app-toggle.js?raw\";\n\nexport type AppHeaderProps = React.ComponentPropsWithoutRef<\"header\">;\nexport type AppSidebarProps = React.ComponentPropsWithoutRef<\"dialog\">;\nexport type AppStickyProps = React.ComponentPropsWithoutRef<\"div\">;\nexport type AppMainProps = React.ComponentPropsWithoutRef<\"main\">;\nexport type AppFooterProps = React.ComponentPropsWithoutRef<\"footer\">;\nexport type AppProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-variant\"?: \"mobilebar\";\n\t\t}\n\t>;\n\ntype AppComponent = <As extends React.ElementType = \"div\">(\n\tprops: AppProps<As>,\n) => JSX.Element;\n\nconst AppComp = forwardRef<null>(function App<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: AppProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.app, className)} ref={ref} {...rest} />;\n}) as AppComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst AppSticky = forwardRef<null>(function App<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: AppProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn <Tag className={clsx(styles.sticky, className)} ref={ref} {...rest} />;\n}) as AppComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport const App = Object.assign(AppComp, {\n\tHeader: forwardRef<HTMLElement, AppHeaderProps>(\n\t\tfunction AppHeader(rest, ref) {\n\t\t\treturn <header ref={ref} {...rest} />;\n\t\t},\n\t),\n\tSidebar: forwardRef<HTMLDialogElement, AppSidebarProps>(\n\t\tfunction AppSidebar(rest, ref) {\n\t\t\treturn (\n\t\t\t\t<dialog\n\t\t\t\t\trole=\"navigation\"\n\t\t\t\t\tid=\"mtds-sidebar\"\n\t\t\t\t\tsuppressHydrationWarning // Needed due to closedby polyfill\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t),\n\tSticky: AppSticky,\n\tToggle: forwardRef<HTMLButtonElement, ButtonProps<\"button\">>(\n\t\tfunction AppToggle({ children, ...rest }: ButtonProps<\"button\">, ref) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tcommand=\"show-modal\"\n\t\t\t\t\tcommandfor=\"mtds-sidebar\"\n\t\t\t\t\tdata-tooltip=\"Vis meny\"\n\t\t\t\t\tref={ref as React.Ref<HTMLAnchorElement>}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t{children ?? \"Skjul meny\"}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t},\n\t),\n\tMain: forwardRef<HTMLElement, AppMainProps>(function AppMain(rest, ref) {\n\t\treturn <main ref={ref} {...rest} />;\n\t}),\n\tFooter: forwardRef<HTMLElement, AppFooterProps>(\n\t\tfunction AppFooter(rest, ref) {\n\t\t\treturn <footer ref={ref} {...rest} />;\n\t\t},\n\t),\n\t// Needed to avoid flash of unstyled content and still be Next.js hydration compatible\n\tScript: () => <script id=\"mtds-app-script\">{script}</script>,\n});\n"],"mappings":";;;;;;;AA2BA,IAAM,IAAU,EAAiB,SAE/B,EAAE,OAAI,cAAW,GAAG,KAAsB,GAA0B;CAGrE,OAAO,kBAFK,KAAM,OAEX;EAAK,WAAW,EAAK,EAAO,KAAK,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC1E,CAAC,GAEK,IAAY,EAAiB,SAEjC,EAAE,OAAI,cAAW,GAAG,KAAsB,GAA0B;CAGrE,OAAO,kBAFK,KAAM,OAEX;EAAK,WAAW,EAAK,EAAO,QAAQ,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC7E,CAAC,GAEY,IAAM,OAAO,OAAO,GAAS;CACzC,QAAQ,EACP,SAAmB,GAAM,GAAK;EAC7B,OAAO,kBAAC,UAAD;GAAa;GAAK,GAAI;EAAO,CAAA;CACrC,CACD;CACA,SAAS,EACR,SAAoB,GAAM,GAAK;EAC9B,OACC,kBAAC,UAAD;GACC,MAAK;GACL,IAAG;GACH,0BAAA;GACK;GACL,GAAI;EACJ,CAAA;CAEH,CACD;CACA,QAAQ;CACR,QAAQ,EACP,SAAmB,EAAE,aAAU,GAAG,KAA+B,GAAK;EACrE,OACC,kBAAC,GAAD;GACC,SAAQ;GACR,YAAW;GACX,gBAAa;GACR;GACL,GAAI;aAEH,KAAY;EACN,CAAA;CAEV,CACD;CACA,MAAM,EAAsC,SAAiB,GAAM,GAAK;EACvE,OAAO,kBAAC,QAAD;GAAW;GAAK,GAAI;EAAO,CAAA;CACnC,CAAC;CACD,QAAQ,EACP,SAAmB,GAAM,GAAK;EAC7B,OAAO,kBAAC,UAAD;GAAa;GAAK,GAAI;EAAO,CAAA;CACrC,CACD;CAEA,cAAc,kBAAC,UAAD;EAAQ,IAAG;YAAmB;CAAe,CAAA;AAC5D,CAAC"}

package/mtds/atlas/atlas-element.js

@@ -1,95 +1,85 @@
-import i from "../external/leaflet/dist/leaflet-src.js";
-import h from "../external/leaflet/dist/leaflet.css.js";
+import { MTDSElement as e, attachStyle as t, attr as n, defineElement as r, isBrowser as i, off as a, on as o, tag as s } from "../utils.js";
+import c from "../external/leaflet/dist/leaflet-src.js";
+import l from "../external/leaflet/dist/leaflet.css.js";
 import "./cluster.js";
-import { defineElement as u, isBrowser as f, MTDSElement as g, tag as m, attachStyle as C, attr as a, on as v, off as w } from "../utils.js";
-import b from "./atlas.css.js";
-import { MTDSAtlasMarkerElement as O } from "./atlas-marker.js";
-import { MTDSAtlasMatgeoElement as R } from "./atlas-matgeo.js";
-import { MTDSAtlasWMSElement as D } from "./atlas-wms.js";
-let l = 0;
-const p = 18, k = "https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png", S = "https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections", E = [
-  [57.5, 4.73],
-  [71.5, 31.44]
-];
-class r extends g {
-  cluster;
-  map;
-  static get observedAttributes() {
-    return ["data-view", "data-scrollzoom"];
-  }
-  constructor() {
-    super(), this.attachShadow({ mode: "open" }).append(m("figure")), C(this, `@layer leaflet{${h}}
-@layer mt.v3-3-9design{${b}`);
-  }
-  connectedCallback() {
-    const t = this.shadowRoot?.lastElementChild, e = a(this, "data-cluster") ?? "false", o = new i.TileLayer(k, {
-      attribution: "© Kartverket",
-      className: "leaflet-kartverket-tiles",
-      maxZoom: p
-    });
-    this.map = new i.Map(t, {
-      attributionControl: !1,
-      fadeAnimation: !1,
-      // Prevent popup fades
-      layers: [o],
-      zoomControl: !1,
-      zoomSnap: 0.2
-    }), v(this, "pointerup click", this.#t), this.map.addControl(new i.Control.Attribution({ prefix: "" })), this.map.addControl(new i.Control.Zoom({ position: "bottomright" })), this.map.on("popupopen popupclose", this.#e, this), this.cluster = new i.MarkerClusterGroup({
-      zoomToBoundsOnClick: !0,
-      showCoverageOnHover: !1,
-      disableClusteringAtZoom: e === "false" ? 1 : Number(e) || p + 1,
-      iconCreateFunction: (s) => new i.DivIcon({
-        html: `${s.getChildCount()}`,
-        className: "leaflet-cluster-icon",
-        iconSize: [40, 40]
-      })
-    }).addTo(this.map);
-    for (const s of r.observedAttributes)
-      this.attributeChangedCallback(s, null, a(this, s));
-  }
-  attributeChangedCallback(t, e, o) {
-    t === "data-view" && this.setView(o || ""), t === "data-scrollzoom" && this.map?.scrollWheelZoom[o === "false" ? "disable" : "enable"]();
-  }
-  setView(t, e) {
-    const o = `${t}`.split(",").map(parseFloat).filter(Number.isFinite), s = this.cluster?.getBounds();
-    if (o.length === 3) return this.map?.setView([o[0], o[1]], o[2], e);
-    if (t !== "fit") return this.map?.fitBounds(E, e);
-    if (s?.isValid()) return this.map?.fitBounds(s.pad(0.1), e);
-    this.cluster?.once("layeradd", () => {
-      setTimeout(() => this.setView("fit"), 50);
-    });
-  }
-  latLngFromPoint(t, e) {
-    return this.map?.pointerEventToLatLng({ clientX: t, clientY: e });
-  }
-  disconnectedCallback() {
-    w(this, "pointerup click", this.#t), this.map?.remove(), this.map = this.cluster = void 0;
-  }
-  async getCollections() {
-    return window._matgeoCollections || (window._matgeoCollections = fetch(S).then((t) => t.json()).then((t) => t.collections.map((e) => [e.id, e])).then(Object.fromEntries)), window._matgeoCollections;
-  }
-  #e({ type: t, popup: e }) {
-    const o = t === "popupopen", s = e.getElement()?.querySelector(".leaflet-popup-content"), d = s?.querySelector(":scope > slot"), c = s?.textContent?.match(/^#(\S+)/)?.[1] || "", n = document.getElementById(d?.name || c);
-    if (!n) return o && c && e.close();
-    i.Util.setOptions(e, { maxWidth: this.offsetWidth - 40 }), a(n, "data-popover", o ? a(n, "popover") : null), a(n, "popover", o ? null : a(n, "data-popover")), a(n, "slot", o ? n.id : null), o && e.setContent(m("slot", { name: n.id }));
-  }
-  #t(t) {
-    t.type === "click" ? l && t.stopPropagation?.() : document.body.classList.contains("leaflet-dragging") && (l = setTimeout(() => {
-      l = 0;
-    }, 50));
-  }
-}
-u("mtds-atlas", r);
-f() && (i.Marker.prototype.options.icon = new i.DivIcon({
-  html: '<div class="leaflet-marker-generated-slot"><div class="leaflet-marker-generated-icon"></div></div>',
-  iconSize: [0, 0]
-}));
-export {
-  i as L,
-  S as MATGEO_URL,
-  r as MTDSAtlasElement,
-  O as MTDSAtlasMarkerElement,
-  R as MTDSAtlasMatgeoElement,
-  D as MTDSAtlasWMSElement
+import u from "./atlas.js";
+import { MTDSAtlasMarkerElement as d } from "./atlas-marker.js";
+import { MTDSAtlasMatgeoElement as f } from "./atlas-matgeo.js";
+import { MTDSAtlasWMSElement as p } from "./atlas-wms.js";
+//#region designsystem/atlas/atlas-element.ts
+var m = 0, h = 18, g = "https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png", _ = "https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections", v = [[57.5, 4.73], [71.5, 31.44]], y = class r extends e {
+	cluster;
+	map;
+	static get observedAttributes() {
+		return ["data-view", "data-scrollzoom"];
+	}
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).append(s("figure")), t(this, `@layer leaflet{${l}}\n@layer mt.v3-4-1design{${u}`);
+	}
+	connectedCallback() {
+		let e = this.shadowRoot?.lastElementChild, t = n(this, "data-cluster") ?? "false", i = new c.TileLayer(g, {
+			attribution: "&copy; Kartverket",
+			className: "leaflet-kartverket-tiles",
+			maxZoom: h
+		});
+		this.map = new c.Map(e, {
+			attributionControl: !1,
+			fadeAnimation: !1,
+			layers: [i],
+			zoomControl: !1,
+			zoomSnap: .2
+		}), o(this, "pointerup click", this.#t), this.map.addControl(new c.Control.Attribution({ prefix: "" })), this.map.addControl(new c.Control.Zoom({ position: "bottomright" })), this.map.on("popupopen popupclose", this.#e, this), this.cluster = new c.MarkerClusterGroup({
+			zoomToBoundsOnClick: !0,
+			showCoverageOnHover: !1,
+			disableClusteringAtZoom: t === "false" ? 1 : Number(t) || 19,
+			iconCreateFunction: (e) => new c.DivIcon({
+				html: `${e.getChildCount()}`,
+				className: "leaflet-cluster-icon",
+				iconSize: [40, 40]
+			})
+		}).addTo(this.map);
+		for (let e of r.observedAttributes) this.attributeChangedCallback(e, null, n(this, e));
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "data-view" && this.setView(n || ""), e === "data-scrollzoom" && this.map?.scrollWheelZoom[n === "false" ? "disable" : "enable"]();
+	}
+	setView(e, t) {
+		let n = `${e}`.split(",").map(parseFloat).filter(Number.isFinite), r = this.cluster?.getBounds();
+		if (n.length === 3) return this.map?.setView([n[0], n[1]], n[2], t);
+		if (e !== "fit") return this.map?.fitBounds(v, t);
+		if (r?.isValid()) return this.map?.fitBounds(r.pad(.1), t);
+		this.cluster?.once("layeradd", () => {
+			setTimeout(() => this.setView("fit"), 50);
+		});
+	}
+	latLngFromPoint(e, t) {
+		return this.map?.pointerEventToLatLng({
+			clientX: e,
+			clientY: t
+		});
+	}
+	disconnectedCallback() {
+		a(this, "pointerup click", this.#t), this.map?.remove(), this.map = this.cluster = void 0;
+	}
+	async getCollections() {
+		return window._matgeoCollections || (window._matgeoCollections = fetch(_).then((e) => e.json()).then((e) => e.collections.map((e) => [e.id, e])).then(Object.fromEntries)), window._matgeoCollections;
+	}
+	#e({ type: e, popup: t }) {
+		let r = e === "popupopen", i = t.getElement()?.querySelector(".leaflet-popup-content"), a = i?.querySelector(":scope > slot"), o = i?.textContent?.match(/^#(\S+)/)?.[1] || "", l = document.getElementById(a?.name || o);
+		if (!l) return r && o && t.close();
+		c.Util.setOptions(t, { maxWidth: this.offsetWidth - 40 }), n(l, "data-popover", r ? n(l, "popover") : null), n(l, "popover", r ? null : n(l, "data-popover")), n(l, "slot", r ? l.id : null), r && t.setContent(s("slot", { name: l.id }));
+	}
+	#t(e) {
+		e.type === "click" ? m && e.stopPropagation?.() : document.body.classList.contains("leaflet-dragging") && (m = setTimeout(() => {
+			m = 0;
+		}, 50));
+	}
 };
-//# sourceMappingURL=atlas-element.js.map
+r("mtds-atlas", y), i() && (c.Marker.prototype.options.icon = new c.DivIcon({
+	html: "<div class=\"leaflet-marker-generated-slot\"><div class=\"leaflet-marker-generated-icon\"></div></div>",
+	iconSize: [0, 0]
+}));
+//#endregion
+export { c as L, _ as MATGEO_URL, y as MTDSAtlasElement, d as MTDSAtlasMarkerElement, f as MTDSAtlasMatgeoElement, p as MTDSAtlasWMSElement };
+
+//# sourceMappingURL=atlas-element.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"atlas-element.js","sources":["../../designsystem/atlas/atlas-element.ts"],"sourcesContent":["import L from \"leaflet\";\nimport LeafletCSS from \"leaflet/dist/leaflet.css?raw\";\nimport type {} from \"leaflet.markercluster\"; // Extend L namespace\nimport \"./cluster.js\";\nimport {\n\tattachStyle,\n\tattr,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n\toff,\n\ton,\n\ttag,\n} from \"../utils\";\nimport css from \"./atlas.css?raw\";\n\nexport { MTDSAtlasMarkerElement } from \"./atlas-marker\";\nexport { MTDSAtlasMatgeoElement } from \"./atlas-matgeo\";\nexport { MTDSAtlasWMSElement } from \"./atlas-wms\";\nexport { L };\n\n// TODO: Add minimum zoom level for adding markers (minimum 17 som standard?)\n// TODO: Add search helper (https://ws.geonorge.no/adresser/v1/openapi.json + https://ws.geonorge.no/adresser/v1/#/default/get_sok)\n// TODO: matgeo-autoload popover info\n\ntype Link = { href: string; rel: string; type: string; title: string };\ntype BBox = [number, number, number, number];\nexport type MTDSAtlasCollections = Record<string, MTDSAtlasCollection>;\nexport type MTDSAtlasCollection = {\n\tcrs: string[];\n\tdescription: string;\n\textent: { spatial: { bbox: BBox[] } };\n\tgeometry: string;\n\tid: string;\n\titemType: string;\n\tlinks: Link[];\n\ttitle: string;\n};\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas\": MTDSAtlasElement;\n\t}\n\n\tinterface Window {\n\t\t_matgeoCollections?: Promise<MTDSAtlasCollections>;\n\t}\n}\n\nlet SKIP_CLICK: number | NodeJS.Timeout = 0;\nconst KARTVERKET_MAX_ZOOM = 18; // Kartverket does not support more than zoom level 18\nconst KARTVERKET_TILES_URL =\n\t\"https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png\";\nexport const MATGEO_URL =\n\t\"https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections\";\nconst BOUNDS_NORWAY: L.LatLngBoundsLiteral = [\n\t[57.5, 4.73],\n\t[71.5, 31.44],\n];\n\nexport class MTDSAtlasElement extends MTDSElement {\n\tcluster?: L.MarkerClusterGroup;\n\tmap?: L.Map;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"data-view\", \"data-scrollzoom\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: \"open\" }).append(tag(\"figure\"));\n\t\tattachStyle(this, `@layer leaflet{${LeafletCSS}}\\n@layer mt.design{${css}`);\n\t}\n\tconnectedCallback() {\n\t\tconst container = this.shadowRoot?.lastElementChild as HTMLElement;\n\t\tconst cluster = attr(this, \"data-cluster\") ?? \"false\";\n\t\tconst tiles = new L.TileLayer(KARTVERKET_TILES_URL, {\n\t\t\tattribution: \"&copy; Kartverket\",\n\t\t\tclassName: \"leaflet-kartverket-tiles\",\n\t\t\tmaxZoom: KARTVERKET_MAX_ZOOM,\n\t\t});\n\n\t\tthis.map = new L.Map(container, {\n\t\t\tattributionControl: false,\n\t\t\tfadeAnimation: false, // Prevent popup fades\n\t\t\tlayers: [tiles],\n\t\t\tzoomControl: false,\n\t\t\tzoomSnap: 0.2,\n\t\t});\n\n\t\ton(this, \"pointerup click\", this.#skipClick); // Prevent clicks from bubbling up unless sent from Leaflet\n\t\tthis.map.addControl(new L.Control.Attribution({ prefix: \"\" }));\n\t\tthis.map.addControl(new L.Control.Zoom({ position: \"bottomright\" }));\n\t\tthis.map.on(\"popupopen popupclose\", this.#handlePopup, this);\n\t\tthis.cluster = new L.MarkerClusterGroup({\n\t\t\tzoomToBoundsOnClick: true,\n\t\t\tshowCoverageOnHover: false,\n\t\t\tdisableClusteringAtZoom:\n\t\t\t\tcluster === \"false\" ? 1 : Number(cluster) || KARTVERKET_MAX_ZOOM + 1,\n\t\t\ticonCreateFunction: (cluster: L.MarkerCluster) =>\n\t\t\t\tnew L.DivIcon({\n\t\t\t\t\thtml: `${cluster.getChildCount()}`,\n\t\t\t\t\tclassName: \"leaflet-cluster-icon\",\n\t\t\t\t\ticonSize: [40, 40],\n\t\t\t\t}),\n\t\t}).addTo(this.map);\n\n\t\t// Initial setup attributes\n\t\tfor (const name of MTDSAtlasElement.observedAttributes)\n\t\t\tthis.attributeChangedCallback(name, null, attr(this, name));\n\t}\n\tattributeChangedCallback(name: string, _prev?: null, next?: string | null) {\n\t\tif (name === \"data-view\") this.setView(next || \"\");\n\t\tif (name === \"data-scrollzoom\")\n\t\t\tthis.map?.scrollWheelZoom[next === \"false\" ? \"disable\" : \"enable\"]();\n\t}\n\tsetView(view: string | number[], opts?: L.FitBoundsOptions) {\n\t\tconst p = `${view}`.split(\",\").map(parseFloat).filter(Number.isFinite);\n\t\tconst b = this.cluster?.getBounds();\n\n\t\tif (p.length === 3) return this.map?.setView([p[0], p[1]], p[2], opts);\n\t\tif (view !== \"fit\") return this.map?.fitBounds(BOUNDS_NORWAY, opts);\n\t\tif (b?.isValid()) return this.map?.fitBounds(b.pad(0.1), opts);\n\t\tthis.cluster?.once(\"layeradd\", () => {\n\t\t\tsetTimeout(() => this.setView(\"fit\"), 50); // Add all markers before fitting\n\t\t});\n\t}\n\tlatLngFromPoint(x: number, y: number) {\n\t\t// @ts-expect-error -- Missing from Leaflet@2.0.0-alpha.1 types\n\t\treturn this.map?.pointerEventToLatLng({ clientX: x, clientY: y });\n\t}\n\tdisconnectedCallback() {\n\t\toff(this, \"pointerup click\", this.#skipClick);\n\t\tthis.map?.remove();\n\t\tthis.map = this.cluster = undefined;\n\t}\n\tasync getCollections() {\n\t\tif (!window._matgeoCollections)\n\t\t\twindow._matgeoCollections = fetch(MATGEO_URL)\n\t\t\t\t.then((res) => res.json())\n\t\t\t\t.then((d) => d.collections.map((c: MTDSAtlasCollection) => [c.id, c]))\n\t\t\t\t.then(Object.fromEntries);\n\t\treturn window._matgeoCollections;\n\t}\n\t#handlePopup({ type, popup }: { type: string; popup: L.Popup }) {\n\t\tconst open = type === \"popupopen\";\n\t\tconst cont = popup.getElement()?.querySelector(\".leaflet-popup-content\");\n\t\tconst slot = cont?.querySelector<HTMLSlotElement>(\":scope > slot\");\n\t\tconst id = cont?.textContent?.match(/^#(\\S+)/)?.[1] || \"\";\n\t\tconst el = document.getElementById(slot?.name || id); // If content of popup is #id, replace with <slot>\n\n\t\tif (!el) return open && id && popup.close(); // Close popup if target element not found\n\t\tL.Util.setOptions(popup, { maxWidth: this.offsetWidth - 40 });\n\t\tattr(el, \"data-popover\", open ? attr(el, \"popover\") : null); // Store previous popover mode\n\t\tattr(el, \"popover\", open ? null : attr(el, \"data-popover\")); // But temporarily remove it so popover renders\n\t\tattr(el, \"slot\", open ? el.id : null); // Render popover in slot\n\t\tif (open) popup.setContent(tag(\"slot\", { name: el.id }));\n\t}\n\t#skipClick(event: Partial<MouseEvent>) {\n\t\tif (event.type === \"click\") SKIP_CLICK && event.stopPropagation?.();\n\t\telse if (document.body.classList.contains(\"leaflet-dragging\"))\n\t\t\tSKIP_CLICK = setTimeout(() => {\n\t\t\t\tSKIP_CLICK = 0;\n\t\t\t}, 50); // Was dragging, so skip succeeding click\n\t}\n}\n\ndefineElement(\"mtds-atlas\", MTDSAtlasElement);\n\nif (isBrowser())\n\tL.Marker.prototype.options.icon = new L.DivIcon({\n\t\thtml: '<div class=\"leaflet-marker-generated-slot\"><div class=\"leaflet-marker-generated-icon\"></div></div>',\n\t\ticonSize: [0, 0],\n\t});\n"],"names":["SKIP_CLICK","KARTVERKET_MAX_ZOOM","KARTVERKET_TILES_URL","MATGEO_URL","BOUNDS_NORWAY","MTDSAtlasElement","MTDSElement","tag","attachStyle","LeafletCSS","css","container","cluster","attr","tiles","L","on","#skipClick","#handlePopup","name","_prev","next","view","opts","p","b","x","y","off","res","d","c","type","popup","open","cont","slot","id","el","event","defineElement","isBrowser"],"mappings":"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"}
+{"version":3,"file":"atlas-element.js","names":["#skipClick","#handlePopup"],"sources":["../../designsystem/atlas/atlas-element.ts"],"sourcesContent":["import L from \"leaflet\";\nimport LeafletCSS from \"leaflet/dist/leaflet.css?raw\";\nimport type {} from \"leaflet.markercluster\"; // Extend L namespace\nimport \"./cluster.js\";\nimport {\n\tattachStyle,\n\tattr,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n\toff,\n\ton,\n\ttag,\n} from \"../utils\";\nimport css from \"./atlas.css?raw\";\n\nexport { MTDSAtlasMarkerElement } from \"./atlas-marker\";\nexport { MTDSAtlasMatgeoElement } from \"./atlas-matgeo\";\nexport { MTDSAtlasWMSElement } from \"./atlas-wms\";\nexport { L };\n\n// TODO: Add minimum zoom level for adding markers (minimum 17 som standard?)\n// TODO: Add search helper (https://ws.geonorge.no/adresser/v1/openapi.json + https://ws.geonorge.no/adresser/v1/#/default/get_sok)\n// TODO: matgeo-autoload popover info\n\ntype Link = { href: string; rel: string; type: string; title: string };\ntype BBox = [number, number, number, number];\nexport type MTDSAtlasCollections = Record<string, MTDSAtlasCollection>;\nexport type MTDSAtlasCollection = {\n\tcrs: string[];\n\tdescription: string;\n\textent: { spatial: { bbox: BBox[] } };\n\tgeometry: string;\n\tid: string;\n\titemType: string;\n\tlinks: Link[];\n\ttitle: string;\n};\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas\": MTDSAtlasElement;\n\t}\n\n\tinterface Window {\n\t\t_matgeoCollections?: Promise<MTDSAtlasCollections>;\n\t}\n}\n\nlet SKIP_CLICK: number | NodeJS.Timeout = 0;\nconst KARTVERKET_MAX_ZOOM = 18; // Kartverket does not support more than zoom level 18\nconst KARTVERKET_TILES_URL =\n\t\"https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png\";\nexport const MATGEO_URL =\n\t\"https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections\";\nconst BOUNDS_NORWAY: L.LatLngBoundsLiteral = [\n\t[57.5, 4.73],\n\t[71.5, 31.44],\n];\n\nexport class MTDSAtlasElement extends MTDSElement {\n\tcluster?: L.MarkerClusterGroup;\n\tmap?: L.Map;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"data-view\", \"data-scrollzoom\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: \"open\" }).append(tag(\"figure\"));\n\t\tattachStyle(this, `@layer leaflet{${LeafletCSS}}\\n@layer mt.design{${css}`);\n\t}\n\tconnectedCallback() {\n\t\tconst container = this.shadowRoot?.lastElementChild as HTMLElement;\n\t\tconst cluster = attr(this, \"data-cluster\") ?? \"false\";\n\t\tconst tiles = new L.TileLayer(KARTVERKET_TILES_URL, {\n\t\t\tattribution: \"&copy; Kartverket\",\n\t\t\tclassName: \"leaflet-kartverket-tiles\",\n\t\t\tmaxZoom: KARTVERKET_MAX_ZOOM,\n\t\t});\n\n\t\tthis.map = new L.Map(container, {\n\t\t\tattributionControl: false,\n\t\t\tfadeAnimation: false, // Prevent popup fades\n\t\t\tlayers: [tiles],\n\t\t\tzoomControl: false,\n\t\t\tzoomSnap: 0.2,\n\t\t});\n\n\t\ton(this, \"pointerup click\", this.#skipClick); // Prevent clicks from bubbling up unless sent from Leaflet\n\t\tthis.map.addControl(new L.Control.Attribution({ prefix: \"\" }));\n\t\tthis.map.addControl(new L.Control.Zoom({ position: \"bottomright\" }));\n\t\tthis.map.on(\"popupopen popupclose\", this.#handlePopup, this);\n\t\tthis.cluster = new L.MarkerClusterGroup({\n\t\t\tzoomToBoundsOnClick: true,\n\t\t\tshowCoverageOnHover: false,\n\t\t\tdisableClusteringAtZoom:\n\t\t\t\tcluster === \"false\" ? 1 : Number(cluster) || KARTVERKET_MAX_ZOOM + 1,\n\t\t\ticonCreateFunction: (cluster: L.MarkerCluster) =>\n\t\t\t\tnew L.DivIcon({\n\t\t\t\t\thtml: `${cluster.getChildCount()}`,\n\t\t\t\t\tclassName: \"leaflet-cluster-icon\",\n\t\t\t\t\ticonSize: [40, 40],\n\t\t\t\t}),\n\t\t}).addTo(this.map);\n\n\t\t// Initial setup attributes\n\t\tfor (const name of MTDSAtlasElement.observedAttributes)\n\t\t\tthis.attributeChangedCallback(name, null, attr(this, name));\n\t}\n\tattributeChangedCallback(name: string, _prev?: null, next?: string | null) {\n\t\tif (name === \"data-view\") this.setView(next || \"\");\n\t\tif (name === \"data-scrollzoom\")\n\t\t\tthis.map?.scrollWheelZoom[next === \"false\" ? \"disable\" : \"enable\"]();\n\t}\n\tsetView(view: string | number[], opts?: L.FitBoundsOptions) {\n\t\tconst p = `${view}`.split(\",\").map(parseFloat).filter(Number.isFinite);\n\t\tconst b = this.cluster?.getBounds();\n\n\t\tif (p.length === 3) return this.map?.setView([p[0], p[1]], p[2], opts);\n\t\tif (view !== \"fit\") return this.map?.fitBounds(BOUNDS_NORWAY, opts);\n\t\tif (b?.isValid()) return this.map?.fitBounds(b.pad(0.1), opts);\n\t\tthis.cluster?.once(\"layeradd\", () => {\n\t\t\tsetTimeout(() => this.setView(\"fit\"), 50); // Add all markers before fitting\n\t\t});\n\t}\n\tlatLngFromPoint(x: number, y: number) {\n\t\t// @ts-expect-error -- Missing from Leaflet@2.0.0-alpha.1 types\n\t\treturn this.map?.pointerEventToLatLng({ clientX: x, clientY: y });\n\t}\n\tdisconnectedCallback() {\n\t\toff(this, \"pointerup click\", this.#skipClick);\n\t\tthis.map?.remove();\n\t\tthis.map = this.cluster = undefined;\n\t}\n\tasync getCollections() {\n\t\tif (!window._matgeoCollections)\n\t\t\twindow._matgeoCollections = fetch(MATGEO_URL)\n\t\t\t\t.then((res) => res.json())\n\t\t\t\t.then((d) => d.collections.map((c: MTDSAtlasCollection) => [c.id, c]))\n\t\t\t\t.then(Object.fromEntries);\n\t\treturn window._matgeoCollections;\n\t}\n\t#handlePopup({ type, popup }: { type: string; popup: L.Popup }) {\n\t\tconst open = type === \"popupopen\";\n\t\tconst cont = popup.getElement()?.querySelector(\".leaflet-popup-content\");\n\t\tconst slot = cont?.querySelector<HTMLSlotElement>(\":scope > slot\");\n\t\tconst id = cont?.textContent?.match(/^#(\\S+)/)?.[1] || \"\";\n\t\tconst el = document.getElementById(slot?.name || id); // If content of popup is #id, replace with <slot>\n\n\t\tif (!el) return open && id && popup.close(); // Close popup if target element not found\n\t\tL.Util.setOptions(popup, { maxWidth: this.offsetWidth - 40 });\n\t\tattr(el, \"data-popover\", open ? attr(el, \"popover\") : null); // Store previous popover mode\n\t\tattr(el, \"popover\", open ? null : attr(el, \"data-popover\")); // But temporarily remove it so popover renders\n\t\tattr(el, \"slot\", open ? el.id : null); // Render popover in slot\n\t\tif (open) popup.setContent(tag(\"slot\", { name: el.id }));\n\t}\n\t#skipClick(event: Partial<MouseEvent>) {\n\t\tif (event.type === \"click\") SKIP_CLICK && event.stopPropagation?.();\n\t\telse if (document.body.classList.contains(\"leaflet-dragging\"))\n\t\t\tSKIP_CLICK = setTimeout(() => {\n\t\t\t\tSKIP_CLICK = 0;\n\t\t\t}, 50); // Was dragging, so skip succeeding click\n\t}\n}\n\ndefineElement(\"mtds-atlas\", MTDSAtlasElement);\n\nif (isBrowser())\n\tL.Marker.prototype.options.icon = new L.DivIcon({\n\t\thtml: '<div class=\"leaflet-marker-generated-slot\"><div class=\"leaflet-marker-generated-icon\"></div></div>',\n\t\ticonSize: [0, 0],\n\t});\n"],"mappings":"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"}

package/mtds/atlas/atlas-marker.js

@@ -1,53 +1,64 @@
-import i from "../external/leaflet/dist/leaflet-src.js";
-import { defineElement as d, MTDSElement as o, tag as g, attr as s, on as h, off as c } from "../utils.js";
-let l = 0;
-class k extends o {
-  atlas;
-  marker;
-  static get observedAttributes() {
-    return ["hidden", "draggable", "data-latlng", "popovertarget"];
-  }
-  connectedCallback() {
-    queueMicrotask(() => {
-      const t = g("slot", { name: `${++l}` }), e = new i.DivIcon({ html: t, iconSize: [0, 0] });
-      this.atlas = this.closest("mtds-atlas") || void 0, this.marker = new i.Marker(this.#t(), {
-        draggable: this.draggable,
-        keyboard: !1,
-        icon: e
-      }), this.marker.bindPopup(() => `#${s(this, "popovertarget")}`), this.marker.on("dragend", this.#e), h(this, "click keydown", this), s(this, "slot", `${l}`), s(this, "role", "button"), s(this, "tabindex", "0"), this.attributeChangedCallback("hidden");
-    });
-  }
-  attributeChangedCallback(t) {
-    const e = this.marker, a = this.atlas?.cluster;
-    if (t === "popovertarget" && e?.getPopup()?.update(), t === "data-latlng") {
-      const r = this.#t();
-      e?.getLatLng().equals(r) || e?.setLatLng(r);
-    }
-    t === "draggable" && e?.dragging?.[this.draggable ? "enable" : "disable"](), t === "hidden" && e && a && a[this.hidden ? "removeLayer" : "addLayer"](e);
-  }
-  disconnectedCallback() {
-    c(this, "click keydown", this), this.marker?.unbindPopup().off("dragend", this.#e).remove(), this.marker = this.atlas = void 0;
-  }
-  handleEvent(t) {
-    if (t.type === "click") return this.marker?.fire("click");
-    t.key === " " && t.preventDefault(), (t.key === " " || t.key === "Enter") && this.click();
-  }
-  get latlng() {
-    return s(this, "data-latlng") || "";
-  }
-  set latlng(t) {
-    s(this, "data-latlng", t);
-  }
-  #t() {
-    return this.latlng?.split(",").map(parseFloat);
-  }
-  #e(t) {
-    const a = t.target._icon?.firstElementChild?.assignedElements?.()?.[0], { lat: r, lng: n } = t.target.getLatLng();
-    a && (a.latlng = `${r},${n}`), a?.dispatchEvent(new CustomEvent("dragend", { detail: t, bubbles: !0 }));
-  }
-}
-d("mtds-atlas-marker", k);
-export {
-  k as MTDSAtlasMarkerElement
+import { MTDSElement as e, attr as t, defineElement as n, off as r, on as i, tag as a } from "../utils.js";
+import o from "../external/leaflet/dist/leaflet-src.js";
+//#region designsystem/atlas/atlas-marker.ts
+var s = 0, c = class extends e {
+	atlas;
+	marker;
+	static get observedAttributes() {
+		return [
+			"hidden",
+			"draggable",
+			"data-latlng",
+			"popovertarget"
+		];
+	}
+	connectedCallback() {
+		queueMicrotask(() => {
+			let e = a("slot", { name: `${++s}` }), n = new o.DivIcon({
+				html: e,
+				iconSize: [0, 0]
+			});
+			this.atlas = this.closest("mtds-atlas") || void 0, this.marker = new o.Marker(this.#e(), {
+				draggable: this.draggable,
+				keyboard: !1,
+				icon: n
+			}), this.marker.bindPopup(() => `#${t(this, "popovertarget")}`), this.marker.on("dragend", this.#t), i(this, "click keydown", this), t(this, "slot", `${s}`), t(this, "role", "button"), t(this, "tabindex", "0"), this.attributeChangedCallback("hidden");
+		});
+	}
+	attributeChangedCallback(e) {
+		let t = this.marker, n = this.atlas?.cluster;
+		if (e === "popovertarget" && t?.getPopup()?.update(), e === "data-latlng") {
+			let e = this.#e();
+			t?.getLatLng().equals(e) || t?.setLatLng(e);
+		}
+		e === "draggable" && t?.dragging?.[this.draggable ? "enable" : "disable"](), e === "hidden" && t && n && n[this.hidden ? "removeLayer" : "addLayer"](t);
+	}
+	disconnectedCallback() {
+		r(this, "click keydown", this), this.marker?.unbindPopup().off("dragend", this.#t).remove(), this.marker = this.atlas = void 0;
+	}
+	handleEvent(e) {
+		if (e.type === "click") return this.marker?.fire("click");
+		e.key === " " && e.preventDefault(), (e.key === " " || e.key === "Enter") && this.click();
+	}
+	get latlng() {
+		return t(this, "data-latlng") || "";
+	}
+	set latlng(e) {
+		t(this, "data-latlng", e);
+	}
+	#e() {
+		return this.latlng?.split(",").map(parseFloat);
+	}
+	#t(e) {
+		let t = (e.target._icon?.firstElementChild)?.assignedElements?.()?.[0], { lat: n, lng: r } = e.target.getLatLng();
+		t && (t.latlng = `${n},${r}`), t?.dispatchEvent(new CustomEvent("dragend", {
+			detail: e,
+			bubbles: !0
+		}));
+	}
 };
-//# sourceMappingURL=atlas-marker.js.map
+n("mtds-atlas-marker", c);
+//#endregion
+export { c as MTDSAtlasMarkerElement };
+
+//# sourceMappingURL=atlas-marker.js.map

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":["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;"}
+{"version":3,"file":"atlas-marker.js","names":["#parseLatLng","#handleDragEnd"],"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"],"mappings":";;;AAUA,IAAI,IAAO,GACE,IAAb,cAA4C,EAAY;CACvD;CACA;CAEA,WAAW,qBAAqB;EAC/B,OAAO;GAAC;GAAU;GAAa;GAAe;EAAe;CAC9D;CACA,oBAAoB;EACnB,qBAAqB;GACpB,IAAM,IAAO,EAAI,QAAQ,EAAE,MAAM,GAAG,EAAE,IAAO,CAAC,GACxC,IAAO,IAAI,EAAE,QAAQ;IAAE;IAAM,UAAU,CAAC,GAAG,CAAC;GAAE,CAAC;GAcrD,AAbA,KAAK,QAAQ,KAAK,QAA0B,YAAY,KAAK,KAAA,GAC7D,KAAK,SAAS,IAAI,EAAE,OAAO,KAAKA,GAAa,GAAG;IAC/C,WAAW,KAAK;IAChB,UAAU;IACV;GACD,CAAC,GACD,KAAK,OAAO,gBAAgB,IAAI,EAAK,MAAM,eAAe,GAAG,GAC7D,KAAK,OAAO,GAAG,WAAW,KAAKC,EAAc,GAE7C,EAAG,MAAM,iBAAiB,IAAI,GAC9B,EAAK,MAAM,QAAQ,GAAG,GAAM,GAC5B,EAAK,MAAM,QAAQ,QAAQ,GAC3B,EAAK,MAAM,YAAY,GAAG,GAC1B,KAAK,yBAAyB,QAAQ;EACvC,CAAC;CACF;CACA,yBAAyB,GAAc;EACtC,IAAM,IAAO,KAAK,QACZ,IAAU,KAAK,OAAO;EAE5B,IADI,MAAS,mBAAiB,GAAM,SAAS,CAAC,EAAE,OAAO,GACnD,MAAS,eAAe;GAC3B,IAAM,IAAS,KAAKD,GAAa;GACjC,GAAM,UAAU,CAAC,CAAC,OAAO,CAAM,KAAK,GAAM,UAAU,CAAM;EAC3D;EAGA,AAFI,MAAS,eACZ,GAAM,WAAW,KAAK,YAAY,WAAW,UAAU,CAAC,GACrD,MAAS,YAAY,KAAQ,KAChC,EAAQ,KAAK,SAAS,gBAAgB,WAAW,CAAC,CAAI;CACxD;CACA,uBAAuB;EAGtB,AAFA,EAAI,MAAM,iBAAiB,IAAI,GAC/B,KAAK,QAAQ,YAAY,CAAC,CAAC,IAAI,WAAW,KAAKC,EAAc,CAAC,CAAC,OAAO,GACtE,KAAK,SAAS,KAAK,QAAQ,KAAA;CAC5B;CACA,YAAY,GAAsB;EACjC,IAAI,EAAM,SAAS,SAAS,OAAO,KAAK,QAAQ,KAAK,OAAO;EAE5D,AADI,EAAM,QAAQ,OAAK,EAAM,eAAe,IACxC,EAAM,QAAQ,OAAO,EAAM,QAAQ,YAAS,KAAK,MAAM;CAC5D;CACA,IAAI,SAAS;EACZ,OAAO,EAAK,MAAM,aAAa,KAAK;CACrC;CACA,IAAI,OAAO,GAAgB;EAC1B,EAAK,MAAM,eAAe,CAAM;CACjC;CACA,KAAe;EACd,OAAO,KAAK,QAAQ,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU;CAC9C;CACA,GAAe,GAAwB;EAGtC,IAAM,KAFO,EAAO,OAAO,OACxB,kBAAA,EAEI,mBAAmB,CAAC,GAAG,IACxB,EAAE,QAAK,WAAQ,EAAO,OAAO,UAAU;EAE7C,AADI,MAAM,EAAK,SAAS,GAAG,EAAI,GAAG,MAClC,GAAM,cAAc,IAAI,YAAY,WAAW;GAAE;GAAQ,SAAS;EAAK,CAAC,CAAC;CAC1E;AACD;AAEA,EAAc,qBAAqB,CAAsB"}