@mattilsynet/design 2.1.1 → 2.1.3

package/mtds/utils.js

@@ -1,96 +1,85 @@
-import { clsx as P } from "./external/clsx/dist/clsx.js";
-const X = { capture: !0, passive: !0 }, y = typeof window < "u" && typeof document < "u";
-function K(t, n) {
+import { autoUpdate as m, computePosition as l } from "./external/@floating-ui/dom/dist/floating-ui.dom.js";
+const $ = { capture: !0, passive: !0 }, p = typeof window < "u" && typeof document < "u";
+function h(t, n) {
   let e;
-  return (...o) => {
-    clearTimeout(e), e = setTimeout(() => t(...o), n);
+  return (...i) => {
+    clearTimeout(e), e = setTimeout(() => t(...i), n);
   };
 }
-function Q(t, n, e) {
+function A(t, n, e) {
   return e === void 0 ? t.getAttribute(n) ?? null : (e === null ? t.removeAttribute(n) : t.getAttribute(n) !== e && t.setAttribute(n, e), null);
 }
-let Y = 0;
-const F = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-function j(t) {
-  return t.id || (t.id = `${F}${++Y}`), t.id;
+let w = 0;
+const E = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
+function C(t) {
+  return t.id || (t.id = `${E}${++w}`), t.id;
 }
-const L = (t, n, [...e]) => {
-  for (const o of e[0].split(","))
-    e[0] = o, n[`${t}EventListener`](...e);
-}, H = (t, ...n) => {
-  f && (t === window || t === document) && f.push(() => V(t, ...n)), L("add", t, n);
-}, V = (t, ...n) => L("remove", t, n);
-let f = null;
-const J = (t) => {
-  if (!y) return;
+const c = (t, n, [...e]) => {
+  for (const i of e[0].split(","))
+    e[0] = i, n[`${t}EventListener`](...e);
+}, b = (t, ...n) => {
+  s && (t === window || t === document) && s.push(() => v(t, ...n)), c("add", t, n);
+}, v = (t, ...n) => c("remove", t, n);
+let s = null;
+const S = (t) => {
+  if (!p) return;
   window._mtdsUnbindEvents || (window._mtdsUnbindEvents = /* @__PURE__ */ new Map());
   const n = () => requestAnimationFrame(() => {
     const e = String(t).replace(/(\n|\s)/g, "");
-    window._mtdsUnbindEvents?.get(e)?.forEach((o) => o()), f = [], t(), window._mtdsUnbindEvents?.set(e, f?.slice(0)), f = null;
+    window._mtdsUnbindEvents?.get(e)?.forEach((i) => {
+      i();
+    }), s = [], t(), window._mtdsUnbindEvents?.set(e, s?.slice(0)), s = null;
   });
-  document.readyState === "complete" ? n() : H(window, "load", n);
-}, l = y ? document.createElement("div") : null, m = /* @__PURE__ */ new Map(), k = () => {
-  for (const [t, n] of m) n();
-};
-l && (l.style.cssText = "position:absolute;padding:1px;top:0;left:0px", H(window, "load,resize,scroll", k, X));
-const r = { top: 0, right: 1, bottom: 2, left: 3 };
-function q(t, n, e, o) {
-  const i = r[e] ?? Number(e) ?? r.bottom;
-  if (n === !1 || !n.isConnected || !t.isConnected)
-    return m.delete(t);
-  l?.isConnected || document.body.append(l || ""), m.has(t) || m.set(t, () => q(t, n, i, o));
-  const { offsetWidth: c, offsetHeight: s } = t, { width: w, height: U, left: x, top: A } = n.getBoundingClientRect(), E = n instanceof HTMLElement, p = E ? n.offsetWidth : n.clientWidth, u = E ? n.offsetHeight : n.clientHeight, g = window.visualViewport?.width || window.innerWidth, v = window.visualViewport?.height || window.innerHeight, M = window.pageXOffset || document.documentElement.scrollLeft, O = window.pageYOffset || document.documentElement.scrollTop, a = Math.round(x - (p - w) / 2), d = Math.round(A - (u - U) / 2), R = Math.min(
-    Math.max(10, a - (c - p) / 2),
-    g - c - 10
-  ), C = Math.min(
-    Math.max(10, d - (s - u) / 2),
-    v - s - 10
-  ), W = a - c > 0, _ = a + p + c < g, $ = d - s > 0, I = d + u + s < v, T = i === r.top || i === r.bottom, B = i === r.right && (o || _) || !W, S = i === r.bottom && (o || I) || !$, D = Math.round(
-    T ? R : B ? a + p : a - c
-  ), N = Math.round(
-    T ? S ? d + u : d - s : C
-  );
-  t.style.position = "absolute", t.style.left = `${D + M}px`, t.style.top = `${N + O}px`, l?.style.setProperty(
-    "translate",
-    `0px ${Math.round(S ? M + d + u + s + 30 : 0)}px`
+  document.readyState === "complete" ? n() : b(window, "load", n);
+}, u = /* @__PURE__ */ new WeakMap();
+function y(t, n, e) {
+  u.get(t)?.(), u.delete(t), n && u.set(
+    t,
+    m(n, t, () => {
+      if (!t.isConnected || !n.isConnected || t.hidden)
+        return y(t, !1);
+      l(n, t, e).then(({ x: i, y: o }) => {
+        t.style.left = `${i}px`, t.style.top = `${o}px`;
+      });
+    })
   );
 }
-function z(t) {
+function M(t) {
   let n = 0;
-  const e = () => setTimeout(o, 200), o = () => {
-    t([], i), i.takeRecords(), n = 0;
-  }, i = new MutationObserver(() => {
+  const e = () => setTimeout(i, 200), i = () => {
+    t([], o), o.takeRecords(), n = 0;
+  }, o = new MutationObserver(() => {
     n || (n = requestAnimationFrame(e));
   });
-  return i;
+  return o;
 }
-const h = /* @__PURE__ */ new WeakMap(), Z = (t, n, e) => {
-  const o = t.getElementsByClassName(n), i = h.get(t) || [];
-  i.length || (h.set(t, i), z((c, s) => {
-    if (t.isConnected && i?.length)
-      for (const w of i) w();
+const d = /* @__PURE__ */ new WeakMap(), L = (t, n, e) => {
+  const i = t.getElementsByClassName(n), o = d.get(t) || [];
+  o.length || (d.set(t, o), M((T, f) => {
+    if (t.isConnected && o?.length)
+      for (const a of o) a();
     else
-      s?.disconnect(), h.delete(t);
+      f?.disconnect(), d.delete(t);
   }).observe(t, {
     attributeFilter: ["class", "hidden"],
     attributes: !0,
     childList: !0,
     subtree: !0
-  })), i.push(() => e(o));
-}, tt = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), b = "aria-selected", nt = ({ className: t, hidden: n, open: e, ...o }, i) => (o.suppressHydrationWarning = !0, o[b] !== void 0 && (o[b] = `${(o[b] || "false") !== "false"}`), (t || i) && (o.class = P(i, t || "")), n && (o.hidden = !0), e && (o.open = !0), o);
+  })), o.push(() => e(i));
+}, _ = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), r = "aria-selected", I = ({ className: t, hidden: n, open: e, ...i }, o) => (i.suppressHydrationWarning = !0, i[r] !== void 0 && (i[r] = `${(i[r] || "false") !== "false"}`), (t || o) && (i.class = `${o} ${t}`.trim()), n && (i.hidden = !0), e && (i.open = !0), i);
 export {
-  y as IS_BROWSER,
-  X as QUICK_EVENT,
-  q as anchorPosition,
-  Q as attr,
-  z as createOptimizedMutationObserver,
-  K as debounce,
-  tt as isInputLike,
-  V as off,
-  H as on,
-  J as onLoaded,
-  Z as onMutation,
-  nt as toCustomElementProps,
-  j as useId
+  p as IS_BROWSER,
+  $ as QUICK_EVENT,
+  y as anchorPosition,
+  A as attr,
+  M as createOptimizedMutationObserver,
+  h as debounce,
+  _ as isInputLike,
+  v as off,
+  b as on,
+  S as onLoaded,
+  L as onMutation,
+  I as toCustomElementProps,
+  C as useId
 };
 //# sourceMappingURL=utils.js.map

package/mtds/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import { clsx } from \"clsx\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const IS_BROWSER =\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\";\n\n// TODO: Documentation for prettyNumber\nlet INTL_NUM: Intl.NumberFormat | undefined;\nexport function prettyNumber(number: number | string) {\n\tif (!INTL_NUM)\n\t\tINTL_NUM = new Intl.NumberFormat(\n\t\t\t(IS_BROWSER && attr(document.documentElement, \"lang\")) || \"no\",\n\t\t);\n\treturn INTL_NUM.format(Number(number));\n}\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn (...args: T) => {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback(...args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to use as EventTarget\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport function attr(\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n}\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId(el: Element) {\n\tif (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\t[...rest]: Parameters<typeof Element.prototype.addEventListener>, // Spreat to make a copy of the array\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => {\n\tif (UNBIND && (element === window || element === document))\n\t\tUNBIND.push(() => off(element, ...rest));\n\tevents(\"add\", element, rest);\n};\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsUnbindEvents?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onLoaded\n * @description Runs a callback when window is loaded in browser, and ensures events are unbound if hot reloading\n * @param callback The callback to run when the page is ready\n */\nlet UNBIND: Array<() => void> | null = null;\nexport const onLoaded = (callback: () => void) => {\n\tif (!IS_BROWSER) return;\n\tif (!window._mtdsUnbindEvents) window._mtdsUnbindEvents = new Map();\n\n\tconst run = () =>\n\t\trequestAnimationFrame(() => {\n\t\t\tconst key = String(callback).replace(/(\\n|\\s)/g, \"\");\n\t\t\twindow._mtdsUnbindEvents?.get(key)?.forEach((unbind) => unbind()); // Unbind previous events\n\t\t\tUNBIND = []; // Prepare to listen for newly bound events\n\t\t\tcallback(); // Run binding\n\t\t\twindow._mtdsUnbindEvents?.set(key, UNBIND?.slice(0)); // Store for later unbinding\n\t\t\tUNBIND = null; // Stop listening for newly bound events\n\t\t});\n\n\tif (document.readyState === \"complete\") run();\n\telse on(window, \"load\", run);\n};\n\n/**\n * Scroller targes helping anchorPosition\n */\nconst SCROLLER = IS_BROWSER ? document.createElement(\"div\") : null; // Used to ensure we have scrollability under\nconst TARGETS = new Map<Element, () => void>(); // Store current open poppers and their update functions\nconst TARGETS_UPDATE = () => {\n\tfor (const [_, update] of TARGETS) update();\n};\n\nif (SCROLLER) {\n\tSCROLLER.style.cssText = \"position:absolute;padding:1px;top:0;left:0px\";\n\ton(window, \"load,resize,scroll\", TARGETS_UPDATE, QUICK_EVENT);\n}\n\n/**\n * anchorPosition\n * @param target The Element to position\n * @param anchor The Element to use as anchor\n */\nconst POSITION = { top: 0, right: 1, bottom: 2, left: 3 }; // Speed up by using a const map\n\nexport type AnchorPosition = keyof typeof POSITION;\n\nexport function anchorPosition(\n\ttarget: HTMLElement,\n\tanchor: Element | false,\n\tplace?: string | number,\n\tforce?: boolean,\n) {\n\tconst position =\n\t\tPOSITION[place as keyof typeof POSITION] ??\n\t\tNumber(place) ??\n\t\tPOSITION.bottom;\n\n\tif (anchor === false || !anchor.isConnected || !target.isConnected)\n\t\treturn TARGETS.delete(target); // Stop watching if anchor is removed from DOM\n\tif (!SCROLLER?.isConnected) document.body.append(SCROLLER || \"\"); // Ensure we have the scroller\n\tif (!TARGETS.has(target))\n\t\tTARGETS.set(target, () => anchorPosition(target, anchor, position, force));\n\n\tconst { offsetWidth: targetW, offsetHeight: targetH } = target;\n\tconst { width, height, left, top } = anchor.getBoundingClientRect();\n\tconst isHTMLAnchor = anchor instanceof HTMLElement; // SVG or XML elements does not have offsetWidth or offsetHeight\n\tconst anchorW = isHTMLAnchor ? anchor.offsetWidth : anchor.clientWidth;\n\tconst anchorH = isHTMLAnchor ? anchor.offsetHeight : anchor.clientHeight;\n\n\t// Get visual viewport info\n\tconst viewW = window.visualViewport?.width || window.innerWidth;\n\tconst viewH = window.visualViewport?.height || window.innerHeight;\n\tconst scrollX = window.pageXOffset || document.documentElement.scrollLeft;\n\tconst scrollY = window.pageYOffset || document.documentElement.scrollTop;\n\n\tconst anchorX = Math.round(left - (anchorW - width) / 2); // Correct for CSS transform scale\n\tconst anchorY = Math.round(top - (anchorH - height) / 2); // Correct for CSS transform scale\n\tconst centerX = Math.min(\n\t\tMath.max(10, anchorX - (targetW - anchorW) / 2),\n\t\tviewW - targetW - 10,\n\t);\n\tconst centerY = Math.min(\n\t\tMath.max(10, anchorY - (targetH - anchorH) / 2),\n\t\tviewH - targetH - 10,\n\t);\n\n\t// Use visual viewport dimensions for space calculations\n\tconst hasSpaceLeft = anchorX - targetW > 0;\n\tconst hasSpaceRight = anchorX + anchorW + targetW < viewW;\n\tconst hasSpaceOver = anchorY - targetH > 0;\n\tconst hasSpaceUnder = anchorY + anchorH + targetH < viewH;\n\n\tconst isVertical = position === POSITION.top || position === POSITION.bottom;\n\tconst isRight =\n\t\t(position === POSITION.right && (force || hasSpaceRight)) || !hasSpaceLeft; // Always position right when no hasSpaceLeft, as no OS scrolls further left than 0\n\tconst isUnder =\n\t\t(position === POSITION.bottom && (force || hasSpaceUnder)) || !hasSpaceOver; // Always position under when no hasSpaceOver, as no OS scrolls further up than 0\n\n\t// Calculate positions in viewport coordinates\n\tconst viewX = Math.round(\n\t\tisVertical ? centerX : isRight ? anchorX + anchorW : anchorX - targetW,\n\t);\n\tconst viewY = Math.round(\n\t\tisVertical ? (isUnder ? anchorY + anchorH : anchorY - targetH) : centerY,\n\t);\n\n\t// Use absolute positioning\n\ttarget.style.position = \"absolute\";\n\ttarget.style.left = `${viewX + scrollX}px`;\n\ttarget.style.top = `${viewY + scrollY}px`;\n\n\tSCROLLER?.style.setProperty(\n\t\t\"translate\",\n\t\t`0px ${Math.round(isUnder ? scrollX + anchorY + anchorH + targetH + 30 : 0)}px`,\n\t);\n}\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n\tlet queue = 0;\n\n\tconst onFrame = () => setTimeout(onTimer, 200); // Use both requestAnimationFrame and setTimeout to debounce and only run when visible\n\tconst onTimer = () => {\n\t\tcallback([], observer);\n\t\tobserver.takeRecords(); // Clear records to avoid running callback multiple times\n\t\tqueue = 0;\n\t};\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame);\n\t});\n\n\treturn observer;\n}\n\n/**\n * onMutation\n * @description Utility to quickly observe mutations on a specific class name\n * @param el The Element to use as EventTarget\n * @param className The class name to observe\n * @param callback The callback to run when mutations are detected\n */\nconst MUTATORS = new WeakMap<Element, Array<() => void>>();\nexport const onMutation = <T extends Element>(\n\tel: Element,\n\tclassName: string,\n\tcallback: (elems: HTMLCollectionOf<T>) => void,\n) => {\n\tconst elems = el.getElementsByClassName(className);\n\tconst mutator = MUTATORS.get(el) || [];\n\n\tif (!mutator.length) {\n\t\tMUTATORS.set(el, mutator);\n\t\tcreateOptimizedMutationObserver((_, observer) => {\n\t\t\tif (el.isConnected && mutator?.length) {\n\t\t\t\tfor (const callback of mutator) callback();\n\t\t\t} else {\n\t\t\t\tobserver?.disconnect();\n\t\t\t\tMUTATORS.delete(el);\n\t\t\t}\n\t\t}).observe(el, {\n\t\t\tattributeFilter: [\"class\", \"hidden\"],\n\t\t\tattributes: true,\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t});\n\t}\n\tmutator.push(() => callback(elems as HTMLCollectionOf<T>));\n};\n\n/**\n * isInputLike\n * @description Check if element is an input like element\n * @param el The element to check\n * @returns True if the element is an input like element\n */\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement &&\n\t\"validity\" in el &&\n\t!(el instanceof HTMLButtonElement);\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = (\n\t{ className, hidden, open, ...rest }: Record<string, unknown>,\n\tklass?: string,\n) => {\n\trest.suppressHydrationWarning = true; // Make Next.js happy\n\tif (rest[SELECTED] !== undefined)\n\t\trest[SELECTED] = `${(rest[SELECTED] || \"false\") !== \"false\"}`; // Ensure aria-selected boolean is string\n\tif (className || klass) rest.class = clsx(klass, className || \"\"); // Use class instead of className\n\tif (hidden) rest.hidden = true; // Ensure boolean prop behaviour\n\tif (open) rest.open = true; // Ensure boolean prop behaviour\n\treturn rest;\n};\n"],"names":["QUICK_EVENT","IS_BROWSER","debounce","callback","delay","timer","args","attr","el","name","value","id","UUID","useId","events","action","element","type","rest","on","UNBIND","off","onLoaded","run","key","unbind","SCROLLER","TARGETS","TARGETS_UPDATE","_","update","POSITION","anchorPosition","target","anchor","place","force","position","targetW","targetH","width","height","left","top","isHTMLAnchor","anchorW","anchorH","viewW","viewH","scrollX","scrollY","anchorX","anchorY","centerX","centerY","hasSpaceLeft","hasSpaceRight","hasSpaceOver","hasSpaceUnder","isVertical","isRight","isUnder","viewX","viewY","createOptimizedMutationObserver","queue","onFrame","onTimer","observer","MUTATORS","onMutation","className","elems","mutator","isInputLike","SELECTED","toCustomElementProps","hidden","open","klass","clsx"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import { autoUpdate, computePosition } from \"@floating-ui/dom\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const IS_BROWSER =\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\";\n\n// TODO: Documentation for prettyNumber\nlet INTL_NUM: Intl.NumberFormat | undefined;\nexport function prettyNumber(number: number | string) {\n\tif (!INTL_NUM)\n\t\tINTL_NUM = new Intl.NumberFormat(\n\t\t\t(IS_BROWSER && attr(document.documentElement, \"lang\")) || \"no\",\n\t\t);\n\treturn INTL_NUM.format(Number(number));\n}\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn (...args: T) => {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback(...args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to use as EventTarget\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport function attr(\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n}\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId(el: Element) {\n\tif (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\t[...rest]: Parameters<typeof Element.prototype.addEventListener>, // Spreat to make a copy of the array\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => {\n\tif (UNBIND && (element === window || element === document))\n\t\tUNBIND.push(() => off(element, ...rest));\n\tevents(\"add\", element, rest);\n};\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsUnbindEvents?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onLoaded\n * @description Runs a callback when window is loaded in browser, and ensures events are unbound if hot reloading\n * @param callback The callback to run when the page is ready\n */\nlet UNBIND: Array<() => void> | null = null;\nexport const onLoaded = (callback: () => void) => {\n\tif (!IS_BROWSER) return;\n\tif (!window._mtdsUnbindEvents) window._mtdsUnbindEvents = new Map();\n\n\tconst run = () =>\n\t\trequestAnimationFrame(() => {\n\t\t\tconst key = String(callback).replace(/(\\n|\\s)/g, \"\");\n\t\t\twindow._mtdsUnbindEvents?.get(key)?.forEach((unbind) => {\n\t\t\t\tunbind(); // Unbind previous events\n\t\t\t});\n\t\t\tUNBIND = []; // Prepare to listen for newly bound events\n\t\t\tcallback(); // Run binding\n\t\t\twindow._mtdsUnbindEvents?.set(key, UNBIND?.slice(0)); // Store for later unbinding\n\t\t\tUNBIND = null; // Stop listening for newly bound events\n\t\t});\n\n\tif (document.readyState === \"complete\") run();\n\telse on(window, \"load\", run);\n};\n\nconst ANCHORED = new WeakMap<Element, ReturnType<typeof autoUpdate>>();\nexport function anchorPosition(\n\ttarget: HTMLElement,\n\tanchor: false | Element,\n\toptions?: Parameters<typeof computePosition>[2],\n) {\n\tANCHORED.get(target)?.(); // Unbind previous anchor position\n\tANCHORED.delete(target);\n\n\tif (anchor)\n\t\tANCHORED.set(\n\t\t\ttarget,\n\t\t\tautoUpdate(anchor, target, () => {\n\t\t\t\tif (!target.isConnected || !anchor.isConnected || target.hidden)\n\t\t\t\t\treturn anchorPosition(target, false);\n\t\t\t\tcomputePosition(anchor, target, options).then(({ x, y }) => {\n\t\t\t\t\ttarget.style.left = `${x}px`;\n\t\t\t\t\ttarget.style.top = `${y}px`;\n\t\t\t\t});\n\t\t\t}),\n\t\t);\n}\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n\tlet queue = 0;\n\n\tconst onFrame = () => setTimeout(onTimer, 200); // Use both requestAnimationFrame and setTimeout to debounce and only run when visible\n\tconst onTimer = () => {\n\t\tcallback([], observer);\n\t\tobserver.takeRecords(); // Clear records to avoid running callback multiple times\n\t\tqueue = 0;\n\t};\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame);\n\t});\n\n\treturn observer;\n}\n\n/**\n * onMutation\n * @description Utility to quickly observe mutations on a specific class name\n * @param el The Element to use as EventTarget\n * @param className The class name to observe\n * @param callback The callback to run when mutations are detected\n */\nconst MUTATORS = new WeakMap<Element, Array<() => void>>();\nexport const onMutation = <T extends Element>(\n\tel: Element,\n\tclassName: string,\n\tcallback: (elems: HTMLCollectionOf<T>) => void,\n) => {\n\tconst elems = el.getElementsByClassName(className);\n\tconst mutator = MUTATORS.get(el) || [];\n\n\tif (!mutator.length) {\n\t\tMUTATORS.set(el, mutator);\n\t\tcreateOptimizedMutationObserver((_, observer) => {\n\t\t\tif (el.isConnected && mutator?.length) {\n\t\t\t\tfor (const callback of mutator) callback();\n\t\t\t} else {\n\t\t\t\tobserver?.disconnect();\n\t\t\t\tMUTATORS.delete(el);\n\t\t\t}\n\t\t}).observe(el, {\n\t\t\tattributeFilter: [\"class\", \"hidden\"],\n\t\t\tattributes: true,\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t});\n\t}\n\tmutator.push(() => callback(elems as HTMLCollectionOf<T>));\n};\n\n/**\n * isInputLike\n * @description Check if element is an input like element\n * @param el The element to check\n * @returns True if the element is an input like element\n */\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement &&\n\t\"validity\" in el &&\n\t!(el instanceof HTMLButtonElement);\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = (\n\t{ className, hidden, open, ...rest }: Record<string, unknown>,\n\tklass?: string,\n) => {\n\trest.suppressHydrationWarning = true; // Make Next.js happy\n\tif (rest[SELECTED] !== undefined)\n\t\trest[SELECTED] = `${(rest[SELECTED] || \"false\") !== \"false\"}`; // Ensure aria-selected boolean is string\n\tif (className || klass) rest.class = `${klass} ${className}`.trim(); // Use class instead of className\n\tif (hidden) rest.hidden = true; // Ensure boolean prop behaviour\n\tif (open) rest.open = true; // Ensure boolean prop behaviour\n\treturn rest;\n};\n"],"names":["QUICK_EVENT","IS_BROWSER","debounce","callback","delay","timer","args","attr","el","name","value","id","UUID","useId","events","action","element","type","rest","on","UNBIND","off","onLoaded","run","key","unbind","ANCHORED","anchorPosition","target","anchor","options","autoUpdate","computePosition","x","y","createOptimizedMutationObserver","queue","onFrame","onTimer","observer","MUTATORS","onMutation","className","elems","mutator","_","isInputLike","SELECTED","toCustomElementProps","hidden","open","klass"],"mappings":"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"}

package/mtds/validation/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","sources":["../../designsystem/validation/validation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type ValidationProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Validation = forwardRef<HTMLDivElement, ValidationProps>(\n\tfunction Validation({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR due to field-observer.ts\n\t\t\t\tclassName={clsx(styles.validation, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Validation","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAMO,MAAMA,IAAaC;AAAA,EACzB,SAAoB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAE/C,WAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,0BAAwB;AAAA,QACxB,WAAWC,EAAKC,EAAO,YAAYL,CAAS;AAAA,QAC5C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"validation.js","sources":["../../designsystem/validation/validation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type ValidationProps = React.ComponentPropsWithoutRef<\"div\">;\n\nexport const Validation = forwardRef<HTMLDivElement, ValidationProps>(\n\tfunction Validation({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tsuppressHydrationWarning // Prevent hydration mismatch for SSR due to field-observer.ts\n\t\t\t\tclassName={clsx(styles.validation, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Validation","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAMO,MAAMA,IAAaC;AAAA,EACzB,SAAoB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AAChD,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,0BAAwB;AAAA,QACxB,WAAWC,EAAKC,EAAO,YAAYL,CAAS;AAAA,QAC5C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.1.1",
+	"version": "2.1.3",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",
@@ -41,33 +41,34 @@
 		"storybook:build": "npm run build && storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.1.3",
+		"@biomejs/biome": "^2.2.0",
 		"@digdir/designsystemet": "^1.1.9",
-		"@digdir/designsystemet-css": "^1.1.9",
+		"@digdir/designsystemet-css": "^1.1.10",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^9.1.1",
-		"@storybook/addon-themes": "^9.1.1",
-		"@storybook/react-vite": "^9.1.1",
+		"@storybook/addon-docs": "^9.1.2",
+		"@storybook/addon-themes": "^9.1.2",
+		"@storybook/react-vite": "^9.1.2",
 		"@tanstack/react-table": "^8.21.3",
-		"@types/node": "^24.2.0",
-		"@types/react": "^19.1.9",
+		"@types/node": "^24.2.1",
+		"@types/react": "^19.1.10",
 		"@types/react-dom": "^19.1.7",
-		"@vitejs/plugin-react": "^4.7.0",
+		"@vitejs/plugin-react": "^5.0.0",
 		"fast-glob": "^3.3.3",
 		"postcss": "^8.5.6",
 		"postcss-nesting": "^13.0.2",
 		"react": "^19.1.1",
 		"react-dom": "^19.1.1",
-		"storybook": "^9.1.1",
+		"storybook": "^9.1.2",
 		"typescript": "^5.9.2",
-		"vite": "^7.0.6",
+		"vite": "^7.1.2",
 		"vite-plugin-dts": "^4.5.4"
 	},
 	"dependencies": {
+		"@floating-ui/dom": "^1.7.3",
 		"@u-elements/u-combobox": "^1.0.0",
 		"@u-elements/u-datalist": "^1.0.13",
-		"@u-elements/u-details": "^0.1.1",
+		"@u-elements/u-details": "^0.1.2",
 		"@u-elements/u-progress": "^0.0.5",
 		"@u-elements/u-tabs": "^0.0.9",
 		"clsx": "^2.1.1"

package/mtds/toast/toast-observer.d.ts

@@ -1,2 +0,0 @@
-export declare const observe: (el: Element) => void;
-export declare const unobserve: (el: Element) => void;