@mattilsynet/design 2.2.29 → 2.2.30

package/mtds/app/app-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (_err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":[],"mappings":"AAAA,MAAA,SAAe;"}
+{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (_err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"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;"}

package/mtds/app/app-toggle2.js

@@ -1,17 +1,11 @@
-if (typeof window !== "undefined" && window.CSSStyleSheet && document.adoptedStyleSheets)
-  (() => {
-    const key = "--mtds-app-expanded";
-    const sheet = new CSSStyleSheet();
-    const prev = () => !window.localStorage.getItem(key)?.includes("false");
-    document.adoptedStyleSheets.push(sheet);
-    window.mtdsToggleAppExpanded = (force) => {
-      try {
-        const next = force ?? !prev();
-        sheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);
-        window.localStorage.setItem(key, next);
-      } catch (_err) {
-      }
-    };
-    window.mtdsToggleAppExpanded(prev());
-  })();
+typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
+  const e = "--mtds-app-expanded", d = new CSSStyleSheet(), o = () => !window.localStorage.getItem(e)?.includes("false");
+  document.adoptedStyleSheets.push(d), window.mtdsToggleAppExpanded = (n) => {
+    try {
+      const t = n ?? !o();
+      d.replaceSync?.(`:root { ${e}: var(${e}--${t})}`), window.localStorage.setItem(e, t);
+    } catch {
+    }
+  }, window.mtdsToggleAppExpanded(o());
+})();
 //# sourceMappingURL=app-toggle2.js.map

