@mattilsynet/design 2.3.7 → 3.0.0

package/mtds/styles.json

@@ -1,45 +1,46 @@
 {
-  "alert": "_alert_1p489_1 _ds-alert_1331q_3",
-  "app": "_app_1p489_1",
-  "sticky": "_sticky_1p489_1",
-  "avatar": "_avatar_1p489_1 _ds-avatar_1331q_1",
-  "badge": "_badge_1p489_1",
-  "breadcrumbs": "_breadcrumbs_1p489_1 _ds-breadcrumbs_1331q_5",
-  "button": "_button_1p489_1 _ds-button_1331q_1",
-  "card": "_card_1p489_1",
-  "group": "_group_1p489_1",
-  "chip": "_chip_1p489_1 _ds-chip_1331q_5",
-  "details": "_details_1p489_1 _ds-details_1331q_3",
-  "dialog": "_dialog_1p489_1 _ds-dialog_1331q_5",
-  "divider": "_divider_1p489_1",
-  "errorsummary": "_errorsummary_1p489_1 _ds-error-summary_1331q_5",
-  "field": "_field_1p489_1 _ds-field_1331q_1",
-  "affixes": "_affixes_1p489_1 _ds-field-affixes_1331q_3",
-  "fieldset": "_fieldset_1p489_1 _ds-fieldset_1331q_3",
-  "fileupload": "_fileupload_1p489_1",
-  "helptext": "_helptext_1p489_1 _ds-focus_1331q_1",
-  "input": "_input_1p489_1 _ds-input_1331q_1",
-  "law": "_law_1p489_1",
-  "grid": "_grid_1p489_1",
-  "flex": "_flex_1p489_1",
-  "link": "_link_1p489_1",
-  "logo": "_logo_1p489_1",
-  "pagination": "_pagination_1p489_1 _ds-pagination_1331q_5",
-  "popover": "_popover_1p489_1",
-  "progress": "_progress_1p489_1",
-  "skeleton": "_skeleton_1p489_1 _ds-skeleton_1331q_5",
-  "spinner": "_spinner_1p489_1",
-  "steps": "_steps_1p489_1",
-  "table": "_table_1p489_1 _ds-table_1331q_5",
-  "tabs": "_tabs_1p489_1 _ds-tabs_1331q_5",
-  "tag": "_tag_1p489_1 _ds-tag_1331q_5",
-  "toast": "_toast_1p489_1",
-  "togglegroup": "_togglegroup_1p489_1",
-  "heading": "_heading_1p489_1 _ds-heading_1331q_1",
-  "ingress": "_ingress_1p489_1",
-  "muted": "_muted_1p489_1",
-  "info": "_info_1p489_1",
-  "prose": "_prose_1p489_1",
-  "validation": "_validation_1p489_1 _ds-validation-message_1331q_1",
-  "body": "_body_1p489_186"
+  "alert": "_alert_1d3iq_1 _ds-alert_17fn9_3",
+  "app": "_app_1d3iq_1",
+  "sticky": "_sticky_1d3iq_1",
+  "avatar": "_avatar_1d3iq_1 _ds-avatar_17fn9_1",
+  "badge": "_badge_1d3iq_1",
+  "breadcrumbs": "_breadcrumbs_1d3iq_1 _ds-breadcrumbs_17fn9_5",
+  "button": "_button_1d3iq_1 _ds-button_17fn9_1",
+  "card": "_card_1d3iq_1",
+  "group": "_group_1d3iq_1",
+  "chip": "_chip_1d3iq_1 _ds-chip_17fn9_5",
+  "details": "_details_1d3iq_1 _ds-details_17fn9_3",
+  "dialog": "_dialog_1d3iq_1 _ds-dialog_17fn9_5",
+  "divider": "_divider_1d3iq_1",
+  "errorsummary": "_errorsummary_1d3iq_1 _ds-error-summary_17fn9_5",
+  "field": "_field_1d3iq_1 _ds-field_17fn9_1",
+  "suggestion": "_suggestion_1d3iq_1 _ds-suggestion_17fn9_5",
+  "affixes": "_affixes_1d3iq_1 _ds-field-affixes_17fn9_3",
+  "fieldset": "_fieldset_1d3iq_1 _ds-fieldset_17fn9_3",
+  "fileupload": "_fileupload_1d3iq_1",
+  "helptext": "_helptext_1d3iq_1 _ds-focus_17fn9_1",
+  "input": "_input_1d3iq_1 _ds-input_17fn9_1",
+  "law": "_law_1d3iq_1",
+  "grid": "_grid_1d3iq_1",
+  "flex": "_flex_1d3iq_1",
+  "link": "_link_1d3iq_1",
+  "logo": "_logo_1d3iq_1",
+  "pagination": "_pagination_1d3iq_1 _ds-pagination_17fn9_5",
+  "popover": "_popover_1d3iq_1 _ds-popover_17fn9_3",
+  "progress": "_progress_1d3iq_1",
+  "skeleton": "_skeleton_1d3iq_1 _ds-skeleton_17fn9_5",
+  "spinner": "_spinner_1d3iq_1",
+  "steps": "_steps_1d3iq_1",
+  "table": "_table_1d3iq_1 _ds-table_17fn9_5",
+  "tabs": "_tabs_1d3iq_1 _ds-tabs_17fn9_5",
+  "tag": "_tag_1d3iq_1 _ds-tag_17fn9_5",
+  "toast": "_toast_1d3iq_1",
+  "togglegroup": "_togglegroup_1d3iq_1 _ds-toggle-group_17fn9_5",
+  "heading": "_heading_1d3iq_1 _ds-heading_17fn9_1",
+  "ingress": "_ingress_1d3iq_1",
+  "muted": "_muted_1d3iq_1",
+  "info": "_info_1d3iq_1",
+  "prose": "_prose_1d3iq_1",
+  "validation": "_validation_1d3iq_1 _ds-validation-message_17fn9_1",
+  "body": "_body_1d3iq_161"
 }

package/mtds/styles.module.css.js

