@mattilsynet/design 2.2.3 → 2.2.4

package/mtds/styles.json

@@ -1,43 +1,43 @@
 {
-  "alert": "_alert_gzx53_1 _ds-alert_nwz76_3",
-  "app": "_app_gzx53_1",
-  "sticky": "_sticky_gzx53_1",
-  "avatar": "_avatar_gzx53_1 _ds-avatar_nwz76_1",
-  "badge": "_badge_gzx53_1",
-  "breadcrumbs": "_breadcrumbs_gzx53_1 _ds-breadcrumbs_nwz76_5",
-  "button": "_button_gzx53_1 _ds-button_nwz76_1",
-  "card": "_card_gzx53_1",
-  "group": "_group_gzx53_1",
-  "chip": "_chip_gzx53_1 _ds-chip_nwz76_5",
-  "details": "_details_gzx53_1 _ds-details_nwz76_3",
-  "dialog": "_dialog_gzx53_1 _ds-dialog_nwz76_5",
-  "divider": "_divider_gzx53_1",
-  "errorsummary": "_errorsummary_gzx53_1 _ds-error-summary_nwz76_5",
-  "field": "_field_gzx53_1 _ds-field_nwz76_1",
-  "affixes": "_affixes_gzx53_1 _ds-field-affixes_nwz76_3",
-  "fieldset": "_fieldset_gzx53_1 _ds-fieldset_nwz76_3",
-  "helptext": "_helptext_gzx53_1 _ds-focus_nwz76_1",
-  "input": "_input_gzx53_1 _ds-input_nwz76_1",
-  "grid": "_grid_gzx53_1",
-  "flex": "_flex_gzx53_1",
-  "link": "_link_gzx53_1",
-  "logo": "_logo_gzx53_1",
-  "pagination": "_pagination_gzx53_1 _ds-pagination_nwz76_5",
-  "popover": "_popover_gzx53_1",
-  "progress": "_progress_gzx53_1",
-  "skeleton": "_skeleton_gzx53_1 _ds-skeleton_nwz76_5",
-  "spinner": "_spinner_gzx53_1",
-  "steps": "_steps_gzx53_1",
-  "table": "_table_gzx53_1 _ds-table_nwz76_5",
-  "tabs": "_tabs_gzx53_1 _ds-tabs_nwz76_5",
-  "tag": "_tag_gzx53_1 _ds-tag_nwz76_5",
-  "toast": "_toast_gzx53_1",
-  "togglegroup": "_togglegroup_gzx53_1",
-  "heading": "_heading_gzx53_1 _ds-heading_nwz76_1",
-  "ingress": "_ingress_gzx53_1",
-  "muted": "_muted_gzx53_1",
-  "info": "_info_gzx53_1",
-  "prose": "_prose_gzx53_1",
-  "validation": "_validation_gzx53_1 _ds-validation-message_nwz76_1",
-  "body": "_body_gzx53_171"
+  "alert": "_alert_1nshl_1 _ds-alert_nwz76_3",
+  "app": "_app_1nshl_1",
+  "sticky": "_sticky_1nshl_1",
+  "avatar": "_avatar_1nshl_1 _ds-avatar_nwz76_1",
+  "badge": "_badge_1nshl_1",
+  "breadcrumbs": "_breadcrumbs_1nshl_1 _ds-breadcrumbs_nwz76_5",
+  "button": "_button_1nshl_1 _ds-button_nwz76_1",
+  "card": "_card_1nshl_1",
+  "group": "_group_1nshl_1",
+  "chip": "_chip_1nshl_1 _ds-chip_nwz76_5",
+  "details": "_details_1nshl_1 _ds-details_nwz76_3",
+  "dialog": "_dialog_1nshl_1 _ds-dialog_nwz76_5",
+  "divider": "_divider_1nshl_1",
+  "errorsummary": "_errorsummary_1nshl_1 _ds-error-summary_nwz76_5",
+  "field": "_field_1nshl_1 _ds-field_nwz76_1",
+  "affixes": "_affixes_1nshl_1 _ds-field-affixes_nwz76_3",
+  "fieldset": "_fieldset_1nshl_1 _ds-fieldset_nwz76_3",
+  "helptext": "_helptext_1nshl_1 _ds-focus_nwz76_1",
+  "input": "_input_1nshl_1 _ds-input_nwz76_1",
+  "grid": "_grid_1nshl_1",
+  "flex": "_flex_1nshl_1",
+  "link": "_link_1nshl_1",
+  "logo": "_logo_1nshl_1",
+  "pagination": "_pagination_1nshl_1 _ds-pagination_nwz76_5",
+  "popover": "_popover_1nshl_1",
+  "progress": "_progress_1nshl_1",
+  "skeleton": "_skeleton_1nshl_1 _ds-skeleton_nwz76_5",
+  "spinner": "_spinner_1nshl_1",
+  "steps": "_steps_1nshl_1",
+  "table": "_table_1nshl_1 _ds-table_nwz76_5",
+  "tabs": "_tabs_1nshl_1 _ds-tabs_nwz76_5",
+  "tag": "_tag_1nshl_1 _ds-tag_nwz76_5",
+  "toast": "_toast_1nshl_1",
+  "togglegroup": "_togglegroup_1nshl_1",
+  "heading": "_heading_1nshl_1 _ds-heading_nwz76_1",
+  "ingress": "_ingress_1nshl_1",
+  "muted": "_muted_1nshl_1",
+  "info": "_info_1nshl_1",
+  "prose": "_prose_1nshl_1",
+  "validation": "_validation_1nshl_1 _ds-validation-message_nwz76_1",
+  "body": "_body_1nshl_172"
 }

