@mattilsynet/design 2.2.0 → 2.2.2

package/mtds/styles.json

@@ -1,65 +1,43 @@
 {
-  "alert": "_alert_1n16b_1 _ds-alert_nwz76_3",
-  "app": "_app_1n16b_1",
-  "sticky": "_sticky_1n16b_1",
-  "avatar": "_avatar_1n16b_1 _ds-avatar_nwz76_1",
-  "badge": "_badge_1n16b_1",
-  "breadcrumbs": "_breadcrumbs_1n16b_1 _ds-breadcrumbs_nwz76_5",
-  "button": "_button_1n16b_1 _ds-button_nwz76_1",
-  "card": "_card_1n16b_1",
-  "group": "_group_1n16b_1",
-  "doughnut": "_doughnut_1n16b_1",
-  "color-1": "_color-1_1n16b_1",
-  "color-2": "_color-2_1n16b_1",
-  "color-3": "_color-3_1n16b_1",
-  "axis": "_axis_1n16b_1",
-  "axisSteps": "_axisSteps_1n16b_1",
-  "axisStep": "_axisStep_1n16b_1",
-  "axisGroups": "_axisGroups_1n16b_1",
-  "axisGroup": "_axisGroup_1n16b_1",
-  "is-horizontal": "_is-horizontal_1n16b_1",
-  "axisLabel": "_axisLabel_1n16b_1",
-  "is-vertical": "_is-vertical_1n16b_1",
-  "axisGroupContent": "_axisGroupContent_1n16b_1",
-  "is-stacked": "_is-stacked_1n16b_1",
-  "bar": "_bar_1n16b_1",
-  "lineContainer": "_lineContainer_1n16b_1",
-  "linePoint": "_linePoint_1n16b_1",
-  "line": "_line_1n16b_1",
-  "lineBorder": "_lineBorder_1n16b_1",
-  "lineShade": "_lineShade_1n16b_1",
-  "legends": "_legends_1n16b_1",
-  "legend": "_legend_1n16b_1",
-  "chip": "_chip_1n16b_1 _ds-chip_nwz76_5",
-  "details": "_details_1n16b_1 _ds-details_nwz76_3",
-  "dialog": "_dialog_1n16b_1 _ds-dialog_nwz76_5",
-  "divider": "_divider_1n16b_1",
-  "errorsummary": "_errorsummary_1n16b_1 _ds-error-summary_nwz76_5",
-  "field": "_field_1n16b_1 _ds-field_nwz76_1",
-  "affixes": "_affixes_1n16b_1 _ds-field-affixes_nwz76_3",
-  "fieldset": "_fieldset_1n16b_1 _ds-fieldset_nwz76_3",
-  "helptext": "_helptext_1n16b_1 _ds-focus_nwz76_1",
-  "input": "_input_1n16b_1 _ds-input_nwz76_1",
-  "grid": "_grid_1n16b_1",
-  "flex": "_flex_1n16b_1",
-  "link": "_link_1n16b_1",
-  "logo": "_logo_1n16b_1",
-  "pagination": "_pagination_1n16b_1 _ds-pagination_nwz76_5",
-  "popover": "_popover_1n16b_1",
-  "progress": "_progress_1n16b_1",
-  "skeleton": "_skeleton_1n16b_1 _ds-skeleton_nwz76_5",
-  "spinner": "_spinner_1n16b_1",
-  "steps": "_steps_1n16b_1",
-  "table": "_table_1n16b_1 _ds-table_nwz76_5",
-  "tabs": "_tabs_1n16b_1 _ds-tabs_nwz76_5",
-  "tag": "_tag_1n16b_1 _ds-tag_nwz76_5",
-  "toast": "_toast_1n16b_1",
-  "togglegroup": "_togglegroup_1n16b_1",
-  "heading": "_heading_1n16b_1 _ds-heading_nwz76_1",
-  "ingress": "_ingress_1n16b_1",
-  "muted": "_muted_1n16b_1",
-  "info": "_info_1n16b_1",
-  "prose": "_prose_1n16b_1",
-  "validation": "_validation_1n16b_1 _ds-validation-message_nwz76_1",
-  "body": "_body_1n16b_169"
+  "alert": "_alert_c4739_1 _ds-alert_nwz76_3",
+  "app": "_app_c4739_1",
+  "sticky": "_sticky_c4739_1",
+  "avatar": "_avatar_c4739_1 _ds-avatar_nwz76_1",
+  "badge": "_badge_c4739_1",
+  "breadcrumbs": "_breadcrumbs_c4739_1 _ds-breadcrumbs_nwz76_5",
+  "button": "_button_c4739_1 _ds-button_nwz76_1",
+  "card": "_card_c4739_1",
+  "group": "_group_c4739_1",
+  "chip": "_chip_c4739_1 _ds-chip_nwz76_5",
+  "details": "_details_c4739_1 _ds-details_nwz76_3",
+  "dialog": "_dialog_c4739_1 _ds-dialog_nwz76_5",
+  "divider": "_divider_c4739_1",
+  "errorsummary": "_errorsummary_c4739_1 _ds-error-summary_nwz76_5",
+  "field": "_field_c4739_1 _ds-field_nwz76_1",
+  "affixes": "_affixes_c4739_1 _ds-field-affixes_nwz76_3",
+  "fieldset": "_fieldset_c4739_1 _ds-fieldset_nwz76_3",
+  "helptext": "_helptext_c4739_1 _ds-focus_nwz76_1",
+  "input": "_input_c4739_1 _ds-input_nwz76_1",
+  "grid": "_grid_c4739_1",
+  "flex": "_flex_c4739_1",
+  "link": "_link_c4739_1",
+  "logo": "_logo_c4739_1",
+  "pagination": "_pagination_c4739_1 _ds-pagination_nwz76_5",
+  "popover": "_popover_c4739_1",
+  "progress": "_progress_c4739_1",
+  "skeleton": "_skeleton_c4739_1 _ds-skeleton_nwz76_5",
+  "spinner": "_spinner_c4739_1",
+  "steps": "_steps_c4739_1",
+  "table": "_table_c4739_1 _ds-table_nwz76_5",
+  "tabs": "_tabs_c4739_1 _ds-tabs_nwz76_5",
+  "tag": "_tag_c4739_1 _ds-tag_nwz76_5",
+  "toast": "_toast_c4739_1",
+  "togglegroup": "_togglegroup_c4739_1",
+  "heading": "_heading_c4739_1 _ds-heading_nwz76_1",
+  "ingress": "_ingress_c4739_1",
+  "muted": "_muted_c4739_1",
+  "info": "_info_c4739_1",
+  "prose": "_prose_c4739_1",
+  "validation": "_validation_c4739_1 _ds-validation-message_nwz76_1",
+  "body": "_body_c4739_168"
 }