package/mtds/app/app-toggle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (_err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":[],"mappings":"AAAA,IACC,OAAO,WAAW,eAClB,OAAO,iBACP,SAAS;AAET,GAAC,MAAM;AACN,UAAM,MAAM;AACZ,UAAM,QAAQ,IAAI,cAAa;AAC/B,UAAM,OAAO,MAAM,CAAC,OAAO,aAAa,QAAQ,GAAG,GAAG,SAAS,OAAO;AAEtE,aAAS,mBAAmB,KAAK,KAAK;AACtC,WAAO,wBAAwB,CAAC,UAAU;AACzC,UAAI;AACH,cAAM,OAAO,SAAS,CAAC,KAAI;AAC3B,cAAM,cAAc,WAAW,GAAG,SAAS,GAAG,KAAK,IAAI,IAAI;AAC3D,eAAO,aAAa,QAAQ,KAAK,IAAI;AAAA,MACtC,SAAS,MAAM;AAAA,MAAC;AAAA,IACjB;AAGA,WAAO,sBAAsB,MAAM;AAAA,EACpC,GAAC;"}
+{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (_err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAa,GACzBC,IAAO,MAAM,CAAC,OAAO,aAAa,QAAQF,CAAG,GAAG,SAAS,OAAO;AAEtE,WAAS,mBAAmB,KAAKC,CAAK,GACtC,OAAO,wBAAwB,CAACE,MAAU;AACzC,QAAI;AACH,YAAMC,IAAOD,KAAS,CAACD,EAAI;AAC3B,MAAAD,EAAM,cAAc,WAAWD,CAAG,SAASA,CAAG,KAAKI,CAAI,IAAI,GAC3D,OAAO,aAAa,QAAQJ,GAAKI,CAAI;AAAA,IACtC,QAAe;AAAA,IAAC;AAAA,EACjB,GAGA,OAAO,sBAAsBF,GAAM;AACpC,GAAC;"}

package/mtds/app/app.js

@@ -1,55 +1,51 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { forwardRef } from "react";
-import { Button } from "../button/button.js";
-import styles from "../styles.module.css.js";
-import script from "./app-toggle.js";
-const AppComp = forwardRef(function App2({ as, className, ...rest }, ref) {
-  const Tag = as || "div";
-  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.app, className), ref, ...rest });
-});
-const AppSticky = forwardRef(function App3({ as, className, ...rest }, ref) {
-  const Tag = as || "div";
-  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.sticky, className), ref, ...rest });
-});
-const App = Object.assign(AppComp, {
-  Header: forwardRef(
-    function AppHeader(rest, ref) {
-      return /* @__PURE__ */ jsx("header", { ref, ...rest });
+import { jsx as o } from "react/jsx-runtime";
+import a from "clsx";
+import { forwardRef as p } from "react";
+import { Button as s } from "../button/button.js";
+import c from "../styles.module.css.js";
+import d from "./app-toggle.js";
+const f = p(function({ as: t, className: r, ...i }, e) {
+  return /* @__PURE__ */ o(t || "div", { className: a(c.app, r), ref: e, ...i });
+}), u = p(function({ as: t, className: r, ...i }, e) {
+  return /* @__PURE__ */ o(t || "div", { className: a(c.sticky, r), ref: e, ...i });
+}), k = Object.assign(f, {
+  Header: p(
+    function(t, r) {
+      return /* @__PURE__ */ o("header", { ref: r, ...t });
     }
   ),
-  Sidebar: forwardRef(
-    function AppSidebar(rest, ref) {
-      return /* @__PURE__ */ jsx("dialog", { role: "navigation", ref, ...rest });
+  Sidebar: p(
+    function(t, r) {
+      return /* @__PURE__ */ o("dialog", { role: "navigation", ref: r, ...t });
     }
   ),
-  Sticky: AppSticky,
-  Toggle: forwardRef(
-    function AppToggle({ children, ...rest }, ref) {
-      return /* @__PURE__ */ jsx(
-        Button,
+  Sticky: u,
+  Toggle: p(
+    function({ children: t, ...r }, i) {
+      return /* @__PURE__ */ o(
+        s,
         {
           "data-command": "toggle-app-expanded",
           "data-tooltip": "Vis meny",
-          ref,
-          ...rest,
-          children: children ?? "Skjul meny"
+          ref: i,
+          ...r,
+          children: t ?? "Skjul meny"
         }
       );
     }
   ),
-  Main: forwardRef(function AppMain(rest, ref) {
-    return /* @__PURE__ */ jsx("main", { ref, ...rest });
+  Main: p(function(t, r) {
+    return /* @__PURE__ */ o("main", { ref: r, ...t });
   }),
-  Footer: forwardRef(
-    function AppFooter(rest, ref) {
-      return /* @__PURE__ */ jsx("footer", { ref, ...rest });
+  Footer: p(
+    function(t, r) {
+      return /* @__PURE__ */ o("footer", { ref: r, ...t });
     }
   ),
   // Needed to avoid flash of unstyled content and still be Next.js hydration compatible
-  Script: () => /* @__PURE__ */ jsx("script", { id: "mtds-app-script", children: script })
+  Script: () => /* @__PURE__ */ o("script", { id: "mtds-app-script", children: d })
 });
 export {
-  App
+  k 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<As>;\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 <dialog role=\"navigation\" ref={ref} {...rest} />;\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\tdata-command=\"toggle-app-expanded\"\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":["App"],"mappings":";;;;;;AAsBA,MAAM,UAAU,WAAiB,SAASA,KAExC,EAAE,IAAI,WAAW,GAAG,KAAA,GAAsB,KAA0B;AACrE,QAAM,MAAM,MAAM;AAElB,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,KAAK,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AACzE,CAAC;AAED,MAAM,YAAY,WAAiB,SAASA,KAE1C,EAAE,IAAI,WAAW,GAAG,KAAA,GAAsB,KAA0B;AACrE,QAAM,MAAM,MAAM;AAElB,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC5E,CAAC;AAEM,MAAM,MAAM,OAAO,OAAO,SAAS;AAAA,EACzC,QAAQ;AAAA,IACP,SAAS,UAAU,MAAM,KAAK;AAC7B,aAAO,oBAAC,UAAA,EAAO,KAAW,GAAG,KAAA,CAAM;AAAA,IACpC;AAAA,EAAA;AAAA,EAED,SAAS;AAAA,IACR,SAAS,WAAW,MAAM,KAAK;AAC9B,iCAAQ,UAAA,EAAO,MAAK,cAAa,KAAW,GAAG,MAAM;AAAA,IACtD;AAAA,EAAA;AAAA,EAED,QAAQ;AAAA,EACR,QAAQ;AAAA,IACP,SAAS,UAAU,EAAE,UAAU,GAAG,KAAA,GAA+B,KAAK;AACrE,aACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,gBAAa;AAAA,UACb,gBAAa;AAAA,UACb;AAAA,UACC,GAAG;AAAA,UAEH,UAAA,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AAAA,EAAA;AAAA,EAED,MAAM,WAAsC,SAAS,QAAQ,MAAM,KAAK;AACvE,WAAO,oBAAC,QAAA,EAAK,KAAW,GAAG,KAAA,CAAM;AAAA,EAClC,CAAC;AAAA,EACD,QAAQ;AAAA,IACP,SAAS,UAAU,MAAM,KAAK;AAC7B,aAAO,oBAAC,UAAA,EAAO,KAAW,GAAG,KAAA,CAAM;AAAA,IACpC;AAAA,EAAA;AAAA;AAAA,EAGD,QAAQ,MAAM,oBAAC,UAAA,EAAO,IAAG,mBAAmB,UAAA,OAAA,CAAO;AACpD,CAAC;"}
+{"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<As>;\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 <dialog role=\"navigation\" ref={ref} {...rest} />;\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\tdata-command=\"toggle-app-expanded\"\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":";;;;;;AAsBA,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,+BAAQ,UAAA,EAAO,MAAK,cAAa,KAAAA,GAAW,GAAGD,GAAM;AAAA,IACtD;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,gBAAa;AAAA,UACb,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;"}

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

@@ -4,11 +4,37 @@ export { L };
 export { MTDSAtlasMarkerElement } from './atlas-marker';
 export { MTDSAtlasMatgeoElement } from './atlas-matgeo';
 export { MTDSAtlasWMSElement } from './atlas-wms';
+type Link = {
+    href: string;
+    rel: string;
+    type: string;
+    title: string;
+};
+type BBox = [number, number, number, number];
+export type MTDSAtlasCollections = Record<string, MTDSAtlasCollection>;
+export type MTDSAtlasCollection = {
+    crs: string[];
+    description: string;
+    extent: {
+        spatial: {
+            bbox: BBox[];
+        };
+    };
+    geometry: string;
+    id: string;
+    itemType: string;
+    links: Link[];
+    title: string;
+};
 declare global {
     interface HTMLElementTagNameMap {
         "mtds-atlas": MTDSAtlasElement;
     }
+    interface Window {
+        _matgeoCollections?: Promise<MTDSAtlasCollections>;
+    }
 }
+export declare const MATGEO_URL = "https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections";
 export declare class MTDSAtlasElement extends MTDSElement {
     #private;
     cluster?: L.MarkerClusterGroup;
@@ -20,4 +46,5 @@ export declare class MTDSAtlasElement extends MTDSElement {
     setView(view: string | number[], opts?: L.FitBoundsOptions): L.Map | undefined;
     latLngFromPoint(x: number, y: number): any;
     disconnectedCallback(): void;
+    getCollections(): Promise<MTDSAtlasCollections>;
 }

package/mtds/atlas/atlas-element.js

@@ -1,124 +1,103 @@
-import L from "../external/leaflet/dist/leaflet-src.js";
-import LeafletCSS from "../external/leaflet/dist/leaflet.css.js";
+import i from "../external/leaflet/dist/leaflet-src.js";
+import f from "../external/leaflet/dist/leaflet.css.js";
 import "./cluster.js";
-import { defineElement, isBrowser, MTDSElement, tag, attr, on, off } from "../utils.js";
-import css from "./atlas.css.js";
-import { MTDSAtlasMarkerElement } from "./atlas-marker.js";
-import { MTDSAtlasMatgeoElement } from "./atlas-matgeo.js";
-import { MTDSAtlasWMSElement } from "./atlas-wms.js";
-let SKIP_CLICK = 0;
-const KARTVERKET_MAX_ZOOM = 18;
-const KARTVERKET_TILES_URL = "https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png";
-const BOUNDS_NORWAY = [
+import { isBrowser as u, defineElement as g, MTDSElement as C, tag as r, attr as l, 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 c = 0;
+const d = 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 MTDSAtlasElement extends MTDSElement {
+u() && !window._matgeoCollections && (window._matgeoCollections = fetch(S).then((a) => a.json()).then((a) => a.collections.map((t) => [t.id, t])).then(Object.fromEntries));
+class m extends C {
   cluster;
   map;
   static get observedAttributes() {
     return ["data-view", "data-scrollzoom"];
   }
   constructor() {
-    super();
-    this.attachShadow({ mode: "open" }).append(
-      tag(
+    super(), this.attachShadow({ mode: "open" }).append(
+      r(
         "style",
         null,
-        `@layer leaflet{${LeafletCSS}}
-@layer mt.v2-2-29design{${css}`
+        `@layer leaflet{${f}}
+@layer mt.v2-2-30design{${b}`
       ),
-      tag("figure")
+      r("figure")
     );
   }
   connectedCallback() {
-    const container = this.shadowRoot?.lastElementChild;
-    const cluster = attr(this, "data-cluster") ?? "false";
-    const tiles = new L.TileLayer(KARTVERKET_TILES_URL, {
+    const t = this.shadowRoot?.lastElementChild, o = l(this, "data-cluster") ?? "false", e = new i.TileLayer(k, {
       attribution: "© Kartverket",
       className: "leaflet-kartverket-tiles",
-      maxZoom: KARTVERKET_MAX_ZOOM
+      maxZoom: d
     });
-    this.map = new L.Map(container, {
-      attributionControl: false,
-      fadeAnimation: false,
+    this.map = new i.Map(t, {
+      attributionControl: !1,
+      fadeAnimation: !1,
       // Prevent popup fades
-      layers: [tiles],
-      zoomControl: false,
+      layers: [e],
+      zoomControl: !1,
       zoomSnap: 0.2
-    });
-    on(this, "pointerup,click", this.#skipClick);
-    this.map.addControl(new L.Control.Attribution({ prefix: "" }));
-    this.map.addControl(new L.Control.Zoom({ position: "bottomright" }));
-    this.map.on("popupopen popupclose", this.#handlePopup, this);
-    this.cluster = new L.MarkerClusterGroup({
-      zoomToBoundsOnClick: true,
-      showCoverageOnHover: false,
-      disableClusteringAtZoom: cluster === "false" ? 1 : Number(cluster) || KARTVERKET_MAX_ZOOM + 1,
-      iconCreateFunction: (cluster2) => new L.DivIcon({
-        html: `${cluster2.getChildCount()}`,
+    }), 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: o === "false" ? 1 : Number(o) || d + 1,
+      iconCreateFunction: (s) => new i.DivIcon({
+        html: `${s.getChildCount()}`,
         className: "leaflet-cluster-icon",
         iconSize: [30, 30]
       })
     }).addTo(this.map);
-    for (const name of MTDSAtlasElement.observedAttributes)
-      this.attributeChangedCallback(name, null, attr(this, name));
+    for (const s of m.observedAttributes)
+      this.attributeChangedCallback(s, null, l(this, s));
   }
-  attributeChangedCallback(name, _prev, next) {
-    if (name === "data-view") this.setView(next || "");
-    if (name === "data-scrollzoom")
-      this.map?.scrollWheelZoom[next === "false" ? "disable" : "enable"]();
+  attributeChangedCallback(t, o, e) {
+    t === "data-view" && this.setView(e || ""), t === "data-scrollzoom" && this.map?.scrollWheelZoom[e === "false" ? "disable" : "enable"]();
   }
-  setView(view, opts) {
-    const p = `${view}`.split(",").map(parseFloat).filter(Number.isFinite);
-    const b = this.cluster?.getBounds();
-    if (p.length === 3) return this.map?.setView([p[0], p[1]], p[2], opts);
-    if (view !== "fit") return this.map?.fitBounds(BOUNDS_NORWAY, opts);
-    if (b?.isValid()) return this.map?.fitBounds(b.pad(0.1), opts);
+  setView(t, o) {
+    const e = `${t}`.split(",").map(parseFloat).filter(Number.isFinite), s = this.cluster?.getBounds();
+    if (e.length === 3) return this.map?.setView([e[0], e[1]], e[2], o);
+    if (t !== "fit") return this.map?.fitBounds(E, o);
+    if (s?.isValid()) return this.map?.fitBounds(s.pad(0.1), o);
     this.cluster?.once("layeradd", () => {
       setTimeout(() => this.setView("fit"), 50);
     });
   }
-  latLngFromPoint(x, y) {
-    return this.map?.pointerEventToLatLng({ clientX: x, clientY: y });
+  latLngFromPoint(t, o) {
+    return this.map?.pointerEventToLatLng({ clientX: t, clientY: o });
   }
   disconnectedCallback() {
-    off(this, "pointerup,click", this.#skipClick);
-    this.map?.remove();
-    this.map = this.cluster = void 0;
+    w(this, "pointerup,click", this.#t), this.map?.remove(), this.map = this.cluster = void 0;
+  }
+  async getCollections() {
+    return window._matgeoCollections || Promise.resolve({});
   }
-  #handlePopup({ type, popup }) {
-    const open = type === "popupopen";
-    const cont = popup.getElement()?.querySelector(".leaflet-popup-content");
-    const slot = cont?.querySelector(":scope > slot");
-    const id = cont?.textContent?.match(/^#(\S+)/)?.[1] || "";
-    const el = document.getElementById(slot?.name || id);
-    if (!el) return open && id && popup.close();
-    L.Util.setOptions(popup, { maxWidth: this.offsetWidth - 40 });
-    attr(el, "data-popover", open ? attr(el, "popover") : null);
-    attr(el, "popover", open ? null : attr(el, "data-popover"));
-    attr(el, "slot", open ? el.id : null);
-    if (open) popup.setContent(tag("slot", { name: el.id }));
+  #e({ type: t, popup: o }) {
+    const e = t === "popupopen", s = o.getElement()?.querySelector(".leaflet-popup-content"), h = s?.querySelector(":scope > slot"), p = s?.textContent?.match(/^#(\S+)/)?.[1] || "", n = document.getElementById(h?.name || p);
+    if (!n) return e && p && o.close();
+    i.Util.setOptions(o, { maxWidth: this.offsetWidth - 40 }), l(n, "data-popover", e ? l(n, "popover") : null), l(n, "popover", e ? null : l(n, "data-popover")), l(n, "slot", e ? n.id : null), e && o.setContent(r("slot", { name: n.id }));
   }
-  #skipClick(event) {
-    if (event.type === "click") SKIP_CLICK && event.stopPropagation?.();
-    else if (document.body.classList.contains("leaflet-dragging"))
-      SKIP_CLICK = setTimeout(() => {
-        SKIP_CLICK = 0;
-      }, 50);
+  #t(t) {
+    t.type === "click" ? c && t.stopPropagation?.() : document.body.classList.contains("leaflet-dragging") && (c = setTimeout(() => {
+      c = 0;
+    }, 50));
   }
 }
-defineElement("mtds-atlas", MTDSAtlasElement);
-if (isBrowser())
-  L.Marker.prototype.options.icon = new L.DivIcon({
-    html: '<div class="leaflet-marker-generated-slot"><div class="leaflet-marker-generated-icon"></div></div>',
-    iconSize: [0, 0]
-  });
+g("mtds-atlas", m);
+u() && (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 {
-  L,
-  MTDSAtlasElement,
-  MTDSAtlasMarkerElement,
-  MTDSAtlasMatgeoElement,
-  MTDSAtlasWMSElement
+  i as L,
+  S as MATGEO_URL,
+  m as MTDSAtlasElement,
+  O as MTDSAtlasMarkerElement,
+  R as MTDSAtlasMatgeoElement,
+  D 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\tattr,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n\toff,\n\ton,\n\ttag,\n} from \"../utils\";\nimport css from \"./atlas.css?raw\";\nexport { L };\nexport { MTDSAtlasMarkerElement } from \"./atlas-marker\";\nexport { MTDSAtlasMatgeoElement } from \"./atlas-matgeo\";\nexport { MTDSAtlasWMSElement } from \"./atlas-wms\";\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\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas\": MTDSAtlasElement;\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\";\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(\n\t\t\ttag(\n\t\t\t\t\"style\",\n\t\t\t\tnull,\n\t\t\t\t`@layer leaflet{${LeafletCSS}}\\n@layer mt.design{${css}`,\n\t\t\t),\n\t\t\ttag(\"figure\"),\n\t\t);\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: [30, 30],\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\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":["cluster"],"mappings":"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"}
+{"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\tattr,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n\toff,\n\ton,\n\ttag,\n} from \"../utils\";\nimport css from \"./atlas.css?raw\";\nexport { L };\nexport { MTDSAtlasMarkerElement } from \"./atlas-marker\";\nexport { MTDSAtlasMatgeoElement } from \"./atlas-matgeo\";\nexport { MTDSAtlasWMSElement } from \"./atlas-wms\";\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\nif (isBrowser() && !window._matgeoCollections)\n\twindow._matgeoCollections = fetch(MATGEO_URL)\n\t\t.then((res) => res.json())\n\t\t.then((d) => d.collections.map((c: MTDSAtlasCollection) => [c.id, c]))\n\t\t.then(Object.fromEntries);\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(\n\t\t\ttag(\n\t\t\t\t\"style\",\n\t\t\t\tnull,\n\t\t\t\t`@layer leaflet{${LeafletCSS}}\\n@layer mt.design{${css}`,\n\t\t\t),\n\t\t\ttag(\"figure\"),\n\t\t);\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: [30, 30],\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\treturn (\n\t\t\twindow._matgeoCollections || Promise.resolve({} as MTDSAtlasCollections)\n\t\t);\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","isBrowser","res","d","c","MTDSAtlasElement","MTDSElement","tag","LeafletCSS","css","container","cluster","attr","tiles","L","on","#skipClick","#handlePopup","name","_prev","next","view","opts","p","b","x","y","off","type","popup","open","cont","slot","id","el","event","defineElement"],"mappings":"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"}

package/mtds/atlas/atlas-marker.js

@@ -1,7 +1,7 @@
-import L from "../external/leaflet/dist/leaflet-src.js";
-import { defineElement, MTDSElement, tag, attr, on, off } from "../utils.js";
-let SLOT = 0;
-class MTDSAtlasMarkerElement extends MTDSElement {
+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() {
@@ -9,65 +9,45 @@ class MTDSAtlasMarkerElement extends MTDSElement {
   }
   connectedCallback() {
     queueMicrotask(() => {
-      const html = tag("slot", { name: `${++SLOT}` });
-      const icon = new L.DivIcon({ html, iconSize: [0, 0] });
-      this.atlas = this.closest("mtds-atlas") || void 0;
-      this.marker = new L.Marker(this.#parseLatLng(), {
+      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: false,
-        icon
-      });
-      this.marker.bindPopup(() => `#${attr(this, "popovertarget")}`);
-      this.marker.on("dragend", this.#handleDragEnd);
-      on(this, "click,keydown", this);
-      attr(this, "slot", `${SLOT}`);
-      attr(this, "role", "button");
-      attr(this, "tabindex", "0");
-      this.attributeChangedCallback("hidden");
+        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(name) {
-    const mark = this.marker;
-    const cluster = this.atlas?.cluster;
-    if (name === "popovertarget") mark?.getPopup()?.update();
-    if (name === "data-latlng") {
-      const latlng = this.#parseLatLng();
-      mark?.getLatLng().equals(latlng) || mark?.setLatLng(latlng);
+  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);
     }
-    if (name === "draggable")
-      mark?.dragging?.[this.draggable ? "enable" : "disable"]();
-    if (name === "hidden" && mark && cluster)
-      cluster[this.hidden ? "removeLayer" : "addLayer"](mark);
+    t === "draggable" && e?.dragging?.[this.draggable ? "enable" : "disable"](), t === "hidden" && e && a && a[this.hidden ? "removeLayer" : "addLayer"](e);
   }
   disconnectedCallback() {
-    off(this, "click,keydown", this);
-    this.marker?.unbindPopup().off("dragend", this.#handleDragEnd).remove();
-    this.marker = this.atlas = void 0;
+    c(this, "click,keydown", this), this.marker?.unbindPopup().off("dragend", this.#e).remove(), this.marker = this.atlas = void 0;
   }
-  handleEvent(event) {
-    if (event.type === "click") return this.marker?.fire("click");
-    if (event.key === " ") event.preventDefault();
-    if (event.key === " " || event.key === "Enter") this.click();
+  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 attr(this, "data-latlng") || "";
+    return s(this, "data-latlng") || "";
   }
-  set latlng(latlng) {
-    attr(this, "data-latlng", latlng);
+  set latlng(t) {
+    s(this, "data-latlng", t);
   }
-  #parseLatLng() {
+  #t() {
     return this.latlng?.split(",").map(parseFloat);
   }
-  #handleDragEnd(detail) {
-    const slot = detail.target._icon?.firstElementChild;
-    const self = slot?.assignedElements?.()?.[0];
-    const { lat, lng } = detail.target.getLatLng();
-    if (self) self.latlng = `${lat},${lng}`;
-    self?.dispatchEvent(new CustomEvent("dragend", { detail, bubbles: true }));
+  #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 }));
   }
 }
-defineElement("mtds-atlas-marker", MTDSAtlasMarkerElement);
+d("mtds-atlas-marker", k);
 export {
-  MTDSAtlasMarkerElement
+  k 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":[],"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;"}