package/mtds/styles.module.css.js

@@ -1,29 +1,29 @@
-const _ = "_alert_gzx53_1 _ds-alert_nwz76_3", t = "_app_gzx53_1", s = "_sticky_gzx53_1", o = "_avatar_gzx53_1 _ds-avatar_nwz76_1", e = "_badge_gzx53_1", n = "_breadcrumbs_gzx53_1 _ds-breadcrumbs_nwz76_5", a = "_button_gzx53_1 _ds-button_nwz76_1", g = "_card_gzx53_1", r = "_group_gzx53_1", i = "_chip_gzx53_1 _ds-chip_nwz76_5", d = "_details_gzx53_1 _ds-details_nwz76_3", c = "_dialog_gzx53_1 _ds-dialog_nwz76_5", l = "__drawer_gzx53_1", z = "_divider_gzx53_1", x = "_errorsummary_gzx53_1 _ds-error-summary_nwz76_5", p = "__errorsummary_gzx53_1", u = "_field_gzx53_1 _ds-field_nwz76_1", m = "__datalist_gzx53_1", b = "_affixes_gzx53_1 _ds-field-affixes_nwz76_3", w = "_fieldset_gzx53_1 _ds-fieldset_nwz76_3", f = "_helptext_gzx53_1 _ds-focus_nwz76_1", k = "_input_gzx53_1 _ds-input_nwz76_1", h = "_grid_gzx53_1", v = "_flex_gzx53_1", y = "_link_gzx53_1", C = "_logo_gzx53_1", M = "_pagination_gzx53_1 _ds-pagination_nwz76_5", O = "_popover_gzx53_1", S = "_progress_gzx53_1", T = "__indeterminate_gzx53_1", j = "_skeleton_gzx53_1 _ds-skeleton_nwz76_5", q = "__skeleton_gzx53_1", A = "_spinner_gzx53_1", B = "_steps_gzx53_1", D = "_table_gzx53_1 _ds-table_nwz76_5", E = "__scrollShadow_gzx53_1", F = "_tabs_gzx53_1 _ds-tabs_nwz76_5", G = "__scrollMask_gzx53_1", H = "_tag_gzx53_1 _ds-tag_nwz76_5", I = "_toast_gzx53_1", J = "__toastClose_gzx53_1", K = "__toastOpen_gzx53_1", L = "__toastTimeout_gzx53_1", N = "_togglegroup_gzx53_1", P = "__tooltip_gzx53_1", Q = "_heading_gzx53_1 _ds-heading_nwz76_1", R = "_ingress_gzx53_1", U = "_muted_gzx53_1", V = "_info_gzx53_1", W = "_prose_gzx53_1", X = "_validation_gzx53_1 _ds-validation-message_nwz76_1", Y = "_body_gzx53_171", Z = "__checked_gzx53_1", $ = {
+const _ = "_alert_1nshl_1 _ds-alert_nwz76_3", s = "_app_1nshl_1", n = "_sticky_1nshl_1", t = "_avatar_1nshl_1 _ds-avatar_nwz76_1", o = "_badge_1nshl_1", e = "_breadcrumbs_1nshl_1 _ds-breadcrumbs_nwz76_5", l = "_button_1nshl_1 _ds-button_nwz76_1", a = "_card_1nshl_1", r = "_group_1nshl_1", i = "_chip_1nshl_1 _ds-chip_nwz76_5", d = "_details_1nshl_1 _ds-details_nwz76_3", c = "_dialog_1nshl_1 _ds-dialog_nwz76_5", h = "__drawer_1nshl_1", p = "_divider_1nshl_1", g = "_errorsummary_1nshl_1 _ds-error-summary_nwz76_5", u = "__errorsummary_1nshl_1", m = "_field_1nshl_1 _ds-field_nwz76_1", b = "__datalist_1nshl_1", w = "_affixes_1nshl_1 _ds-field-affixes_nwz76_3", f = "_fieldset_1nshl_1 _ds-fieldset_nwz76_3", z = "_helptext_1nshl_1 _ds-focus_nwz76_1", k = "_input_1nshl_1 _ds-input_nwz76_1", v = "_grid_1nshl_1", y = "_flex_1nshl_1", x = "_link_1nshl_1", C = "_logo_1nshl_1", M = "_pagination_1nshl_1 _ds-pagination_nwz76_5", O = "_popover_1nshl_1", S = "_progress_1nshl_1", T = "__indeterminate_1nshl_1", j = "_skeleton_1nshl_1 _ds-skeleton_nwz76_5", q = "__skeleton_1nshl_1", A = "_spinner_1nshl_1", B = "_steps_1nshl_1", D = "_table_1nshl_1 _ds-table_nwz76_5", E = "__scrollShadow_1nshl_1", F = "_tabs_1nshl_1 _ds-tabs_nwz76_5", G = "__scrollMask_1nshl_1", H = "_tag_1nshl_1 _ds-tag_nwz76_5", I = "_toast_1nshl_1", J = "__toastClose_1nshl_1", K = "__toastOpen_1nshl_1", L = "__toastTimeout_1nshl_1", N = "_togglegroup_1nshl_1", P = "__tooltip_1nshl_1", Q = "_heading_1nshl_1 _ds-heading_nwz76_1", R = "_ingress_1nshl_1", U = "_muted_1nshl_1", V = "_info_1nshl_1", W = "_prose_1nshl_1", X = "_validation_1nshl_1 _ds-validation-message_nwz76_1", Y = "_body_1nshl_172", Z = "__checked_1nshl_1", $ = {
   alert: _,
-  app: t,
-  sticky: s,
-  avatar: o,
-  badge: e,
-  breadcrumbs: n,
-  button: a,
-  card: g,
+  app: s,
+  sticky: n,
+  avatar: t,
+  badge: o,
+  breadcrumbs: e,
+  button: l,
+  card: a,
   group: r,
   chip: i,
   details: d,
   dialog: c,
-  _drawer: l,
-  divider: z,
-  errorsummary: x,
-  _errorsummary: p,
-  field: u,
-  _datalist: m,
-  affixes: b,
-  fieldset: w,
-  helptext: f,
+  _drawer: h,
+  divider: p,
+  errorsummary: g,
+  _errorsummary: u,
+  field: m,
+  _datalist: b,
+  affixes: w,
+  fieldset: f,
+  helptext: z,
   input: k,
-  grid: h,
-  flex: v,
-  link: y,
+  grid: v,
+  flex: y,
+  link: x,
   logo: C,
   pagination: M,
   popover: O,
@@ -55,9 +55,9 @@ const _ = "_alert_gzx53_1 _ds-alert_nwz76_3", t = "_app_gzx53_1", s = "_sticky_g
 };
 export {
   Z as _checked,
-  m as _datalist,
-  l as _drawer,
-  p as _errorsummary,
+  b as _datalist,
+  h as _drawer,
+  u as _errorsummary,
   T as _indeterminate,
   G as _scrollMask,
   E as _scrollShadow,
@@ -66,32 +66,32 @@ export {
   K as _toastOpen,
   L as _toastTimeout,
   P as _tooltip,
-  b as affixes,
+  w as affixes,
   _ as alert,
-  t as app,
-  o as avatar,
-  e as badge,
+  s as app,
+  t as avatar,
+  o as badge,
   Y as body,
-  n as breadcrumbs,
-  a as button,
-  g as card,
+  e as breadcrumbs,
+  l as button,
+  a as card,
   i as chip,
   $ as default,
   d as details,
   c as dialog,
-  z as divider,
-  x as errorsummary,
-  u as field,
-  w as fieldset,
-  v as flex,
-  h as grid,
+  p as divider,
+  g as errorsummary,
+  m as field,
+  f as fieldset,
+  y as flex,
+  v as grid,
   r as group,
   Q as heading,
-  f as helptext,
+  z as helptext,
   V as info,
   R as ingress,
   k as input,
-  y as link,
+  x as link,
   C as logo,
   U as muted,
   M as pagination,
@@ -101,7 +101,7 @@ export {
   j as skeleton,
   A as spinner,
   B as steps,
-  s as sticky,
+  n as sticky,
   D as table,
   F as tabs,
   H as tag,

package/mtds/tooltip/tooltip-observer.js

@@ -2,7 +2,7 @@ import { flip as I, shift as h } from "../external/@floating-ui/dom/dist/floatin
 import w from "../styles.module.css.js";
 import { IS_BROWSER as C, tag as O, onLoaded as y, on as s, QUICK_EVENT as r, attr as a, anchorPosition as u } from "../utils.js";
 const m = "aria-describedby", p = "Escape", d = "aria-labelledby", A = "--mtds-tooltip-position", P = 300, T = "mtds-tooltip", o = C ? document.getElementById(T) || O("div", {
-  className: w._tooltip,
+  class: w._tooltip,
   id: T,
   popover: "manual"
 }) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-observer.js","sources":["../../designsystem/tooltip/tooltip-observer.ts"],"sourcesContent":["import { flip, type Placement, shift } from \"@floating-ui/dom\";\nimport styles from \"../styles.module.css\";\nimport {\n\tanchorPosition,\n\tattr,\n\tIS_BROWSER,\n\ton,\n\tonLoaded,\n\tQUICK_EVENT,\n\ttag,\n} from \"../utils\";\n\nconst DESCRIBEDBY = \"aria-describedby\";\nconst ESC = \"Escape\";\nconst LABELLEDBY = \"aria-labelledby\";\nconst POSITION_CSS_PROPERTY = \"--mtds-tooltip-position\";\nconst THROTTLE_DELAY = 300;\nconst TOOLTIP_ID = \"mtds-tooltip\";\nconst TOOLTIP = IS_BROWSER\n\t? document.getElementById(TOOLTIP_ID) ||\n\t\ttag(\"div\", {\n\t\t\tclassName: styles._tooltip,\n\t\t\tid: TOOLTIP_ID,\n\t\t\tpopover: \"manual\",\n\t\t})\n\t: null;\n\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\n\nfunction handleTooltipMove({ target, type, key }: Event & { key?: string }) {\n\tif (type === \"keydown\" && key !== ESC) return; // Allow ESC dismiss to follow https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n\tconst wait = LAST_CALL + THROTTLE_DELAY - Date.now();\n\tclearTimeout(THROTTLE);\n\tTHROTTLE = setTimeout(\n\t\thandleTooltipMoveThrottled,\n\t\tMath.max(wait, 0),\n\t\tkey === ESC ? null : target,\n\t);\n}\n\n// Using a throttled function to avoid performance issues\nfunction handleTooltipMoveThrottled(target: Element | null) {\n\tLAST_CALL = Date.now();\n\n\t// Build and append tooltip if not existing\n\tif (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n\tif (!TOOLTIP?.isConnected) document.body.append(TOOLTIP); // Ensure connected\n\tlet anchor = target?.closest?.<Element>(\"[data-tooltip]\") || null;\n\n\t// No need to update\n\tif (anchor === ANCHOR) return;\n\n\tconst content = (anchor && attr(anchor, \"data-tooltip\")) || \"\";\n\tconst position =\n\t\t(anchor && attr(anchor, \"data-tooltip-position\")) ||\n\t\twindow\n\t\t\t.getComputedStyle(anchor || document.body)\n\t\t\t.getPropertyValue(POSITION_CSS_PROPERTY)\n\t\t\t?.trim() ||\n\t\t\"top\";\n\n\tconst isHidden =\n\t\t!content ||\n\t\tcontent === \"false\" ||\n\t\tcontent === \"true\" ||\n\t\tposition === \"none\";\n\n\tif (isHidden) anchor = null; // Do not show tooltip if boolish value\n\tif (anchor) TOOLTIP.textContent = content; // Only update content if new anchor\n\n\tconst hadLabel = ANCHOR && attr(ANCHOR, LABELLEDBY) === TOOLTIP?.id;\n\tconst hasLabel =\n\t\t(anchor instanceof HTMLElement\n\t\t\t? anchor.innerText\n\t\t\t: anchor?.textContent\n\t\t)?.trim() ||\n\t\tanchor?.hasAttribute(LABELLEDBY) ||\n\t\tanchor?.hasAttribute(\"aria-label\");\n\n\tANCHOR?.removeAttribute(hadLabel ? LABELLEDBY : DESCRIBEDBY); // Unlink previous anchor\n\tanchorPosition(TOOLTIP, false); // Reset anchor position\n\n\tANCHOR = anchor; // Store new anchor - might be null if no new anchor\n\tif (ANCHOR) attr(ANCHOR, hasLabel ? DESCRIBEDBY : LABELLEDBY, TOOLTIP?.id); // Use tooltip as description if allready has label\n\tif (ANCHOR?.isConnected) TOOLTIP.hidePopover(); // Hide tooltip so it can be placed on top-layer on next show\n\tTOOLTIP.togglePopover(!!anchor);\n\tanchorPosition(TOOLTIP, anchor || false, {\n\t\tplacement: position as Placement,\n\t\tmiddleware: [flip(), shift({ padding: 10 })],\n\t});\n}\n\nonLoaded(() => {\n\ton(document, \"blur,focus,mouseout,mouseover\", handleTooltipMove, QUICK_EVENT);\n\ton(window, \"keydown\", handleTooltipMove, QUICK_EVENT);\n\ton(window, \"blur\", handleTooltipMove, QUICK_EVENT);\n});\n"],"names":["DESCRIBEDBY","ESC","LABELLEDBY","POSITION_CSS_PROPERTY","THROTTLE_DELAY","TOOLTIP_ID","TOOLTIP","IS_BROWSER","tag","styles","ANCHOR","LAST_CALL","THROTTLE","handleTooltipMove","target","type","key","wait","handleTooltipMoveThrottled","anchor","content","attr","position","hadLabel","hasLabel","anchorPosition","flip","shift","onLoaded","on","QUICK_EVENT"],"mappings":";;;AAYA,MAAMA,IAAc,oBACdC,IAAM,UACNC,IAAa,mBACbC,IAAwB,2BACxBC,IAAiB,KACjBC,IAAa,gBACbC,IAAUC,IACb,SAAS,eAAeF,CAAU,KACnCG,EAAI,OAAO;AAAA,EACV,WAAWC,EAAO;AAAA,EAClB,IAAIJ;AAAA,EACJ,SAAS;AACV,CAAC,IACA;AAEH,IAAIK,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD;AAEvD,SAASC,EAAkB,EAAE,QAAAC,GAAQ,MAAAC,GAAM,KAAAC,KAAiC;AAC3E,MAAID,MAAS,aAAaC,MAAQf,EAAK;AACvC,QAAMgB,IAAON,IAAYP,IAAiB,KAAK,IAAA;AAC/C,eAAaQ,CAAQ,GACrBA,IAAW;AAAA,IACVM;AAAA,IACA,KAAK,IAAID,GAAM,CAAC;AAAA,IAChBD,MAAQf,IAAM,OAAOa;AAAA,EAAA;AAEvB;AAGA,SAASI,EAA2BJ,GAAwB;AAI3D,MAHAH,IAAY,KAAK,IAAA,GAGb,CAACL,KAAWQ,MAAWR,EAAS;AACpC,EAAKA,GAAS,eAAa,SAAS,KAAK,OAAOA,CAAO;AACvD,MAAIa,IAASL,GAAQ,UAAmB,gBAAgB,KAAK;AAG7D,MAAIK,MAAWT,EAAQ;AAEvB,QAAMU,IAAWD,KAAUE,EAAKF,GAAQ,cAAc,KAAM,IACtDG,IACJH,KAAUE,EAAKF,GAAQ,uBAAuB,KAC/C,OACE,iBAAiBA,KAAU,SAAS,IAAI,EACxC,iBAAiBhB,CAAqB,GACrC,UACH;AAQD,GALC,CAACiB,KACDA,MAAY,WACZA,MAAY,UACZE,MAAa,YAEAH,IAAS,OACnBA,QAAgB,cAAcC;AAElC,QAAMG,IAAWb,KAAUW,EAAKX,GAAQR,CAAU,MAAMI,GAAS,IAC3DkB,KACJL,aAAkB,cAChBA,EAAO,YACPA,GAAQ,cACR,KAAA,KACHA,GAAQ,aAAajB,CAAU,KAC/BiB,GAAQ,aAAa,YAAY;AAElC,EAAAT,GAAQ,gBAAgBa,IAAWrB,IAAaF,CAAW,GAC3DyB,EAAenB,GAAS,EAAK,GAE7BI,IAASS,GACLT,KAAQW,EAAKX,GAAQc,IAAWxB,IAAcE,GAAYI,GAAS,EAAE,GACrEI,GAAQ,eAAaJ,EAAQ,YAAA,GACjCA,EAAQ,cAAc,CAAC,CAACa,CAAM,GAC9BM,EAAenB,GAASa,KAAU,IAAO;AAAA,IACxC,WAAWG;AAAA,IACX,YAAY,CAACI,EAAA,GAAQC,EAAM,EAAE,SAAS,IAAI,CAAC;AAAA,EAAA,CAC3C;AACF;AAEAC,EAAS,MAAM;AACd,EAAAC,EAAG,UAAU,iCAAiChB,GAAmBiB,CAAW,GAC5ED,EAAG,QAAQ,WAAWhB,GAAmBiB,CAAW,GACpDD,EAAG,QAAQ,QAAQhB,GAAmBiB,CAAW;AAClD,CAAC;"}
+{"version":3,"file":"tooltip-observer.js","sources":["../../designsystem/tooltip/tooltip-observer.ts"],"sourcesContent":["import { flip, type Placement, shift } from \"@floating-ui/dom\";\nimport styles from \"../styles.module.css\";\nimport {\n\tanchorPosition,\n\tattr,\n\tIS_BROWSER,\n\ton,\n\tonLoaded,\n\tQUICK_EVENT,\n\ttag,\n} from \"../utils\";\n\nconst DESCRIBEDBY = \"aria-describedby\";\nconst ESC = \"Escape\";\nconst LABELLEDBY = \"aria-labelledby\";\nconst POSITION_CSS_PROPERTY = \"--mtds-tooltip-position\";\nconst THROTTLE_DELAY = 300;\nconst TOOLTIP_ID = \"mtds-tooltip\";\nconst TOOLTIP = IS_BROWSER\n\t? document.getElementById(TOOLTIP_ID) ||\n\t\ttag(\"div\", {\n\t\t\tclass: styles._tooltip,\n\t\t\tid: TOOLTIP_ID,\n\t\t\tpopover: \"manual\",\n\t\t})\n\t: null;\n\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\n\nfunction handleTooltipMove({ target, type, key }: Event & { key?: string }) {\n\tif (type === \"keydown\" && key !== ESC) return; // Allow ESC dismiss to follow https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/\n\tconst wait = LAST_CALL + THROTTLE_DELAY - Date.now();\n\tclearTimeout(THROTTLE);\n\tTHROTTLE = setTimeout(\n\t\thandleTooltipMoveThrottled,\n\t\tMath.max(wait, 0),\n\t\tkey === ESC ? null : target,\n\t);\n}\n\n// Using a throttled function to avoid performance issues\nfunction handleTooltipMoveThrottled(target: Element | null) {\n\tLAST_CALL = Date.now();\n\n\t// Build and append tooltip if not existing\n\tif (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n\tif (!TOOLTIP?.isConnected) document.body.append(TOOLTIP); // Ensure connected\n\tlet anchor = target?.closest?.<Element>(\"[data-tooltip]\") || null;\n\n\t// No need to update\n\tif (anchor === ANCHOR) return;\n\n\tconst content = (anchor && attr(anchor, \"data-tooltip\")) || \"\";\n\tconst position =\n\t\t(anchor && attr(anchor, \"data-tooltip-position\")) ||\n\t\twindow\n\t\t\t.getComputedStyle(anchor || document.body)\n\t\t\t.getPropertyValue(POSITION_CSS_PROPERTY)\n\t\t\t?.trim() ||\n\t\t\"top\";\n\n\tconst isHidden =\n\t\t!content ||\n\t\tcontent === \"false\" ||\n\t\tcontent === \"true\" ||\n\t\tposition === \"none\";\n\n\tif (isHidden) anchor = null; // Do not show tooltip if boolish value\n\tif (anchor) TOOLTIP.textContent = content; // Only update content if new anchor\n\n\tconst hadLabel = ANCHOR && attr(ANCHOR, LABELLEDBY) === TOOLTIP?.id;\n\tconst hasLabel =\n\t\t(anchor instanceof HTMLElement\n\t\t\t? anchor.innerText\n\t\t\t: anchor?.textContent\n\t\t)?.trim() ||\n\t\tanchor?.hasAttribute(LABELLEDBY) ||\n\t\tanchor?.hasAttribute(\"aria-label\");\n\n\tANCHOR?.removeAttribute(hadLabel ? LABELLEDBY : DESCRIBEDBY); // Unlink previous anchor\n\tanchorPosition(TOOLTIP, false); // Reset anchor position\n\n\tANCHOR = anchor; // Store new anchor - might be null if no new anchor\n\tif (ANCHOR) attr(ANCHOR, hasLabel ? DESCRIBEDBY : LABELLEDBY, TOOLTIP?.id); // Use tooltip as description if allready has label\n\tif (ANCHOR?.isConnected) TOOLTIP.hidePopover(); // Hide tooltip so it can be placed on top-layer on next show\n\tTOOLTIP.togglePopover(!!anchor);\n\tanchorPosition(TOOLTIP, anchor || false, {\n\t\tplacement: position as Placement,\n\t\tmiddleware: [flip(), shift({ padding: 10 })],\n\t});\n}\n\nonLoaded(() => {\n\ton(document, \"blur,focus,mouseout,mouseover\", handleTooltipMove, QUICK_EVENT);\n\ton(window, \"keydown\", handleTooltipMove, QUICK_EVENT);\n\ton(window, \"blur\", handleTooltipMove, QUICK_EVENT);\n});\n"],"names":["DESCRIBEDBY","ESC","LABELLEDBY","POSITION_CSS_PROPERTY","THROTTLE_DELAY","TOOLTIP_ID","TOOLTIP","IS_BROWSER","tag","styles","ANCHOR","LAST_CALL","THROTTLE","handleTooltipMove","target","type","key","wait","handleTooltipMoveThrottled","anchor","content","attr","position","hadLabel","hasLabel","anchorPosition","flip","shift","onLoaded","on","QUICK_EVENT"],"mappings":";;;AAYA,MAAMA,IAAc,oBACdC,IAAM,UACNC,IAAa,mBACbC,IAAwB,2BACxBC,IAAiB,KACjBC,IAAa,gBACbC,IAAUC,IACb,SAAS,eAAeF,CAAU,KACnCG,EAAI,OAAO;AAAA,EACV,OAAOC,EAAO;AAAA,EACd,IAAIJ;AAAA,EACJ,SAAS;AACV,CAAC,IACA;AAEH,IAAIK,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD;AAEvD,SAASC,EAAkB,EAAE,QAAAC,GAAQ,MAAAC,GAAM,KAAAC,KAAiC;AAC3E,MAAID,MAAS,aAAaC,MAAQf,EAAK;AACvC,QAAMgB,IAAON,IAAYP,IAAiB,KAAK,IAAA;AAC/C,eAAaQ,CAAQ,GACrBA,IAAW;AAAA,IACVM;AAAA,IACA,KAAK,IAAID,GAAM,CAAC;AAAA,IAChBD,MAAQf,IAAM,OAAOa;AAAA,EAAA;AAEvB;AAGA,SAASI,EAA2BJ,GAAwB;AAI3D,MAHAH,IAAY,KAAK,IAAA,GAGb,CAACL,KAAWQ,MAAWR,EAAS;AACpC,EAAKA,GAAS,eAAa,SAAS,KAAK,OAAOA,CAAO;AACvD,MAAIa,IAASL,GAAQ,UAAmB,gBAAgB,KAAK;AAG7D,MAAIK,MAAWT,EAAQ;AAEvB,QAAMU,IAAWD,KAAUE,EAAKF,GAAQ,cAAc,KAAM,IACtDG,IACJH,KAAUE,EAAKF,GAAQ,uBAAuB,KAC/C,OACE,iBAAiBA,KAAU,SAAS,IAAI,EACxC,iBAAiBhB,CAAqB,GACrC,UACH;AAQD,GALC,CAACiB,KACDA,MAAY,WACZA,MAAY,UACZE,MAAa,YAEAH,IAAS,OACnBA,QAAgB,cAAcC;AAElC,QAAMG,IAAWb,KAAUW,EAAKX,GAAQR,CAAU,MAAMI,GAAS,IAC3DkB,KACJL,aAAkB,cAChBA,EAAO,YACPA,GAAQ,cACR,KAAA,KACHA,GAAQ,aAAajB,CAAU,KAC/BiB,GAAQ,aAAa,YAAY;AAElC,EAAAT,GAAQ,gBAAgBa,IAAWrB,IAAaF,CAAW,GAC3DyB,EAAenB,GAAS,EAAK,GAE7BI,IAASS,GACLT,KAAQW,EAAKX,GAAQc,IAAWxB,IAAcE,GAAYI,GAAS,EAAE,GACrEI,GAAQ,eAAaJ,EAAQ,YAAA,GACjCA,EAAQ,cAAc,CAAC,CAACa,CAAM,GAC9BM,EAAenB,GAASa,KAAU,IAAO;AAAA,IACxC,WAAWG;AAAA,IACX,YAAY,CAACI,EAAA,GAAQC,EAAM,EAAE,SAAS,IAAI,CAAC;AAAA,EAAA,CAC3C;AACF;AAEAC,EAAS,MAAM;AACd,EAAAC,EAAG,UAAU,iCAAiChB,GAAmBiB,CAAW,GAC5ED,EAAG,QAAQ,WAAWhB,GAAmBiB,CAAW,GACpDD,EAAG,QAAQ,QAAQhB,GAAmBiB,CAAW;AAClD,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.2.3",
+	"version": "2.2.4",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",