@@ -1,32 +1,32 @@
-const _ = "_alert_1p489_1 _ds-alert_1331q_3", t = "_app_1p489_1", s = "_sticky_1p489_1", o = "_avatar_1p489_1 _ds-avatar_1331q_1", e = "_badge_1p489_1", a = "_breadcrumbs_1p489_1 _ds-breadcrumbs_1331q_5", n = "_button_1p489_1 _ds-button_1331q_1", p = "_card_1p489_1", r = "_group_1p489_1", i = "_chip_1p489_1 _ds-chip_1331q_5", d = "_details_1p489_1 _ds-details_1331q_3", c = "_dialog_1p489_1 _ds-dialog_1331q_5", l = "__drawer_1p489_1", g = "_divider_1p489_1", u = "_errorsummary_1p489_1 _ds-error-summary_1331q_5", f = "__errorsummary_1p489_1", m = "_field_1p489_1 _ds-field_1331q_1", b = "__datalist_1p489_1", q = "_affixes_1p489_1 _ds-field-affixes_1331q_3", k = "_fieldset_1p489_1 _ds-fieldset_1331q_3", h = "_fileupload_1p489_1", v = "_helptext_1p489_1 _ds-focus_1331q_1", y = "_input_1p489_1 _ds-input_1331q_1", x = "_law_1p489_1", w = "_grid_1p489_1", C = "_flex_1p489_1", M = "_link_1p489_1", O = "_logo_1p489_1", S = "_pagination_1p489_1 _ds-pagination_1331q_5", T = "_popover_1p489_1", j = "_progress_1p489_1", z = "__indeterminate_1p489_1", A = "_skeleton_1p489_1 _ds-skeleton_1331q_5", B = "__skeleton_1p489_1", D = "_spinner_1p489_1", E = "_steps_1p489_1", F = "_table_1p489_1 _ds-table_1331q_5", G = "__scrollShadow_1p489_1", H = "_tabs_1p489_1 _ds-tabs_1331q_5", I = "__scrollMask_1p489_1", J = "_tag_1p489_1 _ds-tag_1331q_5", K = "_toast_1p489_1", L = "__toastClose_1p489_1", N = "__toastOpen_1p489_1", P = "__toastTimeout_1p489_1", Q = "_togglegroup_1p489_1", R = "__tooltip_1p489_1", U = "_heading_1p489_1 _ds-heading_1331q_1", V = "_ingress_1p489_1", W = "_muted_1p489_1", X = "_info_1p489_1", Y = "_prose_1p489_1", Z = "_validation_1p489_1 _ds-validation-message_1331q_1", $ = "_body_1p489_186", __ = "__checked_1p489_1", t_ = {
+const _ = "_alert_1d3iq_1 _ds-alert_17fn9_3", t = "_app_1d3iq_1", s = "_sticky_1d3iq_1", o = "_avatar_1d3iq_1 _ds-avatar_17fn9_1", i = "_badge_1d3iq_1", d = "_breadcrumbs_1d3iq_1 _ds-breadcrumbs_17fn9_5", n = "_button_1d3iq_1 _ds-button_17fn9_1", e = "_card_1d3iq_1", a = "_group_1d3iq_1", l = "_chip_1d3iq_1 _ds-chip_17fn9_5", c = "_details_1d3iq_1 _ds-details_17fn9_3", r = "_dialog_1d3iq_1 _ds-dialog_17fn9_5", p = "__drawer_1d3iq_1", g = "_divider_1d3iq_1", q = "_errorsummary_1d3iq_1 _ds-error-summary_17fn9_5", f = "_field_1d3iq_1 _ds-field_17fn9_1", u = "_suggestion_1d3iq_1 _ds-suggestion_17fn9_5", b = "_affixes_1d3iq_1 _ds-field-affixes_17fn9_3", m = "_fieldset_1d3iq_1 _ds-fieldset_17fn9_3", k = "_fileupload_1d3iq_1", h = "_helptext_1d3iq_1 _ds-focus_17fn9_1", v = "_input_1d3iq_1 _ds-input_17fn9_1", x = "_law_1d3iq_1", y = "_grid_1d3iq_1", w = "_flex_1d3iq_1", C = "_link_1d3iq_1", M = "_logo_1d3iq_1", O = "__logo_1d3iq_1", S = "_pagination_1d3iq_1 _ds-pagination_17fn9_5", T = "_popover_1d3iq_1 _ds-popover_17fn9_3", j = "_progress_1d3iq_1", z = "__indeterminate_1d3iq_1", A = "_skeleton_1d3iq_1 _ds-skeleton_17fn9_5", B = "__skeleton_1d3iq_1", D = "_spinner_1d3iq_1", E = "_steps_1d3iq_1", F = "_table_1d3iq_1 _ds-table_17fn9_5", G = "__scrollShadow_1d3iq_1", H = "_tabs_1d3iq_1 _ds-tabs_17fn9_5", I = "__scrollMask_1d3iq_1", J = "_tag_1d3iq_1 _ds-tag_17fn9_5", K = "_toast_1d3iq_1", L = "__toastClose_1d3iq_1", N = "__toastOpen_1d3iq_1", P = "__toastTimeout_1d3iq_1", Q = "_togglegroup_1d3iq_1 _ds-toggle-group_17fn9_5", R = "__tooltip_1d3iq_1 _ds-tooltip_17fn9_5", U = "_heading_1d3iq_1 _ds-heading_17fn9_1", V = "_ingress_1d3iq_1", W = "_muted_1d3iq_1", X = "_info_1d3iq_1", Y = "_prose_1d3iq_1", Z = "_validation_1d3iq_1 _ds-validation-message_17fn9_1", $ = "_body_1d3iq_161", __ = "__checked_1d3iq_1", t_ = {
   alert: _,
   app: t,
   sticky: s,
   avatar: o,
-  badge: e,
-  breadcrumbs: a,
+  badge: i,
+  breadcrumbs: d,
   button: n,
-  card: p,
-  group: r,
-  chip: i,
-  details: d,
-  dialog: c,
-  _drawer: l,
+  card: e,
+  group: a,
+  chip: l,
+  details: c,
+  dialog: r,
+  _drawer: p,
   divider: g,
-  errorsummary: u,
-  _errorsummary: f,
-  field: m,
-  _datalist: b,
-  affixes: q,
-  fieldset: k,
-  fileupload: h,
-  helptext: v,
-  input: y,
+  errorsummary: q,
+  field: f,
+  suggestion: u,
+  affixes: b,
+  fieldset: m,
+  fileupload: k,
+  helptext: h,
+  input: v,
   law: x,
-  grid: w,
-  flex: C,
-  link: M,
-  logo: O,
+  grid: y,
+  flex: w,
+  link: C,
+  logo: M,
+  _logo: O,
   pagination: S,
   popover: T,
   progress: j,
@@ -57,10 +57,9 @@ const _ = "_alert_1p489_1 _ds-alert_1331q_3", t = "_app_1p489_1", s = "_sticky_1
 };
 export {
   __ as _checked,
-  b as _datalist,
-  l as _drawer,
-  f as _errorsummary,
+  p as _drawer,
   z as _indeterminate,
+  O as _logo,
   I as _scrollMask,
   G as _scrollShadow,
   B as _skeleton,
@@ -68,35 +67,35 @@ export {
   N as _toastOpen,
   P as _toastTimeout,
   R as _tooltip,
-  q as affixes,
+  b as affixes,
   _ as alert,
   t as app,
   o as avatar,
-  e as badge,
+  i as badge,
   $ as body,
-  a as breadcrumbs,
+  d as breadcrumbs,
   n as button,
-  p as card,
-  i as chip,
+  e as card,
+  l as chip,
   t_ as default,
-  d as details,
-  c as dialog,
+  c as details,
+  r as dialog,
   g as divider,
-  u as errorsummary,
-  m as field,
-  k as fieldset,
-  h as fileupload,
-  C as flex,
-  w as grid,
-  r as group,
+  q as errorsummary,
+  f as field,
+  m as fieldset,
+  k as fileupload,
+  w as flex,
+  y as grid,
+  a as group,
   U as heading,
-  v as helptext,
+  h as helptext,
   X as info,
   V as ingress,
-  y as input,
+  v as input,
   x as law,
-  M as link,
-  O as logo,
+  C as link,
+  M as logo,
   W as muted,
   S as pagination,
   T as popover,
@@ -106,6 +105,7 @@ export {
   D as spinner,
   E as steps,
   s as sticky,
+  u as suggestion,
   F as table,
   H as tabs,
   J as tag,

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

@@ -1 +1 @@
-export declare const handleClickDelegateFor: (event: MouseEvent) => void;
+export {};

package/mtds/table/table-observer.js

@@ -1,46 +1,22 @@
-import d from "../styles.module.css.js";
-import { isBrowser as f, onLoaded as a, on as l, onMutation as u, attr as m } from "../utils.js";
-const g = d.table.split(" ")[0], T = 'a,button,label,input,select,textarea,[role="button"]', b = f() ? document.getElementsByClassName(g) : [];
-function E() {
-  for (const t of b) {
-    const o = Array.from(
-      t.tHead?.rows[0]?.cells || [],
-      (c) => c.innerText.trim()
+import { isBrowser as s, onHotReload as a, onMutation as n, debounce as c, attr as i } from "../utils.js";
+const d = s() ? document.getElementsByTagName("table") : [], b = () => {
+  for (const e of d) {
+    const r = Array.from(
+      e.tHead?.rows[0]?.cells || [],
+      (t) => t.innerText.trim()
     );
-    for (const c of t.tBodies)
-      for (const e of c.rows)
-        for (const s of e.cells)
-          m(s, "data-th", o[s.cellIndex] || ":empty");
+    for (const t of e.tBodies)
+      for (const l of t.rows)
+        for (const o of l.cells)
+          i(o, "data-th", r[o.cellIndex] || ":empty");
   }
-}
-function p({ target: t }) {
-  if (!(t instanceof Element)) return;
-  const c = t.closest("tr")?.querySelector('[data-command="row"]');
-  c && !t.closest(T) && c.click?.();
-}
-a(() => [
-  l(document, "click", p),
-  u(E, "data-mobile")
-]);
-const r = "data-clickdelegatefor", k = `[${r}]`, L = 'a,button,label,input,select,textarea,dialog,[role="button"],[popover],[contenteditable]', w = (t) => {
-  const o = t.button === 1 || t.metaKey || t.ctrlKey, e = t.isTrusted && t.button < 2 && i(t);
-  e instanceof HTMLAnchorElement && o ? window.open(e.href, void 0, e.rel) : e instanceof HTMLElement && !e.contains(t.target) && (t.stopImmediatePropagation(), e.click());
-};
-let n;
-const C = (t) => {
-  const o = i(t);
-  n !== o && (n && n.classList.remove(":click-delegate-hover"), o && o.classList.add(":click-delegate-hover"), n = o);
-}, i = ({ target: t }) => {
-  const c = (t instanceof Element ? t.closest(k) : null)?.getAttribute(r), e = document.getElementById(c || ""), s = e && t.closest(L);
-  return (!s || s === e) && e || void 0;
 };
-a(() => [
-  l(window, "click,auxclick", w, !0),
-  // Use capture to ensure we run before other click listeners
-  l(document, "mouseover", C, { passive: !0 })
-  // Use passive for better performance
+a("table", () => [
+  n(document, c(b, 200), {
+    attributeFilter: ["data-mobile"],
+    attributes: !0,
+    childList: !0,
+    subtree: !0
+  })
 ]);
-export {
-  w as handleClickDelegateFor
-};
 //# sourceMappingURL=table-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, isBrowser, on, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\nconst INTERACTIVE = 'a,button,label,input,select,textarea,[role=\"button\"]';\nconst TABLES = isBrowser() ? document.getElementsByClassName(CSS_TABLE) : [];\n\nfunction handleTableMutation() {\n\tfor (const table of TABLES as HTMLCollectionOf<HTMLTableElement>) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n}\n\nfunction handleTableClick({ target: el }: Event) {\n\tif (!(el instanceof Element)) return;\n\tconst row = el.closest(\"tr\");\n\tconst action = row?.querySelector<HTMLInputElement>('[data-command=\"row\"]');\n\tif (action && !el.closest(INTERACTIVE)) action.click?.(); // Forward click to data-command=\"row\" element\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleTableClick),\n\tonMutation(handleTableMutation, \"data-mobile\"),\n]);\n\n// Adding support for click deletagtion, following\n// https://open-ui.org/components/link-area-delegation-explainer/\n// and https://github.com/openui/open-ui/issues/1104#issuecomment-3151387080\nconst ATTR_CLICKDELEGATEFOR = \"data-clickdelegatefor\";\nconst CSS_CLICKDELEGATEFOR = `[${ATTR_CLICKDELEGATEFOR}]`;\nconst SKIP =\n\t'a,button,label,input,select,textarea,dialog,[role=\"button\"],[popover],[contenteditable]';\n\nexport const handleClickDelegateFor = (event: MouseEvent) => {\n\tconst isNewTab = event.button === 1 || event.metaKey || event.ctrlKey;\n\tconst isUserLeftOrMiddleClick = event.isTrusted && event.button < 2;\n\tconst delegateTarget = isUserLeftOrMiddleClick && getDelegateTarget(event);\n\n\tif (delegateTarget instanceof HTMLAnchorElement && isNewTab)\n\t\twindow.open(delegateTarget.href, undefined, delegateTarget.rel); // If middle click or cmd/ctrl click on link, open in new tab\n\telse if (\n\t\tdelegateTarget instanceof HTMLElement &&\n\t\t!delegateTarget.contains(event.target as Node) // Only proxy event if delegated target isn't the original target\n\t) {\n\t\tevent.stopImmediatePropagation(); // We'll trigger a new click event anyway, so prevent actions on this one\n\t\tdelegateTarget.click(); // Forward click to the clickable element\n\t}\n};\n\nlet HOVER: Element | undefined;\nconst handleDelegateMouseOver = (event: Event) => {\n\tconst delegateTarget = getDelegateTarget(event);\n\tif (HOVER === delegateTarget) return; // No change\n\tif (HOVER) HOVER.classList.remove(\":click-delegate-hover\");\n\tif (delegateTarget) delegateTarget.classList.add(\":click-delegate-hover\");\n\tHOVER = delegateTarget;\n};\n\nconst getDelegateTarget = ({ target: el }: Event) => {\n\tconst scope = el instanceof Element ? el.closest(CSS_CLICKDELEGATEFOR) : null;\n\tconst id = scope?.getAttribute(ATTR_CLICKDELEGATEFOR);\n\tconst target = document.getElementById(id || \"\");\n\tconst skip = target && (el as Element).closest(SKIP); // Ignore if interactive\n\n\treturn ((!skip || skip === target) && target) || undefined;\n};\n\nonLoaded(() => [\n\ton(window, \"click,auxclick\", handleClickDelegateFor as EventListener, true), // Use capture to ensure we run before other click listeners\n\ton(document, \"mouseover\", handleDelegateMouseOver, { passive: true }), // Use passive for better performance\n]);\n"],"names":["CSS_TABLE","styles","INTERACTIVE","TABLES","isBrowser","handleTableMutation","table","ths","th","tbody","row","cell","attr","handleTableClick","el","action","onLoaded","on","onMutation","ATTR_CLICKDELEGATEFOR","CSS_CLICKDELEGATEFOR","SKIP","handleClickDelegateFor","event","isNewTab","delegateTarget","getDelegateTarget","HOVER","handleDelegateMouseOver","id","target","skip"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAc,wDACdC,IAASC,EAAA,IAAc,SAAS,uBAAuBJ,CAAS,IAAI,CAAA;AAE1E,SAASK,IAAsB;AAC9B,aAAWC,KAASH,GAA8C;AACjE,UAAMI,IAAM,MAAM;AAAA,MAAKD,EAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAACE,MAC1DA,EAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAWC,KAASH,EAAM;AACzB,iBAAWI,KAAOD,EAAM;AACvB,mBAAWE,KAAQD,EAAI;AACtB,UAAAE,EAAKD,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEA,SAASE,EAAiB,EAAE,QAAQC,KAAa;AAChD,MAAI,EAAEA,aAAc,SAAU;AAE9B,QAAMC,IADMD,EAAG,QAAQ,IAAI,GACP,cAAgC,sBAAsB;AAC1E,EAAIC,KAAU,CAACD,EAAG,QAAQZ,CAAW,OAAU,QAAA;AAChD;AAEAc,EAAS,MAAM;AAAA,EACdC,EAAG,UAAU,SAASJ,CAAgB;AAAA,EACtCK,EAAWb,GAAqB,aAAa;AAC9C,CAAC;AAKD,MAAMc,IAAwB,yBACxBC,IAAuB,IAAID,CAAqB,KAChDE,IACL,2FAEYC,IAAyB,CAACC,MAAsB;AAC5D,QAAMC,IAAWD,EAAM,WAAW,KAAKA,EAAM,WAAWA,EAAM,SAExDE,IAD0BF,EAAM,aAAaA,EAAM,SAAS,KAChBG,EAAkBH,CAAK;AAEzE,EAAIE,aAA0B,qBAAqBD,IAClD,OAAO,KAAKC,EAAe,MAAM,QAAWA,EAAe,GAAG,IAE9DA,aAA0B,eAC1B,CAACA,EAAe,SAASF,EAAM,MAAc,MAE7CA,EAAM,yBAAA,GACNE,EAAe,MAAA;AAEjB;AAEA,IAAIE;AACJ,MAAMC,IAA0B,CAACL,MAAiB;AACjD,QAAME,IAAiBC,EAAkBH,CAAK;AAC9C,EAAII,MAAUF,MACVE,KAAOA,EAAM,UAAU,OAAO,uBAAuB,GACrDF,KAAgBA,EAAe,UAAU,IAAI,uBAAuB,GACxEE,IAAQF;AACT,GAEMC,IAAoB,CAAC,EAAE,QAAQZ,QAAgB;AAEpD,QAAMe,KADQf,aAAc,UAAUA,EAAG,QAAQM,CAAoB,IAAI,OACvD,aAAaD,CAAqB,GAC9CW,IAAS,SAAS,eAAeD,KAAM,EAAE,GACzCE,IAAOD,KAAWhB,EAAe,QAAQO,CAAI;AAEnD,UAAS,CAACU,KAAQA,MAASD,MAAWA,KAAW;AAClD;AAEAd,EAAS,MAAM;AAAA,EACdC,EAAG,QAAQ,kBAAkBK,GAAyC,EAAI;AAAA;AAAA,EAC1EL,EAAG,UAAU,aAAaW,GAAyB,EAAE,SAAS,IAAM;AAAA;AACrE,CAAC;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst handleTableMobile = () => {\n\tfor (const table of TABLES) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n};\n\nonHotReload(\"table\", () => [\n\tonMutation(document, debounce(handleTableMobile, 200), {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["TABLES","isBrowser","handleTableMobile","table","ths","th","tbody","row","cell","attr","onHotReload","onMutation","debounce"],"mappings":";AAEA,MAAMA,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IAAoB,MAAM;AAC/B,aAAWC,KAASH,GAAQ;AAC3B,UAAMI,IAAM,MAAM;AAAA,MAAKD,EAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAACE,MAC1DA,EAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAWC,KAASH,EAAM;AACzB,iBAAWI,KAAOD,EAAM;AACvB,mBAAWE,KAAQD,EAAI;AACtB,UAAAE,EAAKD,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEAE,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUC,EAASV,GAAmB,GAAG,GAAG;AAAA,IACtD,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}

package/mtds/tabs/tabs.d.ts

@@ -1,10 +1,11 @@
-import type * as UTabs from "@u-elements/u-tabs";
-export type TabsProps = UTabs.ReactUtabs;
-export type TabsListProps = UTabs.ReactUtablist;
-export type TabsPanelProps = UTabs.ReactUtabpanel;
-export type TabsTabProps = UTabs.ReactUtab;
-export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<UTabs.ReactUtabs, "ref"> & import('react').RefAttributes<UTabs.UHTMLTabsElement>> & {
-    List: import('react').ForwardRefExoticComponent<Omit<UTabs.ReactUtablist, "ref"> & import('react').RefAttributes<UTabs.UHTMLTabListElement>>;
-    Panel: import('react').ForwardRefExoticComponent<Omit<UTabs.ReactUtabpanel, "ref"> & import('react').RefAttributes<UTabs.UHTMLTabPanelElement>>;
-    Tab: import('react').ForwardRefExoticComponent<Omit<UTabs.ReactUtab, "ref"> & import('react').RefAttributes<UTabs.UHTMLTabElement>>;
+import { CustomReactElementProps } from '../react-types';
+import type * as DS from "@digdir/designsystemet-web";
+export type TabsProps = CustomReactElementProps<DS.DSTabsElement>;
+export type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;
+export type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;
+export type TabsTabProps = CustomReactElementProps<DS.DSTabElement>;
+export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<TabsProps, "ref"> & import('react').RefAttributes<DS.DSTabsElement>> & {
+    List: import('react').ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & import('react').RefAttributes<DS.DSTabListElement>>;
+    Panel: import('react').ForwardRefExoticComponent<Omit<TabsPanelProps, "ref"> & import('react').RefAttributes<DS.DSTabPanelElement>>;
+    Tab: import('react').ForwardRefExoticComponent<Omit<TabsTabProps, "ref"> & import('react').RefAttributes<DS.DSTabElement>>;
 };

package/mtds/tabs/tabs.js

@@ -4,24 +4,24 @@ import b from "../styles.module.css.js";
 import { toCustomElementProps as o } from "../utils.js";
 const e = n(
   function(t, s) {
-    return /* @__PURE__ */ a("u-tabs", { ref: s, ...o(t, b.tabs) });
+    return /* @__PURE__ */ a("ds-tabs", { ref: s, ...o(t, b.tabs) });
   }
 ), i = n(
   function(t, s) {
-    return /* @__PURE__ */ a("u-tablist", { ref: s, ...o(t) });
+    return /* @__PURE__ */ a("ds-tablist", { ref: s, ...o(t) });
   }
-), u = n(
+), T = n(
   function(t, s) {
-    return /* @__PURE__ */ a("u-tabpanel", { ref: s, ...o(t) });
+    return /* @__PURE__ */ a("ds-tabpanel", { ref: s, ...o(t) });
   }
-), T = n(
+), m = n(
   function(t, s) {
-    return /* @__PURE__ */ a("u-tab", { ref: s, ...o(t) });
+    return /* @__PURE__ */ a("ds-tab", { ref: s, ...o(t) });
   }
 ), l = Object.assign(e, {
   List: i,
-  Panel: u,
-  Tab: T
+  Panel: T,
+  Tab: m
 });
 export {
   l as Tabs

package/mtds/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import type * as UTabs from \"@u-elements/u-tabs\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = UTabs.ReactUtabs;\nconst TabsComp = forwardRef<UTabs.UHTMLTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <u-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = UTabs.ReactUtablist;\nconst TabsList = forwardRef<UTabs.UHTMLTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <u-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = UTabs.ReactUtabpanel;\nconst TabsPanel = forwardRef<UTabs.UHTMLTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <u-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = UTabs.ReactUtab;\nconst TabsTab = forwardRef<UTabs.UHTMLTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <u-tab ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Tabs = Object.assign(TabsComp, {\n\tList: TabsList,\n\tPanel: TabsPanel,\n\tTab: TabsTab,\n});\n"],"names":["TabsComp","forwardRef","props","ref","jsx","toCustomElementProps","styles","TabsList","TabsPanel","TabsTab","Tabs"],"mappings":";;;;AAMA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AACzB,WAAO,gBAAAC,EAAC,YAAO,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EACxE;AACD,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,aAAA,EAAU,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC9D;AACD,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC/D;AACD,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,SAAA,EAAM,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC1D;AACD,GAEaQ,IAAO,OAAO,OAAOV,GAAU;AAAA,EAC3C,MAAMO;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AACN,CAAC;"}
+{"version":3,"file":"tabs.js","sources":["../../designsystem/tabs/tabs.tsx"],"sourcesContent":["import type * as DS from \"@digdir/designsystemet-web\";\nimport { forwardRef } from \"react\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type TabsProps = CustomReactElementProps<DS.DSTabsElement>;\nconst TabsComp = forwardRef<DS.DSTabsElement, TabsProps>(\n\tfunction Tabs(props, ref) {\n\t\treturn <ds-tabs ref={ref} {...toCustomElementProps(props, styles.tabs)} />;\n\t},\n);\n\nexport type TabsListProps = CustomReactElementProps<DS.DSTabListElement>;\nconst TabsList = forwardRef<DS.DSTabListElement, TabsListProps>(\n\tfunction TabsList(props, ref) {\n\t\treturn <ds-tablist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsPanelProps = CustomReactElementProps<DS.DSTabPanelElement>;\nconst TabsPanel = forwardRef<DS.DSTabPanelElement, TabsPanelProps>(\n\tfunction TabsPanel(props, ref) {\n\t\treturn <ds-tabpanel ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type TabsTabProps = CustomReactElementProps<DS.DSTabElement>;\nconst TabsTab = forwardRef<DS.DSTabElement, TabsTabProps>(\n\tfunction TabsTab(props, ref) {\n\t\treturn <ds-tab ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport const Tabs = Object.assign(TabsComp, {\n\tList: TabsList,\n\tPanel: TabsPanel,\n\tTab: TabsTab,\n});\n"],"names":["TabsComp","forwardRef","props","ref","jsx","toCustomElementProps","styles","TabsList","TabsPanel","TabsTab","Tabs"],"mappings":";;;;AAOA,MAAMA,IAAWC;AAAA,EAChB,SAAcC,GAAOC,GAAK;AACzB,WAAO,gBAAAC,EAAC,aAAQ,KAAAD,GAAW,GAAGE,EAAqBH,GAAOI,EAAO,IAAI,GAAG;AAAA,EACzE;AACD,GAGMC,IAAWN;AAAA,EAChB,SAAkBC,GAAOC,GAAK;AAC7B,6BAAQ,cAAA,EAAW,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC/D;AACD,GAGMM,IAAYP;AAAA,EACjB,SAAmBC,GAAOC,GAAK;AAC9B,6BAAQ,eAAA,EAAY,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAChE;AACD,GAGMO,IAAUR;AAAA,EACf,SAAiBC,GAAOC,GAAK;AAC5B,6BAAQ,UAAA,EAAO,KAAAA,GAAW,GAAGE,EAAqBH,CAAK,GAAG;AAAA,EAC3D;AACD,GAEaQ,IAAO,OAAO,OAAOV,GAAU;AAAA,EAC3C,MAAMO;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AACN,CAAC;"}

package/mtds/toast/toast-observer.js

@@ -1,19 +1,19 @@
-import r from "../styles.module.css.js";
-import { onLoaded as b, on as u, attr as s } from "../utils.js";
-const m = r.toast.split(" ")[0], l = "data-sort";
+import a from "../styles.module.css.js";
+import { onHotReload as b, on as u, attr as s } from "../utils.js";
+const m = a.toast.split(" ")[0], l = "data-sort";
 function h({ animationName: t, target: i }) {
   const o = i;
-  if (t === r._toastTimeout && o.close(), t !== r._toastOpen) return;
+  if (t === a._toastTimeout && o.close(), t !== a._toastOpen) return;
   const c = Number(s(o, "data-timeout"));
   o.style.setProperty("--mtdsc-toast-timeout", c ? `${c}ms` : null), o.hasAttribute(l) || s(o, l, `${Date.now()}`), s(o, "tabindex", "0"), [...document.querySelectorAll(`.${m}[open]`)].sort((n, e) => Number(s(e, l)) - Number(s(n, l))).reduce((n, e) => (e.style.translate = `0 ${e === i ? 0 : n}px`, n + e.offsetHeight + 5), 0);
 }
 function T({ target: t, clientX: i, clientY: o }) {
   if (t instanceof HTMLDialogElement && t.classList.contains(m) && s(t, "data-closedby") !== "none") {
-    const c = t.getBoundingClientRect(), n = window.getComputedStyle(t), e = window.getComputedStyle(t, "::after"), a = c.top + Number.parseInt(n.paddingTop, 10), p = a + Number.parseInt(e.height, 10), d = c.right - Number.parseInt(n.paddingRight, 10), f = d - Number.parseInt(e.width, 10);
-    a <= o && o <= p && f <= i && i <= d && t.close();
+    const c = t.getBoundingClientRect(), n = window.getComputedStyle(t), e = window.getComputedStyle(t, "::after"), r = c.top + Number.parseInt(n.paddingTop, 10), p = r + Number.parseInt(e.height, 10), d = c.right - Number.parseInt(n.paddingRight, 10), f = d - Number.parseInt(e.width, 10);
+    r <= o && o <= p && f <= i && i <= d && t.close();
   }
 }
-b(() => [
+b("toast", () => [
   u(document, "animationstart", h),
   u(document, "click", T)
 ]);

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

@@ -1 +1 @@
-{"version":3,"file":"toast-observer.js","sources":["../../designsystem/toast/toast-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onLoaded } from \"../utils\";\n\nconst CSS_TOAST = styles.toast.split(\" \")[0];\nconst ATTR_SORT = \"data-sort\";\n\nfunction handleToastState({ animationName, target }: Partial<AnimationEvent>) {\n\tconst dialog = target as HTMLDialogElement;\n\tif (animationName === styles._toastTimeout) dialog.close();\n\tif (animationName !== styles._toastOpen) return;\n\n\tconst ms = Number(attr(dialog, \"data-timeout\"));\n\tdialog.style.setProperty(\"--mtdsc-toast-timeout\", ms ? `${ms}ms` : null);\n\tdialog.hasAttribute(ATTR_SORT) || attr(dialog, ATTR_SORT, `${Date.now()}`);\n\tattr(dialog, \"tabindex\", \"0\"); // Make focusable\n\n\t// Setup layout\n\t[...document.querySelectorAll<HTMLDialogElement>(`.${CSS_TOAST}[open]`)]\n\t\t.sort((a, b) => Number(attr(b, ATTR_SORT)) - Number(attr(a, ATTR_SORT)))\n\t\t.reduce((top, toast) => {\n\t\t\ttoast.style.translate = `0 ${toast === target ? 0 : top}px`;\n\t\t\treturn top + toast.offsetHeight + 5;\n\t\t}, 0);\n}\n\nfunction handleToastClick({ target, clientX: x, clientY: y }: MouseEvent) {\n\tif (\n\t\ttarget instanceof HTMLDialogElement &&\n\t\ttarget.classList.contains(CSS_TOAST) &&\n\t\tattr(target, \"data-closedby\") !== \"none\"\n\t) {\n\t\tconst rect = target.getBoundingClientRect();\n\t\tconst toast = window.getComputedStyle(target);\n\t\tconst close = window.getComputedStyle(target, \"::after\");\n\t\tconst top = rect.top + Number.parseInt(toast.paddingTop, 10);\n\t\tconst bottom = top + Number.parseInt(close.height, 10);\n\t\tconst right = rect.right - Number.parseInt(toast.paddingRight, 10);\n\t\tconst left = right - Number.parseInt(close.width, 10);\n\t\tconst isClose = top <= y && y <= bottom && left <= x && x <= right;\n\n\t\tif (isClose) target.close(); // Click is on ::after element\n\t}\n}\n\nonLoaded(() => [\n\ton(document, \"animationstart\", handleToastState),\n\ton(document, \"click\", handleToastClick as EventListener),\n]);\n"],"names":["CSS_TOAST","styles","ATTR_SORT","handleToastState","animationName","target","dialog","ms","attr","a","b","top","toast","handleToastClick","x","y","rect","close","bottom","right","left","onLoaded","on"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAY;AAElB,SAASC,EAAiB,EAAE,eAAAC,GAAe,QAAAC,KAAmC;AAC7E,QAAMC,IAASD;AAEf,MADID,MAAkBH,EAAO,iBAAeK,EAAO,MAAA,GAC/CF,MAAkBH,EAAO,WAAY;AAEzC,QAAMM,IAAK,OAAOC,EAAKF,GAAQ,cAAc,CAAC;AAC9C,EAAAA,EAAO,MAAM,YAAY,yBAAyBC,IAAK,GAAGA,CAAE,OAAO,IAAI,GACvED,EAAO,aAAaJ,CAAS,KAAKM,EAAKF,GAAQJ,GAAW,GAAG,KAAK,IAAA,CAAK,EAAE,GACzEM,EAAKF,GAAQ,YAAY,GAAG,GAG5B,CAAC,GAAG,SAAS,iBAAoC,IAAIN,CAAS,QAAQ,CAAC,EACrE,KAAK,CAACS,GAAGC,MAAM,OAAOF,EAAKE,GAAGR,CAAS,CAAC,IAAI,OAAOM,EAAKC,GAAGP,CAAS,CAAC,CAAC,EACtE,OAAO,CAACS,GAAKC,OACbA,EAAM,MAAM,YAAY,KAAKA,MAAUP,IAAS,IAAIM,CAAG,MAChDA,IAAMC,EAAM,eAAe,IAChC,CAAC;AACN;AAEA,SAASC,EAAiB,EAAE,QAAAR,GAAQ,SAASS,GAAG,SAASC,KAAiB;AACzE,MACCV,aAAkB,qBAClBA,EAAO,UAAU,SAASL,CAAS,KACnCQ,EAAKH,GAAQ,eAAe,MAAM,QACjC;AACD,UAAMW,IAAOX,EAAO,sBAAA,GACdO,IAAQ,OAAO,iBAAiBP,CAAM,GACtCY,IAAQ,OAAO,iBAAiBZ,GAAQ,SAAS,GACjDM,IAAMK,EAAK,MAAM,OAAO,SAASJ,EAAM,YAAY,EAAE,GACrDM,IAASP,IAAM,OAAO,SAASM,EAAM,QAAQ,EAAE,GAC/CE,IAAQH,EAAK,QAAQ,OAAO,SAASJ,EAAM,cAAc,EAAE,GAC3DQ,IAAOD,IAAQ,OAAO,SAASF,EAAM,OAAO,EAAE;AAGpD,IAFgBN,KAAOI,KAAKA,KAAKG,KAAUE,KAAQN,KAAKA,KAAKK,OAEzC,MAAA;AAAA,EACrB;AACD;AAEAE,EAAS,MAAM;AAAA,EACdC,EAAG,UAAU,kBAAkBnB,CAAgB;AAAA,EAC/CmB,EAAG,UAAU,SAAST,CAAiC;AACxD,CAAC;"}
+{"version":3,"file":"toast-observer.js","sources":["../../designsystem/toast/toast-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, on, onHotReload } from \"../utils\";\n\nconst CSS_TOAST = styles.toast.split(\" \")[0];\nconst ATTR_SORT = \"data-sort\";\n\nfunction handleToastState({ animationName, target }: Partial<AnimationEvent>) {\n\tconst dialog = target as HTMLDialogElement;\n\tif (animationName === styles._toastTimeout) dialog.close();\n\tif (animationName !== styles._toastOpen) return;\n\n\tconst ms = Number(attr(dialog, \"data-timeout\"));\n\tdialog.style.setProperty(\"--mtdsc-toast-timeout\", ms ? `${ms}ms` : null);\n\tdialog.hasAttribute(ATTR_SORT) || attr(dialog, ATTR_SORT, `${Date.now()}`);\n\tattr(dialog, \"tabindex\", \"0\"); // Make focusable\n\n\t// Setup layout\n\t[...document.querySelectorAll<HTMLDialogElement>(`.${CSS_TOAST}[open]`)]\n\t\t.sort((a, b) => Number(attr(b, ATTR_SORT)) - Number(attr(a, ATTR_SORT)))\n\t\t.reduce((top, toast) => {\n\t\t\ttoast.style.translate = `0 ${toast === target ? 0 : top}px`;\n\t\t\treturn top + toast.offsetHeight + 5;\n\t\t}, 0);\n}\n\nfunction handleToastClick({ target, clientX: x, clientY: y }: MouseEvent) {\n\tif (\n\t\ttarget instanceof HTMLDialogElement &&\n\t\ttarget.classList.contains(CSS_TOAST) &&\n\t\tattr(target, \"data-closedby\") !== \"none\"\n\t) {\n\t\tconst rect = target.getBoundingClientRect();\n\t\tconst toast = window.getComputedStyle(target);\n\t\tconst close = window.getComputedStyle(target, \"::after\");\n\t\tconst top = rect.top + Number.parseInt(toast.paddingTop, 10);\n\t\tconst bottom = top + Number.parseInt(close.height, 10);\n\t\tconst right = rect.right - Number.parseInt(toast.paddingRight, 10);\n\t\tconst left = right - Number.parseInt(close.width, 10);\n\t\tconst isClose = top <= y && y <= bottom && left <= x && x <= right;\n\n\t\tif (isClose) target.close(); // Click is on ::after element\n\t}\n}\n\nonHotReload(\"toast\", () => [\n\ton(document, \"animationstart\", handleToastState),\n\ton(document, \"click\", handleToastClick as EventListener),\n]);\n"],"names":["CSS_TOAST","styles","ATTR_SORT","handleToastState","animationName","target","dialog","ms","attr","a","b","top","toast","handleToastClick","x","y","rect","close","bottom","right","left","onHotReload","on"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAY;AAElB,SAASC,EAAiB,EAAE,eAAAC,GAAe,QAAAC,KAAmC;AAC7E,QAAMC,IAASD;AAEf,MADID,MAAkBH,EAAO,iBAAeK,EAAO,MAAA,GAC/CF,MAAkBH,EAAO,WAAY;AAEzC,QAAMM,IAAK,OAAOC,EAAKF,GAAQ,cAAc,CAAC;AAC9C,EAAAA,EAAO,MAAM,YAAY,yBAAyBC,IAAK,GAAGA,CAAE,OAAO,IAAI,GACvED,EAAO,aAAaJ,CAAS,KAAKM,EAAKF,GAAQJ,GAAW,GAAG,KAAK,IAAA,CAAK,EAAE,GACzEM,EAAKF,GAAQ,YAAY,GAAG,GAG5B,CAAC,GAAG,SAAS,iBAAoC,IAAIN,CAAS,QAAQ,CAAC,EACrE,KAAK,CAACS,GAAGC,MAAM,OAAOF,EAAKE,GAAGR,CAAS,CAAC,IAAI,OAAOM,EAAKC,GAAGP,CAAS,CAAC,CAAC,EACtE,OAAO,CAACS,GAAKC,OACbA,EAAM,MAAM,YAAY,KAAKA,MAAUP,IAAS,IAAIM,CAAG,MAChDA,IAAMC,EAAM,eAAe,IAChC,CAAC;AACN;AAEA,SAASC,EAAiB,EAAE,QAAAR,GAAQ,SAASS,GAAG,SAASC,KAAiB;AACzE,MACCV,aAAkB,qBAClBA,EAAO,UAAU,SAASL,CAAS,KACnCQ,EAAKH,GAAQ,eAAe,MAAM,QACjC;AACD,UAAMW,IAAOX,EAAO,sBAAA,GACdO,IAAQ,OAAO,iBAAiBP,CAAM,GACtCY,IAAQ,OAAO,iBAAiBZ,GAAQ,SAAS,GACjDM,IAAMK,EAAK,MAAM,OAAO,SAASJ,EAAM,YAAY,EAAE,GACrDM,IAASP,IAAM,OAAO,SAASM,EAAM,QAAQ,EAAE,GAC/CE,IAAQH,EAAK,QAAQ,OAAO,SAASJ,EAAM,cAAc,EAAE,GAC3DQ,IAAOD,IAAQ,OAAO,SAASF,EAAM,OAAO,EAAE;AAGpD,IAFgBN,KAAOI,KAAKA,KAAKG,KAAUE,KAAQN,KAAKA,KAAKK,OAEzC,MAAA;AAAA,EACrB;AACD;AAEAE,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAG,UAAU,kBAAkBnB,CAAgB;AAAA,EAC/CmB,EAAG,UAAU,SAAST,CAAiC;AACxD,CAAC;"}

package/mtds/togglegroup/togglegroup.d.ts

@@ -1,6 +1,10 @@
 import { InputProps } from '../react';
-export type TogglegroupProps = React.ComponentPropsWithoutRef<"fieldset">;
+export type TogglegroupProps = React.ComponentPropsWithoutRef<"fieldset"> & {
+    "data-toggle-group"?: string;
+};
 export type TogglegroupItemProps = Omit<React.ComponentPropsWithoutRef<"label">, "onChange"> & Pick<InputProps, "defaultChecked" | "checked" | "onChange" | "value"> & Required<Pick<InputProps, "name">>;
-export declare const Togglegroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & import('react').RefAttributes<HTMLFieldSetElement>> & {
+export declare const Togglegroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & {
+    "data-toggle-group"?: string;
+} & import('react').RefAttributes<HTMLFieldSetElement>> & {
     Item: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "onChange"> & Pick<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultChecked" | "onChange" | "checked"> & Required<Pick<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name">> & import('react').RefAttributes<HTMLLabelElement>>;
 };

package/mtds/togglegroup/togglegroup.js

@@ -1,37 +1,38 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import c from "clsx";
-import { forwardRef as g } from "react";
-import f from "../styles.module.css.js";
-const a = g(
-  function({ className: o, ...r }, e) {
-    return /* @__PURE__ */ t(
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import i from "clsx";
+import { forwardRef as p } from "react";
+import c from "../styles.module.css.js";
+const f = p(
+  function({ "data-toggle-group": o, className: g, ...r }, t) {
+    return /* @__PURE__ */ e(
       "fieldset",
       {
-        className: c(f.togglegroup, o),
-        ref: e,
+        className: i(c.togglegroup, g),
+        "data-toggle-group": o || "Valgknapper",
+        ref: t,
         ...r
       }
     );
   }
-), T = g(
-  function({ children: o, checked: r, defaultChecked: e, value: s, name: l, onChange: m, ...n }, i) {
-    return /* @__PURE__ */ u("label", { ref: i, ...n, children: [
-      /* @__PURE__ */ t(
+), d = p(
+  function({ children: o, checked: g, defaultChecked: r, value: t, name: s, onChange: m, ...n }, u) {
+    return /* @__PURE__ */ a("label", { ref: u, ...n, children: [
+      /* @__PURE__ */ e(
         "input",
         {
           type: "radio",
-          checked: r,
-          defaultChecked: e,
-          value: s,
-          name: l,
+          checked: g,
+          defaultChecked: r,
+          value: t,
+          name: s,
           onChange: m
         }
       ),
       o
     ] });
   }
-), b = Object.assign(a, {
-  Item: T
+), b = Object.assign(f, {
+  Item: d
 });
 export {
   b as Togglegroup

package/mtds/togglegroup/togglegroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { InputProps } from \"../react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\">;\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<InputProps, \"defaultChecked\" | \"checked\" | \"onChange\" | \"value\"> &\n\tRequired<Pick<InputProps, \"name\">>; // Make name required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, value, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label ref={ref} {...rest}>\n\t\t\t\t<input\n\t\t\t\t\t{...{ type: \"radio\", checked, defaultChecked, value, name, onChange }}\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["TogglegroupComp","forwardRef","className","rest","ref","jsx","clsx","styles","TogglegroupItem","children","checked","defaultChecked","value","name","onChange","jsxs","Togglegroup"],"mappings":";;;;AAaA,MAAMA,IAAkBC;AAAA,EACvB,SAAqB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACjD,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD,GACMK,IAAkBP;AAAA,EACvB,SACC,EAAE,UAAAQ,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,GAAGX,EAAA,GAC/DC,GACC;AACD,WACC,gBAAAW,EAAC,SAAA,EAAM,KAAAX,GAAW,GAAGD,GACpB,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACM,MAAM;AAAA,UAAS,SAAAK;AAAA,UAAS,gBAAAC;AAAA,UAAgB,OAAAC;AAAA,UAAO,MAAAC;AAAA,UAAM,UAAAC;AAAA,QAAS;AAAA,MAAA;AAAA,MAEpEL;AAAA,IAAA,GACF;AAAA,EAEF;AACD,GAEaO,IAAc,OAAO,OAAOhB,GAAiB;AAAA,EACzD,MAAMQ;AACP,CAAC;"}
+{"version":3,"file":"togglegroup.js","sources":["../../designsystem/togglegroup/togglegroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport type { InputProps } from \"../react\";\nimport styles from \"../styles.module.css\";\n\nexport type TogglegroupProps = React.ComponentPropsWithoutRef<\"fieldset\"> & {\n\t\"data-toggle-group\"?: string;\n};\nexport type TogglegroupItemProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"label\">,\n\t\"onChange\"\n> &\n\tPick<InputProps, \"defaultChecked\" | \"checked\" | \"onChange\" | \"value\"> &\n\tRequired<Pick<InputProps, \"name\">>; // Make name required\n\nconst TogglegroupComp = forwardRef<HTMLFieldSetElement, TogglegroupProps>(\n\tfunction Togglegroup(\n\t\t{ \"data-toggle-group\": label, className, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<fieldset\n\t\t\t\tclassName={clsx(styles.togglegroup, className)}\n\t\t\t\tdata-toggle-group={label || \"Valgknapper\"}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n);\nconst TogglegroupItem = forwardRef<HTMLLabelElement, TogglegroupItemProps>(\n\tfunction TogglegroupItem(\n\t\t{ children, checked, defaultChecked, value, name, onChange, ...rest },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<label ref={ref} {...rest}>\n\t\t\t\t<input\n\t\t\t\t\t{...{ type: \"radio\", checked, defaultChecked, value, name, onChange }}\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</label>\n\t\t);\n\t},\n);\n\nexport const Togglegroup = Object.assign(TogglegroupComp, {\n\tItem: TogglegroupItem,\n});\n"],"names":["TogglegroupComp","forwardRef","label","className","rest","ref","jsx","clsx","styles","TogglegroupItem","children","checked","defaultChecked","value","name","onChange","jsxs","Togglegroup"],"mappings":";;;;AAeA,MAAMA,IAAkBC;AAAA,EACvB,SACC,EAAE,qBAAqBC,GAAO,WAAAC,GAAW,GAAGC,EAAA,GAC5CC,GACC;AACD,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,qBAAmBD,KAAS;AAAA,QAC5B,KAAAG;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD,GACMK,IAAkBR;AAAA,EACvB,SACC,EAAE,UAAAS,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,GAAGX,EAAA,GAC/DC,GACC;AACD,WACC,gBAAAW,EAAC,SAAA,EAAM,KAAAX,GAAW,GAAGD,GACpB,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACM,MAAM;AAAA,UAAS,SAAAK;AAAA,UAAS,gBAAAC;AAAA,UAAgB,OAAAC;AAAA,UAAO,MAAAC;AAAA,UAAM,UAAAC;AAAA,QAAS;AAAA,MAAA;AAAA,MAEpEL;AAAA,IAAA,GACF;AAAA,EAEF;AACD,GAEaO,IAAc,OAAO,OAAOjB,GAAiB;AAAA,EACzD,MAAMS;AACP,CAAC;"}

package/mtds/tooltip/tooltip-element.js

@@ -0,0 +1,7 @@
+import { setTooltipElement as t } from "@digdir/designsystemet-web";
+import o from "../styles.module.css.js";
+import { isBrowser as i, tag as m } from "../utils.js";
+i() && t(
+  document.getElementById("mtds-tooltip") || m("div", { class: o._tooltip, id: "mtds-tooltip" })
+);
+//# sourceMappingURL=tooltip-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-element.js","sources":["../../designsystem/tooltip/tooltip-element.ts"],"sourcesContent":["import { setTooltipElement } from \"@digdir/designsystemet-web\";\nimport styles from \"../styles.module.css\";\nimport { isBrowser, tag } from \"../utils\";\n\n// Set custom tooltip element for designsystemet-web\nif (isBrowser())\n\tsetTooltipElement(\n\t\tdocument.getElementById(\"mtds-tooltip\") ||\n\t\t\ttag(\"div\", { class: styles._tooltip, id: \"mtds-tooltip\" }),\n\t);\n"],"names":["isBrowser","setTooltipElement","tag","styles"],"mappings":";;;AAKIA,EAAA,KACHC;AAAA,EACC,SAAS,eAAe,cAAc,KACrCC,EAAI,OAAO,EAAE,OAAOC,EAAO,UAAU,IAAI,eAAA,CAAgB;AAAA;"}