@mattilsynet/design 2.2.6 → 2.2.8

package/mtds/map.js

@@ -0,0 +1,8 @@
+import { MTDSMapElement as o, getPunktFraAdresse as m } from "./map/map-element.js";
+import * as e from "leaflet";
+export {
+  e as L,
+  o as MTDSMapElement,
+  m as getPunktFraAdresse
+};
+//# sourceMappingURL=map.js.map

package/mtds/map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/mtds/package.json.js

@@ -1,4 +1,4 @@
-const o = "2.2.6";
+const o = "2.2.8";
 export {
   o as version
 };

package/mtds/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../react';
+import { Button } from '../button/button';
 export type PaginationProps = Omit<React.ComponentPropsWithoutRef<"nav">, "children"> & ({
     children?: never;
     current: number;

package/mtds/pagination/pagination.js

@@ -1,71 +1,40 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { clsx as x } from "../external/clsx/dist/clsx.js";
+import x from "clsx";
 import { forwardRef as b } from "react";
-import "../alert/alert.js";
-import "../app/app.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../breadcrumbs/breadcrumbs.js";
-import { Button as o } from "../button/button.js";
-import "../card/card.js";
-import "../chart/chart.js";
-import "../chip/chip.js";
-import "../details/details.js";
-import "../dialog/dialog.js";
-import "../divider/divider.js";
-import "../errorsummary/errorsummary.js";
-import "../field/field.js";
-import "../fieldset/fieldset.js";
-import "../helptext/helptext.js";
-import "../input/input.js";
-import "../layout/layout.js";
-import "../link/link.js";
-import "../logo/logo.js";
-import "../popover/popover.js";
-import "../progress/progress.js";
-import "../skeleton/skeleton.js";
-import "../spinner/spinner.js";
-import "../steps/steps.js";
-import "../table/table.js";
-import "../tabs/tabs.js";
-import "../tag/tag.js";
-import "../toast/toast.js";
-import "../togglegroup/togglegroup.js";
-import "../typography/typography.js";
-import "../validation/validation.js";
+import { Button as n } from "../button/button.js";
 import y from "../styles.module.css.js";
 import { pagination as v } from "./pagination-helper.js";
-const pi = b(
-  function({ children: n, className: e, current: l, total: c, show: d = 7, props: r, ...m }, s) {
-    const { pages: f, next: p, prev: a } = v({ current: l, total: c, show: d });
+const q = b(
+  function({ children: l, className: m, current: c, total: p, show: d = 7, props: a, ...e }, s) {
+    const { pages: f, next: t, prev: o } = v({ current: c, total: p, show: d });
     return /* @__PURE__ */ i(
       "nav",
       {
-        "aria-label": m["aria-label"] || "Pagination",
-        className: x(y.pagination, e),
+        "aria-label": e["aria-label"] || "Pagination",
+        className: x(y.pagination, m),
         ref: s,
-        ...m,
-        children: n || /* @__PURE__ */ u("ul", { children: [
+        ...e,
+        children: l || /* @__PURE__ */ u("ul", { children: [
           /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            o,
+            n,
             {
-              "aria-disabled": !a,
-              ...r?.({ page: a, type: "prev" })
+              "aria-disabled": !o,
+              ...a?.({ page: o, type: "prev" })
             }
           ) }),
-          f.map(({ key: g, page: t, current: h }) => /* @__PURE__ */ i("li", { children: !!t && /* @__PURE__ */ i(
-            o,
+          f.map(({ key: g, page: r, current: h }) => /* @__PURE__ */ i("li", { children: !!r && /* @__PURE__ */ i(
+            n,
             {
               "aria-current": h,
-              children: t,
-              ...r?.({ page: t, type: "page" })
+              children: r,
+              ...a?.({ page: r, type: "page" })
             }
           ) }, g)),
           /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            o,
+            n,
             {
-              "aria-disabled": !p,
-              ...r?.({ page: p, type: "next" })
+              "aria-disabled": !t,
+              ...a?.({ page: t, type: "next" })
             }
           ) })
         ] })
@@ -74,6 +43,6 @@ const pi = b(
   }
 );
 export {
-  pi as Pagination
+  q as Pagination
 };
 //# sourceMappingURL=pagination.js.map

package/mtds/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../react\";\nimport styles from \"../styles.module.css\";\nimport { pagination } from \"./pagination-helper\";\n\nexport type PaginationProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"nav\">,\n\t\"children\"\n> &\n\t(\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, className, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<nav\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Pagination\"}\n\t\t\t\tclassName={clsx(styles.pagination, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</nav>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","className","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","clsx","styles","Button","key","page"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,MAAMA,KAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAC3DC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,cAAYN,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWO,EAAKC,EAAO,YAAYb,CAAS;AAAA,QAC5C,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAN,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAY,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
+{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../button/button\";\nimport styles from \"../styles.module.css\";\nimport { pagination } from \"./pagination-helper\";\n\nexport type PaginationProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"nav\">,\n\t\"children\"\n> &\n\t(\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, className, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<nav\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Pagination\"}\n\t\t\t\tclassName={clsx(styles.pagination, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</nav>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","className","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","clsx","styles","Button","key","page"],"mappings":";;;;;;AA8BO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAC3DC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,cAAYN,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWO,EAAKC,EAAO,YAAYb,CAAS;AAAA,QAC5C,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAN,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAY,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}

package/mtds/popover/popover-observer.js

@@ -1,39 +1,42 @@
-import { flip as f, shift as g, size as m } from "../external/@floating-ui/dom/dist/floating-ui.dom.js";
-import u from "../styles.module.css.js";
-import { onLoaded as v, on as c, QUICK_EVENT as p, attr as a, anchorPosition as d } from "../utils.js";
-const r = u.popover.split(" ")[0], l = "_mtds-popover-auto";
-function h({ target: o, newState: t }) {
-  if (o instanceof HTMLElement && o.classList.contains(r)) {
-    const s = t === "closed", n = a(o, "data-overscroll") === "contain", e = o.getRootNode()?.querySelector(
+import { flip as f, shift as g, size as u } from "@floating-ui/dom";
+import v from "../styles.module.css.js";
+import { onLoaded as h, on as r, QUICK_EVENT as p, attr as s, anchorPosition as l } from "../utils.js";
+const c = v.popover.split(" ")[0], d = "_mtds-popover-auto";
+function E({ target: o, newState: t }) {
+  if (o instanceof HTMLElement && o.classList.contains(c)) {
+    const i = t === "closed", e = s(o, "data-overscroll") === "contain", n = Number(s(o, "data-inset")) || 20, a = o.getRootNode()?.querySelector(
       `[popovertarget="${o.id}"]`
     );
-    s ? d(o, !1) : e && d(o, e, {
-      placement: a(o, "data-position") || "bottom",
-      middleware: [f(), g({ padding: 10 })].concat(
-        n ? m({
-          padding: 10,
-          apply({ availableHeight: i }) {
-            o.style.maxHeight = `${Math.max(50, i)}px`;
+    i ? l(o, !1) : a && l(o, a, {
+      placement: s(o, "data-position") || "bottom",
+      middleware: [f(), g({ padding: n })].concat(
+        e ? u({
+          padding: n,
+          apply({ availableHeight: m }) {
+            o.style.maxHeight = `${Math.max(50, m)}px`;
           }
         }) : []
       )
     });
   }
 }
-function E({ target: o, newState: t }) {
-  t === "open" && o instanceof HTMLElement && o.classList.contains(r) && a(o, "popover") !== "manual" && (o.classList.add(l), a(o, "popover", "manual"));
+function L({ target: o, newState: t }) {
+  t === "open" && o instanceof HTMLElement && o.classList.contains(c) && s(o, "popover") !== "manual" && (o.classList.add(d), s(o, "popover", "manual"));
 }
-function L(o) {
-  const t = o.target?.closest?.("a,button"), s = t && a(t, "popovertarget"), n = s ? document.getElementById(s) : t?.closest(`.${r}`);
-  for (const e of document.getElementsByClassName(l))
-    !e.contains(o.target) && n !== e && e.hidePopover();
-  if (n && t) {
-    const e = a(t, "popovertargetaction"), i = e === "show" || (e === "hide" ? !1 : void 0);
-    if (t instanceof HTMLButtonElement && !e && n.contains(t)) return;
-    n instanceof HTMLElement && n.isConnected && n.togglePopover && (o.preventDefault(), n.togglePopover(i));
+function C(o) {
+  const t = o.target?.closest?.("a,button"), i = t && s(t, "popovertarget"), e = i ? document.getElementById(i) : t?.closest(`.${c}`);
+  for (const n of document.getElementsByClassName(d))
+    !n.contains(o.target) && e !== n && n.hidePopover();
+  if (e?.classList.contains(c) && t) {
+    const n = s(t, "popovertargetaction"), a = n === "show" || (n === "hide" ? !1 : void 0);
+    if (t instanceof HTMLButtonElement && !n && e.contains(t)) return;
+    if (e instanceof HTMLElement && e.isConnected) {
+      if (o.preventDefault(), e.hasAttribute("popover")) return e.togglePopover(a);
+      console.error(`Element "${e.id}" is missing "popover" attribute`);
+    }
   }
 }
-v(() => {
-  c(document, "click", L), c(document, "toggle", h, p), c(document, "beforetoggle", E, p);
+h(() => {
+  r(document, "click", C), r(document, "toggle", E, p), r(document, "beforetoggle", L, p);
 });
 //# sourceMappingURL=popover-observer.js.map

package/mtds/popover/popover-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-observer.js","sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import { flip, type Placement, shift, size } from \"@floating-ui/dom\";\nimport styles from \"../styles.module.css\";\nimport { anchorPosition, attr, on, onLoaded, QUICK_EVENT } from \"../utils\";\n\nconst CSS_POPOVER = styles.popover.split(\" \")[0];\nconst CSS_AUTO = `_mtds-popover-auto`;\n\ntype EventToggle = Event & Partial<ToggleEvent>;\n\nfunction handlePopoverToggle({ target: el, newState }: EventToggle) {\n\tif (el instanceof HTMLElement && el.classList.contains(CSS_POPOVER)) {\n\t\tconst isClosing = newState === \"closed\";\n\t\tconst isContain = attr(el, \"data-overscroll\") === \"contain\";\n\t\tconst anchor = (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(\n\t\t\t`[popovertarget=\"${el.id}\"]`,\n\t\t);\n\n\t\tif (isClosing) anchorPosition(el, false);\n\t\telse if (anchor)\n\t\t\tanchorPosition(el, anchor, {\n\t\t\t\tplacement: (attr(el, \"data-position\") || \"bottom\") as Placement,\n\t\t\t\tmiddleware: [flip(), shift({ padding: 10 })].concat(\n\t\t\t\t\tisContain\n\t\t\t\t\t\t? size({\n\t\t\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\t\t\tapply({ availableHeight }) {\n\t\t\t\t\t\t\t\t\tel.style.maxHeight = `${Math.max(50, availableHeight)}px`;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: [],\n\t\t\t\t),\n\t\t\t});\n\t}\n}\n\nfunction handlePopoverBeforetoggle({ target: el, newState }: EventToggle) {\n\tif (\n\t\tnewState === \"open\" &&\n\t\tel instanceof HTMLElement &&\n\t\tel.classList.contains(CSS_POPOVER) &&\n\t\tattr(el, \"popover\") !== \"manual\"\n\t) {\n\t\tel.classList.add(CSS_AUTO);\n\t\tattr(el, \"popover\", \"manual\"); // Make manual to prevent closing when clicking scrollbar\n\t}\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverLinkClick(event: Event) {\n\tconst el = (event.target as Element)?.closest?.(\"a,button\");\n\tconst id = el && attr(el, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : el?.closest(`.${CSS_POPOVER}`);\n\n\t// Manually close popovers where click was outside\n\tfor (const open of document.getElementsByClassName(CSS_AUTO))\n\t\tif (!open.contains(event.target as Node) && pop !== open)\n\t\t\t(open as HTMLElement).hidePopover();\n\n\tif (pop && el) {\n\t\tconst action = attr(el, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\n\t\t// Popover can be disconneted by click handler deeper down in the DOM three before reaching document\n\t\tif (el instanceof HTMLButtonElement && !action && pop.contains(el)) return; // Require \"popovertargetaction\" attribute to make buttons inside popover toggle\n\t\tif (pop instanceof HTMLElement && pop.isConnected && pop.togglePopover) {\n\t\t\tevent.preventDefault(); // Prevent browser popover API since we are doing it ourselves\n\t\t\tpop.togglePopover(open);\n\t\t}\n\t}\n}\n\nonLoaded(() => {\n\ton(document, \"click\", handlePopoverLinkClick); // Allow `<a>` to use `popovertarget` as well\n\ton(document, \"toggle\", handlePopoverToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n\ton(document, \"beforetoggle\", handlePopoverBeforetoggle, QUICK_EVENT); // Use capture since toggle does not bubble\n});\n"],"names":["CSS_POPOVER","styles","CSS_AUTO","handlePopoverToggle","el","newState","isClosing","isContain","attr","anchor","anchorPosition","flip","shift","size","availableHeight","handlePopoverBeforetoggle","handlePopoverLinkClick","event","id","pop","open","action","onLoaded","on","QUICK_EVENT"],"mappings":";;;AAIA,MAAMA,IAAcC,EAAO,QAAQ,MAAM,GAAG,EAAE,CAAC,GACzCC,IAAW;AAIjB,SAASC,EAAoB,EAAE,QAAQC,GAAI,UAAAC,KAAyB;AACnE,MAAID,aAAc,eAAeA,EAAG,UAAU,SAASJ,CAAW,GAAG;AACpE,UAAMM,IAAYD,MAAa,UACzBE,IAAYC,EAAKJ,GAAI,iBAAiB,MAAM,WAC5CK,IAAUL,EAAG,YAAA,GAA8B;AAAA,MAChD,mBAAmBA,EAAG,EAAE;AAAA,IAAA;AAGzB,IAAIE,IAAWI,EAAeN,GAAI,EAAK,IAC9BK,KACRC,EAAeN,GAAIK,GAAQ;AAAA,MAC1B,WAAYD,EAAKJ,GAAI,eAAe,KAAK;AAAA,MACzC,YAAY,CAACO,EAAA,GAAQC,EAAM,EAAE,SAAS,GAAA,CAAI,CAAC,EAAE;AAAA,QAC5CL,IACGM,EAAK;AAAA,UACL,SAAS;AAAA,UACT,MAAM,EAAE,iBAAAC,KAAmB;AAC1B,YAAAV,EAAG,MAAM,YAAY,GAAG,KAAK,IAAI,IAAIU,CAAe,CAAC;AAAA,UACtD;AAAA,QAAA,CACA,IACA,CAAA;AAAA,MAAC;AAAA,IACL,CACA;AAAA,EACH;AACD;AAEA,SAASC,EAA0B,EAAE,QAAQX,GAAI,UAAAC,KAAyB;AACzE,EACCA,MAAa,UACbD,aAAc,eACdA,EAAG,UAAU,SAASJ,CAAW,KACjCQ,EAAKJ,GAAI,SAAS,MAAM,aAExBA,EAAG,UAAU,IAAIF,CAAQ,GACzBM,EAAKJ,GAAI,WAAW,QAAQ;AAE9B;AAKA,SAASY,EAAuBC,GAAc;AAC7C,QAAMb,IAAMa,EAAM,QAAoB,UAAU,UAAU,GACpDC,IAAKd,KAAMI,EAAKJ,GAAI,eAAe,GACnCe,IAAMD,IAAK,SAAS,eAAeA,CAAE,IAAId,GAAI,QAAQ,IAAIJ,CAAW,EAAE;AAG5E,aAAWoB,KAAQ,SAAS,uBAAuBlB,CAAQ;AAC1D,IAAI,CAACkB,EAAK,SAASH,EAAM,MAAc,KAAKE,MAAQC,KAClDA,EAAqB,YAAA;AAExB,MAAID,KAAOf,GAAI;AACd,UAAMiB,IAASb,EAAKJ,GAAI,qBAAqB,GACvCgB,IAAOC,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAG/D,QAAIjB,aAAc,qBAAqB,CAACiB,KAAUF,EAAI,SAASf,CAAE,EAAG;AACpE,IAAIe,aAAe,eAAeA,EAAI,eAAeA,EAAI,kBACxDF,EAAM,eAAA,GACNE,EAAI,cAAcC,CAAI;AAAA,EAExB;AACD;AAEAE,EAAS,MAAM;AACd,EAAAC,EAAG,UAAU,SAASP,CAAsB,GAC5CO,EAAG,UAAU,UAAUpB,GAAqBqB,CAAW,GACvDD,EAAG,UAAU,gBAAgBR,GAA2BS,CAAW;AACpE,CAAC;"}
+{"version":3,"file":"popover-observer.js","sources":["../../designsystem/popover/popover-observer.ts"],"sourcesContent":["import { flip, type Placement, shift, size } from \"@floating-ui/dom\";\nimport styles from \"../styles.module.css\";\nimport { anchorPosition, attr, on, onLoaded, QUICK_EVENT } from \"../utils\";\n\nconst CSS_POPOVER = styles.popover.split(\" \")[0];\nconst CSS_AUTO = `_mtds-popover-auto`;\n\ntype EventToggle = Event & Partial<ToggleEvent>;\n\nfunction handlePopoverToggle({ target: el, newState }: EventToggle) {\n\tif (el instanceof HTMLElement && el.classList.contains(CSS_POPOVER)) {\n\t\tconst isClosing = newState === \"closed\";\n\t\tconst isContain = attr(el, \"data-overscroll\") === \"contain\";\n\t\tconst padding = Number(attr(el, \"data-inset\")) || 20;\n\t\tconst anchor = (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(\n\t\t\t`[popovertarget=\"${el.id}\"]`,\n\t\t);\n\n\t\tif (isClosing) anchorPosition(el, false);\n\t\telse if (anchor)\n\t\t\tanchorPosition(el, anchor, {\n\t\t\t\tplacement: (attr(el, \"data-position\") || \"bottom\") as Placement,\n\t\t\t\tmiddleware: [flip(), shift({ padding })].concat(\n\t\t\t\t\tisContain\n\t\t\t\t\t\t? size({\n\t\t\t\t\t\t\t\tpadding,\n\t\t\t\t\t\t\t\tapply({ availableHeight }) {\n\t\t\t\t\t\t\t\t\tel.style.maxHeight = `${Math.max(50, availableHeight)}px`;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: [],\n\t\t\t\t),\n\t\t\t});\n\t}\n}\n\nfunction handlePopoverBeforetoggle({ target: el, newState }: EventToggle) {\n\tif (\n\t\tnewState === \"open\" &&\n\t\tel instanceof HTMLElement &&\n\t\tel.classList.contains(CSS_POPOVER) &&\n\t\tattr(el, \"popover\") !== \"manual\"\n\t) {\n\t\tel.classList.add(CSS_AUTO);\n\t\tattr(el, \"popover\", \"manual\"); // Make manual to prevent closing when clicking scrollbar\n\t}\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handlePopoverLinkClick(event: Event) {\n\tconst el = (event.target as Element)?.closest?.(\"a,button\");\n\tconst id = el && attr(el, \"popovertarget\");\n\tconst pop = id ? document.getElementById(id) : el?.closest(`.${CSS_POPOVER}`);\n\n\t// Manually close popovers where click was outside\n\tfor (const open of document.getElementsByClassName(CSS_AUTO))\n\t\tif (!open.contains(event.target as Node) && pop !== open)\n\t\t\t(open as HTMLElement).hidePopover();\n\n\tif (pop?.classList.contains(CSS_POPOVER) && el) {\n\t\tconst action = attr(el, \"popovertargetaction\");\n\t\tconst open = action === \"show\" || (action === \"hide\" ? false : undefined);\n\n\t\t// Popover can be disconneted by click handler deeper down in the DOM three before reaching document\n\t\tif (el instanceof HTMLButtonElement && !action && pop.contains(el)) return; // Require \"popovertargetaction\" attribute to make buttons inside popover toggle\n\t\tif (pop instanceof HTMLElement && pop.isConnected) {\n\t\t\tevent.preventDefault(); // Prevent browser popover API since we are doing it ourselves\n\t\t\tif (pop.hasAttribute(\"popover\")) return pop.togglePopover(open);\n\t\t\tconsole.error(`Element \"${pop.id}\" is missing \"popover\" attribute`);\n\t\t}\n\t}\n}\n\nonLoaded(() => {\n\ton(document, \"click\", handlePopoverLinkClick); // Allow `<a>` to use `popovertarget` as well\n\ton(document, \"toggle\", handlePopoverToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n\ton(document, \"beforetoggle\", handlePopoverBeforetoggle, QUICK_EVENT); // Use capture since toggle does not bubble\n});\n"],"names":["CSS_POPOVER","styles","CSS_AUTO","handlePopoverToggle","el","newState","isClosing","isContain","attr","padding","anchor","anchorPosition","flip","shift","size","availableHeight","handlePopoverBeforetoggle","handlePopoverLinkClick","event","id","pop","open","action","onLoaded","on","QUICK_EVENT"],"mappings":";;;AAIA,MAAMA,IAAcC,EAAO,QAAQ,MAAM,GAAG,EAAE,CAAC,GACzCC,IAAW;AAIjB,SAASC,EAAoB,EAAE,QAAQC,GAAI,UAAAC,KAAyB;AACnE,MAAID,aAAc,eAAeA,EAAG,UAAU,SAASJ,CAAW,GAAG;AACpE,UAAMM,IAAYD,MAAa,UACzBE,IAAYC,EAAKJ,GAAI,iBAAiB,MAAM,WAC5CK,IAAU,OAAOD,EAAKJ,GAAI,YAAY,CAAC,KAAK,IAC5CM,IAAUN,EAAG,YAAA,GAA8B;AAAA,MAChD,mBAAmBA,EAAG,EAAE;AAAA,IAAA;AAGzB,IAAIE,IAAWK,EAAeP,GAAI,EAAK,IAC9BM,KACRC,EAAeP,GAAIM,GAAQ;AAAA,MAC1B,WAAYF,EAAKJ,GAAI,eAAe,KAAK;AAAA,MACzC,YAAY,CAACQ,KAAQC,EAAM,EAAE,SAAAJ,EAAA,CAAS,CAAC,EAAE;AAAA,QACxCF,IACGO,EAAK;AAAA,UACL,SAAAL;AAAA,UACA,MAAM,EAAE,iBAAAM,KAAmB;AAC1B,YAAAX,EAAG,MAAM,YAAY,GAAG,KAAK,IAAI,IAAIW,CAAe,CAAC;AAAA,UACtD;AAAA,QAAA,CACA,IACA,CAAA;AAAA,MAAC;AAAA,IACL,CACA;AAAA,EACH;AACD;AAEA,SAASC,EAA0B,EAAE,QAAQZ,GAAI,UAAAC,KAAyB;AACzE,EACCA,MAAa,UACbD,aAAc,eACdA,EAAG,UAAU,SAASJ,CAAW,KACjCQ,EAAKJ,GAAI,SAAS,MAAM,aAExBA,EAAG,UAAU,IAAIF,CAAQ,GACzBM,EAAKJ,GAAI,WAAW,QAAQ;AAE9B;AAKA,SAASa,EAAuBC,GAAc;AAC7C,QAAMd,IAAMc,EAAM,QAAoB,UAAU,UAAU,GACpDC,IAAKf,KAAMI,EAAKJ,GAAI,eAAe,GACnCgB,IAAMD,IAAK,SAAS,eAAeA,CAAE,IAAIf,GAAI,QAAQ,IAAIJ,CAAW,EAAE;AAG5E,aAAWqB,KAAQ,SAAS,uBAAuBnB,CAAQ;AAC1D,IAAI,CAACmB,EAAK,SAASH,EAAM,MAAc,KAAKE,MAAQC,KAClDA,EAAqB,YAAA;AAExB,MAAID,GAAK,UAAU,SAASpB,CAAW,KAAKI,GAAI;AAC/C,UAAMkB,IAASd,EAAKJ,GAAI,qBAAqB,GACvCiB,IAAOC,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAG/D,QAAIlB,aAAc,qBAAqB,CAACkB,KAAUF,EAAI,SAAShB,CAAE,EAAG;AACpE,QAAIgB,aAAe,eAAeA,EAAI,aAAa;AAElD,UADAF,EAAM,eAAA,GACFE,EAAI,aAAa,SAAS,EAAG,QAAOA,EAAI,cAAcC,CAAI;AAC9D,cAAQ,MAAM,YAAYD,EAAI,EAAE,kCAAkC;AAAA,IACnE;AAAA,EACD;AACD;AAEAG,EAAS,MAAM;AACd,EAAAC,EAAG,UAAU,SAASP,CAAsB,GAC5CO,EAAG,UAAU,UAAUrB,GAAqBsB,CAAW,GACvDD,EAAG,UAAU,gBAAgBR,GAA2BS,CAAW;AACpE,CAAC;"}

package/mtds/popover/popover.d.ts

@@ -1,10 +1,10 @@
 import { Placement } from '@floating-ui/dom';
 import { JSX } from 'react';
-import { PolymorphicComponentPropWithRef, PopoverValues } from '../react-types';
+import { PolymorphicComponentPropWithRef } from '../react-types';
 export type PopoverProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, {
     "data-position"?: Placement;
     "data-overscroll"?: "contain";
-    popover?: PopoverValues;
+    popover?: React.HTMLAttributes<HTMLElement>["popover"];
 }>;
 type PopoverComponent = <As extends React.ElementType = "div">(props: PopoverProps<As>) => JSX.Element;
 export declare const Popover: PopoverComponent;

package/mtds/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { clsx as m } from "../external/clsx/dist/clsx.js";
+import m from "clsx";
 import { forwardRef as s } from "react";
 import f from "../styles.module.css.js";
 const u = s(function({ as: o, className: r, ...p }, t) {

package/mtds/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.tsx"],"sourcesContent":["import type { Placement } from \"@floating-ui/dom\";\nimport clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tPopoverValues,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type PopoverProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-position\"?: Placement;\n\t\t\t\"data-overscroll\"?: \"contain\";\n\t\t\tpopover?: PopoverValues;\n\t\t}\n\t>;\n\ntype PopoverComponent = <As extends React.ElementType = \"div\">(\n\tprops: PopoverProps<As>,\n) => JSX.Element;\n\nexport const Popover: PopoverComponent = forwardRef<null>(function Popover<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: PopoverProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn (\n\t\t<Tag\n\t\t\tpopover=\"auto\"\n\t\t\tclassName={clsx(styles.popover, className)}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as PopoverComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Popover","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAwBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC;AAAA,IAHWJ,KAAM;AAAA,IAGhB;AAAA,MACA,SAAQ;AAAA,MACR,WAAWK,EAAKC,EAAO,SAASL,CAAS;AAAA,MACzC,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.tsx"],"sourcesContent":["import type { Placement } from \"@floating-ui/dom\";\nimport clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type PopoverProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-position\"?: Placement;\n\t\t\t\"data-overscroll\"?: \"contain\";\n\t\t\tpopover?: React.HTMLAttributes<HTMLElement>[\"popover\"];\n\t\t}\n\t>;\n\ntype PopoverComponent = <As extends React.ElementType = \"div\">(\n\tprops: PopoverProps<As>,\n) => JSX.Element;\n\nexport const Popover: PopoverComponent = forwardRef<null>(function Popover<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: PopoverProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn (\n\t\t<Tag\n\t\t\tpopover=\"auto\"\n\t\t\tclassName={clsx(styles.popover, className)}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as PopoverComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Popover","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAuBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC;AAAA,IAHWJ,KAAM;AAAA,IAGhB;AAAA,MACA,SAAQ;AAAA,MACR,WAAWK,EAAKC,EAAO,SAASL,CAAS;AAAA,MACzC,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/mtds/react-types.d.ts

@@ -7,12 +7,11 @@ export type PolymorphicComponentPropWithRef<As extends React.ElementType, Props
     ref?: PolymorphicRef<As>;
 };
 export type PolymorphicRef<As extends React.ElementType> = React.ComponentPropsWithRef<As>["ref"];
-export type PopoverValues = "" | "auto" | "manual" | undefined;
 export type Sizes = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "18" | "22" | "26" | "30" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 22 | 26 | 30;
 declare global {
     namespace React {
         interface HTMLAttributes<T> {
-            popover?: PopoverValues;
+            popover?: React.HTMLAttributes<HTMLElement>["popover"];
             popovertarget?: string;
             "data-color"?: "main" | "neutral" | "success" | "danger" | "info" | "warning" | "inverted";
             "data-size"?: "sm" | "md" | "lg" | (string & {});
@@ -22,7 +21,7 @@ declare global {
     }
     namespace React.JSX {
         interface IntrinsicAttributes {
-            popover?: PopoverValues;
+            popover?: React.HTMLAttributes<HTMLElement>["popover"];
             popovertarget?: string;
             popovertargetaction?: string;
         }

package/mtds/skeleton/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { clsx as s } from "../external/clsx/dist/clsx.js";
+import s from "clsx";
 import { forwardRef as f } from "react";
 import i from "../styles.module.css.js";
 const x = f(function({ as: r, className: t, ...o }, e) {

package/mtds/spinner/spinner.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { clsx as p } from "../external/clsx/dist/clsx.js";
+import p from "clsx";
 import { forwardRef as s } from "react";
 import t from "../styles.module.css.js";
 const l = s(

package/mtds/steps/steps.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { clsx as m } from "../external/clsx/dist/clsx.js";
+import m from "clsx";
 import { forwardRef as e } from "react";
 import p from "../styles.module.css.js";
 const a = e(function({ className: o, ...r }, t) {