package/mtds/styles.module.css.js

@@ -1,150 +1,112 @@
-const _ = "_alert_1n16b_1 _ds-alert_nwz76_3", n = "_app_1n16b_1", s = "_sticky_1n16b_1", t = "_avatar_1n16b_1 _ds-avatar_nwz76_1", o = "_badge_1n16b_1", e = "_breadcrumbs_1n16b_1 _ds-breadcrumbs_nwz76_5", a = "_button_1n16b_1 _ds-button_nwz76_1", i = "_card_1n16b_1", r = "_group_1n16b_1", l = "_doughnut_1n16b_1", b = "_axis_1n16b_1", c = "_axisSteps_1n16b_1", d = "_axisStep_1n16b_1", p = "_axisGroups_1n16b_1", g = "_axisGroup_1n16b_1", u = "_axisLabel_1n16b_1", x = "_axisGroupContent_1n16b_1", m = "_bar_1n16b_1", w = "_lineContainer_1n16b_1", f = "_linePoint_1n16b_1", h = "_line_1n16b_1", z = "_lineBorder_1n16b_1", k = "_lineShade_1n16b_1", v = "_legends_1n16b_1", y = "_legend_1n16b_1", S = "_chip_1n16b_1 _ds-chip_nwz76_5", C = "_details_1n16b_1 _ds-details_nwz76_3", G = "_dialog_1n16b_1 _ds-dialog_nwz76_5", B = "__drawer_1n16b_1", L = "_divider_1n16b_1", M = "_errorsummary_1n16b_1 _ds-error-summary_nwz76_5", O = "__errorsummary_1n16b_1", P = "_field_1n16b_1 _ds-field_nwz76_1", T = "__datalist_1n16b_1", j = "_affixes_1n16b_1 _ds-field-affixes_nwz76_3", q = "_fieldset_1n16b_1 _ds-fieldset_nwz76_3", A = "_helptext_1n16b_1 _ds-focus_nwz76_1", D = "_input_1n16b_1 _ds-input_nwz76_1", E = "_grid_1n16b_1", F = "_flex_1n16b_1", H = "_link_1n16b_1", I = "_logo_1n16b_1", J = "_pagination_1n16b_1 _ds-pagination_nwz76_5", K = "_popover_1n16b_1", N = "_progress_1n16b_1", Q = "__indeterminate_1n16b_1", R = "_skeleton_1n16b_1 _ds-skeleton_nwz76_5", U = "__skeleton_1n16b_1", V = "_spinner_1n16b_1", W = "_steps_1n16b_1", X = "_table_1n16b_1 _ds-table_nwz76_5", Y = "__scrollShadow_1n16b_1", Z = "_tabs_1n16b_1 _ds-tabs_nwz76_5", $ = "__scrollMask_1n16b_1", __ = "_tag_1n16b_1 _ds-tag_nwz76_5", n_ = "_toast_1n16b_1", s_ = "__toastClose_1n16b_1", t_ = "__toastOpen_1n16b_1", o_ = "__toastTimeout_1n16b_1", e_ = "_togglegroup_1n16b_1", a_ = "__tooltip_1n16b_1", i_ = "_heading_1n16b_1 _ds-heading_nwz76_1", r_ = "_ingress_1n16b_1", l_ = "_muted_1n16b_1", b_ = "_info_1n16b_1", c_ = "_prose_1n16b_1", d_ = "_validation_1n16b_1 _ds-validation-message_nwz76_1", p_ = "_body_1n16b_169", g_ = "__checked_1n16b_1", u_ = {
+const _ = "_alert_c4739_1 _ds-alert_nwz76_3", t = "_app_c4739_1", s = "_sticky_c4739_1", o = "_avatar_c4739_1 _ds-avatar_nwz76_1", c = "_badge_c4739_1", e = "_breadcrumbs_c4739_1 _ds-breadcrumbs_nwz76_5", n = "_button_c4739_1 _ds-button_nwz76_1", a = "_card_c4739_1", r = "_group_c4739_1", i = "_chip_c4739_1 _ds-chip_nwz76_5", d = "_details_c4739_1 _ds-details_nwz76_3", l = "_dialog_c4739_1 _ds-dialog_nwz76_5", p = "__drawer_c4739_1", g = "_divider_c4739_1", u = "_errorsummary_c4739_1 _ds-error-summary_nwz76_5", m = "__errorsummary_c4739_1", b = "_field_c4739_1 _ds-field_nwz76_1", w = "__datalist_c4739_1", f = "_affixes_c4739_1 _ds-field-affixes_nwz76_3", z = "_fieldset_c4739_1 _ds-fieldset_nwz76_3", k = "_helptext_c4739_1 _ds-focus_nwz76_1", h = "_input_c4739_1 _ds-input_nwz76_1", v = "_grid_c4739_1", y = "_flex_c4739_1", x = "_link_c4739_1", C = "_logo_c4739_1", M = "_pagination_c4739_1 _ds-pagination_nwz76_5", O = "_popover_c4739_1", S = "_progress_c4739_1", T = "__indeterminate_c4739_1", j = "_skeleton_c4739_1 _ds-skeleton_nwz76_5", q = "__skeleton_c4739_1", A = "_spinner_c4739_1", B = "_steps_c4739_1", D = "_table_c4739_1 _ds-table_nwz76_5", E = "__scrollShadow_c4739_1", F = "_tabs_c4739_1 _ds-tabs_nwz76_5", G = "__scrollMask_c4739_1", H = "_tag_c4739_1 _ds-tag_nwz76_5", I = "_toast_c4739_1", J = "__toastClose_c4739_1", K = "__toastOpen_c4739_1", L = "__toastTimeout_c4739_1", N = "_togglegroup_c4739_1", P = "__tooltip_c4739_1", Q = "_heading_c4739_1 _ds-heading_nwz76_1", R = "_ingress_c4739_1", U = "_muted_c4739_1", V = "_info_c4739_1", W = "_prose_c4739_1", X = "_validation_c4739_1 _ds-validation-message_nwz76_1", Y = "_body_c4739_168", Z = "__checked_c4739_1", $ = {
   alert: _,
-  app: n,
+  app: t,
   sticky: s,
-  avatar: t,
-  badge: o,
+  avatar: o,
+  badge: c,
   breadcrumbs: e,
-  button: a,
-  card: i,
+  button: n,
+  card: a,
   group: r,
-  doughnut: l,
-  "color-1": "_color-1_1n16b_1",
-  "color-2": "_color-2_1n16b_1",
-  "color-3": "_color-3_1n16b_1",
-  axis: b,
-  axisSteps: c,
-  axisStep: d,
-  axisGroups: p,
-  axisGroup: g,
-  "is-horizontal": "_is-horizontal_1n16b_1",
-  axisLabel: u,
-  "is-vertical": "_is-vertical_1n16b_1",
-  axisGroupContent: x,
-  "is-stacked": "_is-stacked_1n16b_1",
-  bar: m,
-  lineContainer: w,
-  linePoint: f,
-  line: h,
-  lineBorder: z,
-  lineShade: k,
-  legends: v,
-  legend: y,
-  chip: S,
-  details: C,
-  dialog: G,
-  _drawer: B,
-  divider: L,
-  errorsummary: M,
-  _errorsummary: O,
-  field: P,
-  _datalist: T,
-  affixes: j,
-  fieldset: q,
-  helptext: A,
-  input: D,
-  grid: E,
-  flex: F,
-  link: H,
-  logo: I,
-  pagination: J,
-  popover: K,
-  progress: N,
-  _indeterminate: Q,
-  skeleton: R,
-  _skeleton: U,
-  spinner: V,
-  steps: W,
-  table: X,
-  _scrollShadow: Y,
-  tabs: Z,
-  _scrollMask: $,
-  tag: __,
-  toast: n_,
-  _toastClose: s_,
-  _toastOpen: t_,
-  _toastTimeout: o_,
-  togglegroup: e_,
-  _tooltip: a_,
-  heading: i_,
-  ingress: r_,
-  muted: l_,
-  info: b_,
-  prose: c_,
-  validation: d_,
-  body: p_,
-  _checked: g_
+  chip: i,
+  details: d,
+  dialog: l,
+  _drawer: p,
+  divider: g,
+  errorsummary: u,
+  _errorsummary: m,
+  field: b,
+  _datalist: w,
+  affixes: f,
+  fieldset: z,
+  helptext: k,
+  input: h,
+  grid: v,
+  flex: y,
+  link: x,
+  logo: C,
+  pagination: M,
+  popover: O,
+  progress: S,
+  _indeterminate: T,
+  skeleton: j,
+  _skeleton: q,
+  spinner: A,
+  steps: B,
+  table: D,
+  _scrollShadow: E,
+  tabs: F,
+  _scrollMask: G,
+  tag: H,
+  toast: I,
+  _toastClose: J,
+  _toastOpen: K,
+  _toastTimeout: L,
+  togglegroup: N,
+  _tooltip: P,
+  heading: Q,
+  ingress: R,
+  muted: U,
+  info: V,
+  prose: W,
+  validation: X,
+  body: Y,
+  _checked: Z
 };
 export {
-  g_ as _checked,
-  T as _datalist,
-  B as _drawer,
-  O as _errorsummary,
-  Q as _indeterminate,
-  $ as _scrollMask,
-  Y as _scrollShadow,
-  U as _skeleton,
-  s_ as _toastClose,
-  t_ as _toastOpen,
-  o_ as _toastTimeout,
-  a_ as _tooltip,
-  j as affixes,
+  Z as _checked,
+  w as _datalist,
+  p as _drawer,
+  m as _errorsummary,
+  T as _indeterminate,
+  G as _scrollMask,
+  E as _scrollShadow,
+  q as _skeleton,
+  J as _toastClose,
+  K as _toastOpen,
+  L as _toastTimeout,
+  P as _tooltip,
+  f as affixes,
   _ as alert,
-  n as app,
-  t as avatar,
-  b as axis,
-  g as axisGroup,
-  x as axisGroupContent,
-  p as axisGroups,
-  u as axisLabel,
-  d as axisStep,
-  c as axisSteps,
-  o as badge,
-  m as bar,
-  p_ as body,
+  t as app,
+  o as avatar,
+  c as badge,
+  Y as body,
   e as breadcrumbs,
-  a as button,
-  i as card,
-  S as chip,
-  u_ as default,
-  C as details,
-  G as dialog,
-  L as divider,
-  l as doughnut,
-  M as errorsummary,
-  P as field,
-  q as fieldset,
-  F as flex,
-  E as grid,
+  n as button,
+  a as card,
+  i as chip,
+  $ as default,
+  d as details,
+  l as dialog,
+  g as divider,
+  u as errorsummary,
+  b as field,
+  z as fieldset,
+  y as flex,
+  v as grid,
   r as group,
-  i_ as heading,
-  A as helptext,
-  b_ as info,
-  r_ as ingress,
-  D as input,
-  y as legend,
-  v as legends,
-  h as line,
-  z as lineBorder,
-  w as lineContainer,
-  f as linePoint,
-  k as lineShade,
-  H as link,
-  I as logo,
-  l_ as muted,
-  J as pagination,
-  K as popover,
-  N as progress,
-  c_ as prose,
-  R as skeleton,
-  V as spinner,
-  W as steps,
+  Q as heading,
+  k as helptext,
+  V as info,
+  R as ingress,
+  h as input,
+  x as link,
+  C as logo,
+  U as muted,
+  M as pagination,
+  O as popover,
+  S as progress,
+  W as prose,
+  j as skeleton,
+  A as spinner,
+  B as steps,
   s as sticky,
-  X as table,
-  Z as tabs,
-  __ as tag,
-  n_ as toast,
-  e_ as togglegroup,
-  d_ as validation
+  D as table,
+  F as tabs,
+  H as tag,
+  I as toast,
+  N as togglegroup,
+  X as validation
 };
 //# sourceMappingURL=styles.module.css.js.map

package/mtds/styles.module.css.js.map

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

package/mtds/utils.js

@@ -1,48 +1,49 @@
 import { autoUpdate as p, computePosition as l } from "./external/@floating-ui/dom/dist/floating-ui.dom.js";
-const U = { capture: !0, passive: !0 }, c = typeof window < "u" && typeof document < "u";
-function $(t, n) {
+import { clsx as w } from "./external/clsx/dist/clsx.js";
+const C = { capture: !0, passive: !0 }, c = typeof window < "u" && typeof document < "u";
+function S(t, n) {
   let e;
   return (...i) => {
     clearTimeout(e), e = setTimeout(() => t(...i), n);
   };
 }
-function h(t, n, e) {
+function $(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 w = 0;
-const b = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-function C(t) {
-  return t.id || (t.id = `${b}${++w}`), t.id;
+let b = 0;
+const E = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
+function L(t) {
+  return t.id || (t.id = `${E}${++b}`), t.id;
 }
 const f = (t, n, [...e]) => {
   for (const i of e[0].split(","))
     e[0] = i, n[`${t}EventListener`](...e);
-}, E = (t, ...n) => {
-  s && (t === window || t === document) && s.push(() => v(t, ...n)), f("add", t, n);
-}, v = (t, ...n) => f("remove", t, n);
+}, v = (t, ...n) => {
+  s && (t === window || t === document) && s.push(() => y(t, ...n)), f("add", t, n);
+}, y = (t, ...n) => f("remove", t, n);
 let s = null;
-const S = (t) => {
+const _ = (t) => {
   if (!c || !window.requestAnimationFrame) return;
   window._mtdsUnbindEvents || (window._mtdsUnbindEvents = /* @__PURE__ */ new Map());
   const n = () => requestAnimationFrame(() => {
     const e = String(t).replace(/(\n|\s)/g, "");
     window._mtdsUnbindEvents?.get(e)?.map((i) => i()), s = [], t(), window._mtdsUnbindEvents?.set(e, s?.slice(0)), s = null;
   });
-  document.readyState === "complete" ? n() : E(window, "load", n);
+  document.readyState === "complete" ? n() : v(window, "load", n);
 }, u = /* @__PURE__ */ new WeakMap();
-function y(t, n, e) {
+function A(t, n, e) {
   u.get(t)?.(), u.delete(t), n && u.set(
     t,
     p(n, t, () => {
       if (!t.isConnected || !n.isConnected || t.hidden)
-        return y(t, !1);
+        return A(t, !1);
       l(n, t, e).then(({ x: i, y: o }) => {
         t.style.left = `${i}px`, t.style.top = `${o}px`;
       });
     })
   );
 }
-function A(t) {
+function M(t) {
   let n = 0;
   const e = () => setTimeout(i, 200), i = () => {
     t([], o), o.takeRecords(), n = 0;
@@ -51,34 +52,34 @@ function A(t) {
   });
   return o;
 }
-const d = /* @__PURE__ */ new WeakMap(), L = (t, n, e) => {
+const r = /* @__PURE__ */ new WeakMap(), F = (t, n, e) => {
   if (!c || !window.requestAnimationFrame) return;
-  const i = t.getElementsByClassName(n), o = d.get(t) || [];
-  o.length || (d.set(t, o), A((M, a) => {
+  const i = t.getElementsByClassName(n), o = r.get(t) || [];
+  o.length || (r.set(t, o), M((T, m) => {
     if (t.isConnected && o?.length)
-      for (const m of o) m();
+      for (const a of o) a();
     else
-      a?.disconnect(), d.delete(t);
+      m?.disconnect(), r.delete(t);
   }).observe(t, {
     attributeFilter: ["class", "hidden"],
     attributes: !0,
     childList: !0,
     subtree: !0
   })), o.push(() => e(i));
-}, _ = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), r = "aria-selected", F = ({ 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);
+}, I = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), d = "aria-selected", O = ({ className: t, hidden: n, open: e, ...i }, o) => (i.suppressHydrationWarning = !0, i[d] !== void 0 && (i[d] = `${(i[d] || "false") !== "false"}`), (t || o) && (i.class = w(o, t)), n && (i.hidden = !0), e && (i.open = !0), i);
 export {
   c as IS_BROWSER,
-  U as QUICK_EVENT,
-  y as anchorPosition,
-  h as attr,
-  A as createOptimizedMutationObserver,
-  $ as debounce,
-  _ as isInputLike,
-  v as off,
-  E as on,
-  S as onLoaded,
-  L as onMutation,
-  F as toCustomElementProps,
-  C as useId
+  C as QUICK_EVENT,
+  A as anchorPosition,
+  $ as attr,
+  M as createOptimizedMutationObserver,
+  S as debounce,
+  I as isInputLike,
+  y as off,
+  v as on,
+  _ as onLoaded,
+  F as onMutation,
+  O as toCustomElementProps,
+  L as useId
 };
 //# sourceMappingURL=utils.js.map

package/mtds/utils.js.map

@@ -1 +1 @@
-{"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 || !window.requestAnimationFrame) return; // Skip if not in browser environment\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)?.map((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\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\tif (!IS_BROWSER || !window.requestAnimationFrame) return; // Skip if not in browser environment\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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"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import { autoUpdate, computePosition } from \"@floating-ui/dom\";\nimport 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 || !window.requestAnimationFrame) return; // Skip if not in browser environment\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)?.map((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\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\tif (!IS_BROWSER || !window.requestAnimationFrame) return; // Skip if not in browser environment\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 as string); // 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","clsx"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.2.0",
+	"version": "2.2.2",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",
@@ -55,6 +55,7 @@
 		"@types/react-dom": "^19.1.9",
 		"@vitejs/plugin-react": "^5.0.3",
 		"fast-glob": "^3.3.3",
+		"ol": "^10.6.1",
 		"postcss": "^8.5.6",
 		"postcss-nesting": "^13.0.2",
 		"react": "^19.1.1",