@mattilsynet/design 1.3.6 → 1.3.8

package/mtds/styles.json

@@ -1,42 +1,42 @@
 {
-  "alert": "_alert_1bf95_1 _ds-alert_1ymwv_1",
+  "alert": "_alert_1bf95_1 _ds-alert_uxa1f_1",
   "app": "_app_1bf95_1",
   "sticky": "_sticky_1bf95_1",
-  "avatar": "_avatar_1bf95_1 _ds-avatar_1ymwv_1",
+  "avatar": "_avatar_1bf95_1 _ds-avatar_uxa1f_1",
   "badge": "_badge_1bf95_1",
-  "breadcrumbs": "_breadcrumbs_1bf95_1 _ds-breadcrumbs_1ymwv_1",
-  "button": "_button_1bf95_1 _ds-button_1ymwv_1",
+  "breadcrumbs": "_breadcrumbs_1bf95_1 _ds-breadcrumbs_uxa1f_1",
+  "button": "_button_1bf95_1 _ds-button_uxa1f_1",
   "card": "_card_1bf95_1",
   "group": "_group_1bf95_1",
-  "chip": "_chip_1bf95_1 _ds-chip_1ymwv_1",
-  "details": "_details_1bf95_1 _ds-details_1ymwv_1",
-  "dialog": "_dialog_1bf95_1 _ds-dialog_1ymwv_1",
+  "chip": "_chip_1bf95_1 _ds-chip_uxa1f_1",
+  "details": "_details_1bf95_1 _ds-details_uxa1f_1",
+  "dialog": "_dialog_1bf95_1 _ds-dialog_uxa1f_1",
   "divider": "_divider_1bf95_1",
-  "errorsummary": "_errorsummary_1bf95_1 _ds-error-summary_1ymwv_1",
-  "field": "_field_1bf95_1 _ds-field_1ymwv_1",
-  "affixes": "_affixes_1bf95_1 _ds-field-affixes_1ymwv_1",
-  "fieldset": "_fieldset_1bf95_1 _ds-fieldset_1ymwv_1",
-  "heading": "_heading_1bf95_1 _ds-heading_1ymwv_1",
+  "errorsummary": "_errorsummary_1bf95_1 _ds-error-summary_uxa1f_1",
+  "field": "_field_1bf95_1 _ds-field_uxa1f_1",
+  "affixes": "_affixes_1bf95_1 _ds-field-affixes_uxa1f_1",
+  "fieldset": "_fieldset_1bf95_1 _ds-fieldset_uxa1f_1",
+  "heading": "_heading_1bf95_1 _ds-heading_uxa1f_1",
   "ingress": "_ingress_1bf95_1",
   "muted": "_muted_1bf95_1",
   "info": "_info_1bf95_1",
   "prose": "_prose_1bf95_1",
-  "helptext": "_helptext_1bf95_1 _ds-focus_1ymwv_1",
-  "input": "_input_1bf95_1 _ds-input_1ymwv_1",
+  "helptext": "_helptext_1bf95_1 _ds-focus_uxa1f_1",
+  "input": "_input_1bf95_1 _ds-input_uxa1f_1",
   "grid": "_grid_1bf95_1",
   "flex": "_flex_1bf95_1",
   "link": "_link_1bf95_1",
   "logo": "_logo_1bf95_1",
-  "pagination": "_pagination_1bf95_1 _ds-pagination_1ymwv_1",
+  "pagination": "_pagination_1bf95_1 _ds-pagination_uxa1f_1",
   "popover": "_popover_1bf95_1",
   "progress": "_progress_1bf95_1",
-  "skeleton": "_skeleton_1bf95_1 _ds-skeleton_1ymwv_1",
+  "skeleton": "_skeleton_1bf95_1 _ds-skeleton_uxa1f_1",
   "spinner": "_spinner_1bf95_1",
   "steps": "_steps_1bf95_1",
-  "table": "_table_1bf95_1 _ds-table_1ymwv_1",
-  "tabs": "_tabs_1bf95_1 _ds-tabs_1ymwv_1",
-  "tag": "_tag_1bf95_1 _ds-tag_1ymwv_1",
+  "table": "_table_1bf95_1 _ds-table_uxa1f_1",
+  "tabs": "_tabs_1bf95_1 _ds-tabs_uxa1f_1",
+  "tag": "_tag_1bf95_1 _ds-tag_uxa1f_1",
   "togglegroup": "_togglegroup_1bf95_1",
-  "validation": "_validation_1bf95_1 _ds-validation-message_1ymwv_1",
+  "validation": "_validation_1bf95_1 _ds-validation-message_uxa1f_1",
   "body": "_body_1bf95_153"
 }

package/mtds/styles.module.css.js

@@ -1,100 +1,102 @@
-const _ = "_alert_1bf95_1 _ds-alert_1ymwv_1", s = "_app_1bf95_1", t = "_sticky_1bf95_1", o = "_avatar_1bf95_1 _ds-avatar_1ymwv_1", e = "_badge_1bf95_1", n = "_breadcrumbs_1bf95_1 _ds-breadcrumbs_1ymwv_1", a = "_button_1bf95_1 _ds-button_1ymwv_1", r = "_card_1bf95_1", i = "_group_1bf95_1", d = "_chip_1bf95_1 _ds-chip_1ymwv_1", c = "_details_1bf95_1 _ds-details_1ymwv_1", b = "_dialog_1bf95_1 _ds-dialog_1ymwv_1", f = "_divider_1bf95_1", l = "_errorsummary_1bf95_1 _ds-error-summary_1ymwv_1", p = "__errorsummary_1bf95_1", m = "_field_1bf95_1 _ds-field_1ymwv_1", g = "_affixes_1bf95_1 _ds-field-affixes_1ymwv_1", v = "_fieldset_1bf95_1 _ds-fieldset_1ymwv_1", y = "_heading_1bf95_1 _ds-heading_1ymwv_1", u = "_ingress_1bf95_1", w = "_muted_1bf95_1", k = "_info_1bf95_1", h = "_prose_1bf95_1", x = "_helptext_1bf95_1 _ds-focus_1ymwv_1", M = "_input_1bf95_1 _ds-input_1ymwv_1", S = "_grid_1bf95_1", j = "_flex_1bf95_1", q = "_link_1bf95_1", z = "_logo_1bf95_1", A = "_pagination_1bf95_1 _ds-pagination_1ymwv_1", B = "_popover_1bf95_1", C = "_progress_1bf95_1", D = "__indeterminate_1bf95_1", E = "_skeleton_1bf95_1 _ds-skeleton_1ymwv_1", F = "__skeleton_1bf95_1", G = "_spinner_1bf95_1", H = "_steps_1bf95_1", I = "_table_1bf95_1 _ds-table_1ymwv_1", J = "__scrollShadow_1bf95_1", K = "_tabs_1bf95_1 _ds-tabs_1ymwv_1", L = "__scrollMask_1bf95_1", N = "_tag_1bf95_1 _ds-tag_1ymwv_1", O = "_togglegroup_1bf95_1", P = "__tooltip_1bf95_1", Q = "_validation_1bf95_1 _ds-validation-message_1ymwv_1", R = "_body_1bf95_153", T = "__checked_1bf95_1", U = {
+const _ = "_alert_1bf95_1 _ds-alert_uxa1f_1", s = "_app_1bf95_1", t = "_sticky_1bf95_1", o = "_avatar_1bf95_1 _ds-avatar_uxa1f_1", a = "_badge_1bf95_1", e = "_breadcrumbs_1bf95_1 _ds-breadcrumbs_uxa1f_1", n = "_button_1bf95_1 _ds-button_uxa1f_1", f = "_card_1bf95_1", r = "_group_1bf95_1", i = "_chip_1bf95_1 _ds-chip_uxa1f_1", d = "_details_1bf95_1 _ds-details_uxa1f_1", c = "_dialog_1bf95_1 _ds-dialog_uxa1f_1", b = "_divider_1bf95_1", l = "_errorsummary_1bf95_1 _ds-error-summary_uxa1f_1", u = "__errorsummary_1bf95_1", p = "_field_1bf95_1 _ds-field_uxa1f_1", g = "__datalist_1bf95_1", x = "_affixes_1bf95_1 _ds-field-affixes_uxa1f_1", m = "_fieldset_1bf95_1 _ds-fieldset_uxa1f_1", k = "_heading_1bf95_1 _ds-heading_uxa1f_1", h = "_ingress_1bf95_1", v = "_muted_1bf95_1", y = "_info_1bf95_1", w = "_prose_1bf95_1", M = "_helptext_1bf95_1 _ds-focus_uxa1f_1", S = "_input_1bf95_1 _ds-input_uxa1f_1", j = "_grid_1bf95_1", q = "_flex_1bf95_1", z = "_link_1bf95_1", A = "_logo_1bf95_1", B = "_pagination_1bf95_1 _ds-pagination_uxa1f_1", C = "_popover_1bf95_1", D = "_progress_1bf95_1", E = "__indeterminate_1bf95_1", F = "_skeleton_1bf95_1 _ds-skeleton_uxa1f_1", G = "__skeleton_1bf95_1", H = "_spinner_1bf95_1", I = "_steps_1bf95_1", J = "_table_1bf95_1 _ds-table_uxa1f_1", K = "__scrollShadow_1bf95_1", L = "_tabs_1bf95_1 _ds-tabs_uxa1f_1", N = "__scrollMask_1bf95_1", O = "_tag_1bf95_1 _ds-tag_uxa1f_1", P = "_togglegroup_1bf95_1", Q = "__tooltip_1bf95_1", R = "_validation_1bf95_1 _ds-validation-message_uxa1f_1", T = "_body_1bf95_153", U = "__checked_1bf95_1", V = {
   alert: _,
   app: s,
   sticky: t,
   avatar: o,
-  badge: e,
-  breadcrumbs: n,
-  button: a,
-  card: r,
-  group: i,
-  chip: d,
-  details: c,
-  dialog: b,
-  divider: f,
+  badge: a,
+  breadcrumbs: e,
+  button: n,
+  card: f,
+  group: r,
+  chip: i,
+  details: d,
+  dialog: c,
+  divider: b,
   errorsummary: l,
-  _errorsummary: p,
-  field: m,
-  affixes: g,
-  fieldset: v,
-  heading: y,
-  ingress: u,
-  muted: w,
-  info: k,
-  prose: h,
-  helptext: x,
-  input: M,
-  grid: S,
-  flex: j,
-  link: q,
-  logo: z,
-  pagination: A,
-  popover: B,
-  progress: C,
-  _indeterminate: D,
-  skeleton: E,
-  _skeleton: F,
-  spinner: G,
-  steps: H,
-  table: I,
-  _scrollShadow: J,
-  tabs: K,
-  _scrollMask: L,
-  tag: N,
-  togglegroup: O,
-  _tooltip: P,
-  validation: Q,
-  body: R,
-  _checked: T
+  _errorsummary: u,
+  field: p,
+  _datalist: g,
+  affixes: x,
+  fieldset: m,
+  heading: k,
+  ingress: h,
+  muted: v,
+  info: y,
+  prose: w,
+  helptext: M,
+  input: S,
+  grid: j,
+  flex: q,
+  link: z,
+  logo: A,
+  pagination: B,
+  popover: C,
+  progress: D,
+  _indeterminate: E,
+  skeleton: F,
+  _skeleton: G,
+  spinner: H,
+  steps: I,
+  table: J,
+  _scrollShadow: K,
+  tabs: L,
+  _scrollMask: N,
+  tag: O,
+  togglegroup: P,
+  _tooltip: Q,
+  validation: R,
+  body: T,
+  _checked: U
 };
 export {
-  T as _checked,
-  p as _errorsummary,
-  D as _indeterminate,
-  L as _scrollMask,
-  J as _scrollShadow,
-  F as _skeleton,
-  P as _tooltip,
-  g as affixes,
+  U as _checked,
+  g as _datalist,
+  u as _errorsummary,
+  E as _indeterminate,
+  N as _scrollMask,
+  K as _scrollShadow,
+  G as _skeleton,
+  Q as _tooltip,
+  x as affixes,
   _ as alert,
   s as app,
   o as avatar,
-  e as badge,
-  R as body,
-  n as breadcrumbs,
-  a as button,
-  r as card,
-  d as chip,
-  U as default,
-  c as details,
-  b as dialog,
-  f as divider,
+  a as badge,
+  T as body,
+  e as breadcrumbs,
+  n as button,
+  f as card,
+  i as chip,
+  V as default,
+  d as details,
+  c as dialog,
+  b as divider,
   l as errorsummary,
-  m as field,
-  v as fieldset,
-  j as flex,
-  S as grid,
-  i as group,
-  y as heading,
-  x as helptext,
-  k as info,
-  u as ingress,
-  M as input,
-  q as link,
-  z as logo,
-  w as muted,
-  A as pagination,
-  B as popover,
-  C as progress,
-  h as prose,
-  E as skeleton,
-  G as spinner,
-  H as steps,
+  p as field,
+  m as fieldset,
+  q as flex,
+  j as grid,
+  r as group,
+  k as heading,
+  M as helptext,
+  y as info,
+  h as ingress,
+  S as input,
+  z as link,
+  A as logo,
+  v as muted,
+  B as pagination,
+  C as popover,
+  D as progress,
+  w as prose,
+  F as skeleton,
+  H as spinner,
+  I as steps,
   t as sticky,
-  I as table,
-  K as tabs,
-  N as tag,
-  O as togglegroup,
-  Q as validation
+  J as table,
+  L as tabs,
+  O as tag,
+  P as togglegroup,
+  R 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/togglegroup/togglegroup-observer.js

@@ -1,14 +1,13 @@
-import l from "../styles.module.css.js";
-import { onLoaded as f, on as g } from "../utils.js";
-const m = `.${l.togglegroup.split(" ")[0]}`;
-function u(e) {
-  var r;
-  const { key: t, target: n } = e, s = n instanceof HTMLInputElement && n.closest(m);
-  if (s && (t === "Enter" && n.click(), t != null && t.startsWith("Arrow"))) {
+import c from "../styles.module.css.js";
+import { onLoaded as l, on as f } from "../utils.js";
+const g = `.${c.togglegroup.split(" ")[0]}`;
+function m(e) {
+  const { key: o, target: t } = e, s = t instanceof HTMLInputElement && t.closest(g);
+  if (s && (o === "Enter" && t.click(), o?.startsWith("Arrow"))) {
     e.preventDefault();
-    const o = s.getElementsByTagName("input"), i = [...o].indexOf(n), c = t.match(/Arrow(Right|Down)/) ? 1 : -1;
-    (r = o[(o.length + i + c) % o.length]) == null || r.focus();
+    const n = s.getElementsByTagName("input"), r = [...n].indexOf(t), i = o.match(/Arrow(Right|Down)/) ? 1 : -1;
+    n[(n.length + r + i) % n.length]?.focus();
   }
 }
-f(() => g(document, "keydown", u));
+l(() => f(document, "keydown", m));
 //# sourceMappingURL=togglegroup-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"togglegroup-observer.js","sources":["../../designsystem/togglegroup/togglegroup-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { on, onLoaded } from \"../utils\";\n\nconst CSS_TOGGLEGROUP = `.${styles.togglegroup.split(\" \")[0]}`;\n\n// Prevent browsers from showing default validation bubbles\nfunction handleKeyDown(event: Event & Partial<KeyboardEvent>) {\n\tconst { key, target: el } = event;\n\tconst group = el instanceof HTMLInputElement && el.closest(CSS_TOGGLEGROUP);\n\n\tif (!group) return;\n\tif (key === \"Enter\") el.click();\n\tif (key?.startsWith(\"Arrow\")) {\n\t\tevent.preventDefault();\n\t\tconst inputs = group.getElementsByTagName(\"input\");\n\t\tconst index = [...inputs].indexOf(el);\n\t\tconst move = key.match(/Arrow(Right|Down)/) ? 1 : -1;\n\t\tinputs[(inputs.length + index + move) % inputs.length]?.focus();\n\t}\n}\n\nonLoaded(() => on(document, \"keydown\", handleKeyDown));\n"],"names":["CSS_TOGGLEGROUP","styles","handleKeyDown","event","key","el","group","inputs","index","move","_a","onLoaded","on"],"mappings":";;AAGA,MAAMA,IAAkB,IAAIC,EAAO,YAAY,MAAM,GAAG,EAAE,CAAC,CAAC;AAG5D,SAASC,EAAcC,GAAuC;;AAC7D,QAAM,EAAE,KAAAC,GAAK,QAAQC,EAAO,IAAAF,GACtBG,IAAQD,aAAc,oBAAoBA,EAAG,QAAQL,CAAe;AAE1E,MAAKM,MACDF,MAAQ,WAASC,EAAG,MAAM,GAC1BD,KAAA,QAAAA,EAAK,WAAW,WAAU;AAC7B,IAAAD,EAAM,eAAe;AACf,UAAAI,IAASD,EAAM,qBAAqB,OAAO,GAC3CE,IAAQ,CAAC,GAAGD,CAAM,EAAE,QAAQF,CAAE,GAC9BI,IAAOL,EAAI,MAAM,mBAAmB,IAAI,IAAI;AAClD,KAAAM,IAAAH,GAAQA,EAAO,SAASC,IAAQC,KAAQF,EAAO,MAAM,MAArD,QAAAG,EAAwD;AAAA,EAAM;AAEhE;AAEAC,EAAS,MAAMC,EAAG,UAAU,WAAWV,CAAa,CAAC;"}
+{"version":3,"file":"togglegroup-observer.js","sources":["../../designsystem/togglegroup/togglegroup-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { on, onLoaded } from \"../utils\";\n\nconst CSS_TOGGLEGROUP = `.${styles.togglegroup.split(\" \")[0]}`;\n\n// Prevent browsers from showing default validation bubbles\nfunction handleKeyDown(event: Event & Partial<KeyboardEvent>) {\n\tconst { key, target: el } = event;\n\tconst group = el instanceof HTMLInputElement && el.closest(CSS_TOGGLEGROUP);\n\n\tif (!group) return;\n\tif (key === \"Enter\") el.click();\n\tif (key?.startsWith(\"Arrow\")) {\n\t\tevent.preventDefault();\n\t\tconst inputs = group.getElementsByTagName(\"input\");\n\t\tconst index = [...inputs].indexOf(el);\n\t\tconst move = key.match(/Arrow(Right|Down)/) ? 1 : -1;\n\t\tinputs[(inputs.length + index + move) % inputs.length]?.focus();\n\t}\n}\n\nonLoaded(() => on(document, \"keydown\", handleKeyDown));\n"],"names":["CSS_TOGGLEGROUP","styles","handleKeyDown","event","key","el","group","inputs","index","move","onLoaded","on"],"mappings":";;AAGA,MAAMA,IAAkB,IAAIC,EAAO,YAAY,MAAM,GAAG,EAAE,CAAC,CAAC;AAG5D,SAASC,EAAcC,GAAuC;AAC7D,QAAM,EAAE,KAAAC,GAAK,QAAQC,EAAO,IAAAF,GACtBG,IAAQD,aAAc,oBAAoBA,EAAG,QAAQL,CAAe;AAE1E,MAAKM,MACDF,MAAQ,WAASC,EAAG,MAAM,GAC1BD,GAAK,WAAW,OAAO,IAAG;AAC7B,IAAAD,EAAM,eAAe;AACf,UAAAI,IAASD,EAAM,qBAAqB,OAAO,GAC3CE,IAAQ,CAAC,GAAGD,CAAM,EAAE,QAAQF,CAAE,GAC9BI,IAAOL,EAAI,MAAM,mBAAmB,IAAI,IAAI;AAClD,IAAAG,GAAQA,EAAO,SAASC,IAAQC,KAAQF,EAAO,MAAM,GAAG,MAAM;AAAA,EAAA;AAEhE;AAEAG,EAAS,MAAMC,EAAG,UAAU,WAAWT,CAAa,CAAC;"}

package/mtds/tooltip/tooltip-observer.js

@@ -1,32 +1,31 @@
 import L from "../styles.module.css.js";
-import { IS_BROWSER as _, onLoaded as v, on as a, QUICK_EVENT as u, attr as s, anchorPosition as E } from "../utils.js";
-const b = "aria-describedby", f = "Escape", d = "aria-labelledby", A = "--mtds-tooltip-position", T = 300, o = _ ? Object.assign(document.createElement("div"), {
+import { IS_BROWSER as w, onLoaded as h, on as d, QUICK_EVENT as r, attr as a, anchorPosition as u } from "../utils.js";
+const m = "aria-describedby", p = "Escape", s = "aria-labelledby", C = "--mtds-tooltip-position", I = 300, o = w ? Object.assign(document.createElement("div"), {
   className: L._tooltip,
   id: "mtds-tooltip",
   popover: "manual"
 }) : null;
-let e = null, S = Number.NEGATIVE_INFINITY, w = 0;
-function c({ target: n, type: t, key: i }) {
-  if (t === "keydown" && i !== f) return;
-  const l = S + T - Date.now();
-  clearTimeout(w), w = setTimeout(
-    D,
+let n = null, E = Number.NEGATIVE_INFINITY, T = 0;
+function c({ target: i, type: t, key: e }) {
+  if (t === "keydown" && e !== p) return;
+  const l = E + I - Date.now();
+  clearTimeout(T), T = setTimeout(
+    O,
     Math.max(l, 0),
-    i === f ? null : n
+    e === p ? null : i
   );
 }
-function D(n) {
-  var m, r, p;
-  if (S = Date.now(), !o || n === o) return;
-  o != null && o.isConnected || document.body.append(o);
-  let t = ((m = n == null ? void 0 : n.closest) == null ? void 0 : m.call(n, "[data-tooltip]")) || null;
-  if (t === e) return;
-  const i = t && s(t, "data-tooltip") || "", l = t && s(t, "data-tooltip-position") || ((r = window.getComputedStyle(t || document.body).getPropertyValue(A)) == null ? void 0 : r.trim()) || "top";
-  (!i || i === "false" || i === "true" || l === "none") && (t = null), t && (o.textContent = i);
-  const y = e && s(e, d) === (o == null ? void 0 : o.id), C = ((p = t instanceof HTMLElement ? t.innerText : t == null ? void 0 : t.textContent) == null ? void 0 : p.trim()) || (t == null ? void 0 : t.hasAttribute(d)) || (t == null ? void 0 : t.hasAttribute("aria-label"));
-  e == null || e.removeAttribute(y ? d : b), E(o, !1), e = t, e && s(e, C ? b : d, o == null ? void 0 : o.id), o.togglePopover(!!t), E(o, t || !1, l);
+function O(i) {
+  if (E = Date.now(), !o || i === o) return;
+  o?.isConnected || document.body.append(o);
+  let t = i?.closest?.("[data-tooltip]") || null;
+  if (t === n) return;
+  const e = t && a(t, "data-tooltip") || "", l = t && a(t, "data-tooltip-position") || window.getComputedStyle(t || document.body).getPropertyValue(C)?.trim() || "top";
+  (!e || e === "false" || e === "true" || l === "none") && (t = null), t && (o.textContent = e);
+  const b = n && a(n, s) === o?.id, f = (t instanceof HTMLElement ? t.innerText : t?.textContent)?.trim() || t?.hasAttribute(s) || t?.hasAttribute("aria-label");
+  n?.removeAttribute(b ? s : m), u(o, !1), n = t, n && a(n, f ? m : s, o?.id), o.togglePopover(!!t), u(o, t || !1, l);
 }
-v(() => {
-  a(document, "blur,focus,mouseout,mouseover", c, u), a(window, "keydown", c, u), a(window, "blur", c, u);
+h(() => {
+  d(document, "blur,focus,mouseout,mouseover", c, r), d(window, "keydown", c, r), d(window, "blur", c, r);
 });
 //# sourceMappingURL=tooltip-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-observer.js","sources":["../../designsystem/tooltip/tooltip-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tIS_BROWSER,\n\tQUICK_EVENT,\n\tanchorPosition,\n\tattr,\n\ton,\n\tonLoaded,\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 = IS_BROWSER\n\t? Object.assign(document.createElement(\"div\"), {\n\t\t\tclassName: styles._tooltip,\n\t\t\tid: \"mtds-tooltip\",\n\t\t\tpopover: \"manual\",\n\t\t})\n\t: null; // Create a dummy element to avoid null checks\n\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\n\nfunction handleMove({ 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\thandleMoveThrottled,\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 handleMoveThrottled(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\tTOOLTIP.togglePopover(!!anchor);\n\tanchorPosition(TOOLTIP, anchor || false, position);\n}\n\nonLoaded(() => {\n\ton(document, \"blur,focus,mouseout,mouseover\", handleMove, QUICK_EVENT);\n\ton(window, \"keydown\", handleMove, QUICK_EVENT);\n\ton(window, \"blur\", handleMove, QUICK_EVENT);\n});\n"],"names":["DESCRIBEDBY","ESC","LABELLEDBY","POSITION_CSS_PROPERTY","THROTTLE_DELAY","TOOLTIP","IS_BROWSER","styles","ANCHOR","LAST_CALL","THROTTLE","handleMove","target","type","key","wait","handleMoveThrottled","anchor","_a","content","attr","position","_b","hadLabel","hasLabel","_c","anchorPosition","onLoaded","on","QUICK_EVENT"],"mappings":";;AAUA,MAAMA,IAAc,oBACdC,IAAM,UACNC,IAAa,mBACbC,IAAwB,2BACxBC,IAAiB,KACjBC,IAAUC,IACb,OAAO,OAAO,SAAS,cAAc,KAAK,GAAG;AAAA,EAC7C,WAAWC,EAAO;AAAA,EAClB,IAAI;AAAA,EACJ,SAAS;AACV,CAAC,IACA;AAEH,IAAIC,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD;AAEvD,SAASC,EAAW,EAAE,QAAAC,GAAQ,MAAAC,GAAM,KAAAC,KAAiC;AAChE,MAAAD,MAAS,aAAaC,MAAQb,EAAK;AACvC,QAAMc,IAAON,IAAYL,IAAiB,KAAK,IAAI;AACnD,eAAaM,CAAQ,GACVA,IAAA;AAAA,IACVM;AAAA,IACA,KAAK,IAAID,GAAM,CAAC;AAAA,IAChBD,MAAQb,IAAM,OAAOW;AAAA,EACtB;AACD;AAGA,SAASI,EAAoBJ,GAAwB;;AAIhD,MAHJH,IAAY,KAAK,IAAI,GAGjB,CAACJ,KAAWO,MAAWP,EAAS;AACpC,EAAKA,KAAA,QAAAA,EAAS,eAAsB,SAAA,KAAK,OAAOA,CAAO;AACvD,MAAIY,MAASC,IAAAN,KAAA,gBAAAA,EAAQ,YAAR,gBAAAM,EAAA,KAAAN,GAA2B,sBAAqB;AAG7D,MAAIK,MAAWT,EAAQ;AAEvB,QAAMW,IAAWF,KAAUG,EAAKH,GAAQ,cAAc,KAAM,IACtDI,IACJJ,KAAUG,EAAKH,GAAQ,uBAAuB,OAC/CK,IAAA,OACE,iBAAiBL,KAAU,SAAS,IAAI,EACxC,iBAAiBd,CAAqB,MAFxC,gBAAAmB,EAGG,WACH;AAQD,GALC,CAACH,KACDA,MAAY,WACZA,MAAY,UACZE,MAAa,YAESJ,IAAA,OACnBA,QAAgB,cAAcE;AAElC,QAAMI,IAAWf,KAAUY,EAAKZ,GAAQN,CAAU,OAAMG,KAAA,gBAAAA,EAAS,KAC3DmB,MACJC,IAAAR,aAAkB,cAChBA,EAAO,YACPA,KAAA,gBAAAA,EAAQ,gBAFV,gBAAAQ,EAGE,YACHR,KAAA,gBAAAA,EAAQ,aAAaf,QACrBe,KAAA,gBAAAA,EAAQ,aAAa;AAEd,EAAAT,KAAA,QAAAA,EAAA,gBAAgBe,IAAWrB,IAAaF,IAChD0B,EAAerB,GAAS,EAAK,GAEpBG,IAAAS,GACLT,KAAaY,EAAAZ,GAAQgB,IAAWxB,IAAcE,GAAYG,KAAA,gBAAAA,EAAS,EAAE,GACjEA,EAAA,cAAc,CAAC,CAACY,CAAM,GACfS,EAAArB,GAASY,KAAU,IAAOI,CAAQ;AAClD;AAEAM,EAAS,MAAM;AACX,EAAAC,EAAA,UAAU,iCAAiCjB,GAAYkB,CAAW,GAClED,EAAA,QAAQ,WAAWjB,GAAYkB,CAAW,GAC1CD,EAAA,QAAQ,QAAQjB,GAAYkB,CAAW;AAC3C,CAAC;"}
+{"version":3,"file":"tooltip-observer.js","sources":["../../designsystem/tooltip/tooltip-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tanchorPosition,\n\tattr,\n\tIS_BROWSER,\n\ton,\n\tonLoaded,\n\tQUICK_EVENT,\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 = IS_BROWSER\n\t? Object.assign(document.createElement(\"div\"), {\n\t\t\tclassName: styles._tooltip,\n\t\t\tid: \"mtds-tooltip\",\n\t\t\tpopover: \"manual\",\n\t\t})\n\t: null; // Create a dummy element to avoid null checks\n\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\n\nfunction handleMove({ 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\thandleMoveThrottled,\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 handleMoveThrottled(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\tTOOLTIP.togglePopover(!!anchor);\n\tanchorPosition(TOOLTIP, anchor || false, position);\n}\n\nonLoaded(() => {\n\ton(document, \"blur,focus,mouseout,mouseover\", handleMove, QUICK_EVENT);\n\ton(window, \"keydown\", handleMove, QUICK_EVENT);\n\ton(window, \"blur\", handleMove, QUICK_EVENT);\n});\n"],"names":["DESCRIBEDBY","ESC","LABELLEDBY","POSITION_CSS_PROPERTY","THROTTLE_DELAY","TOOLTIP","IS_BROWSER","styles","ANCHOR","LAST_CALL","THROTTLE","handleMove","target","type","key","wait","handleMoveThrottled","anchor","content","attr","position","hadLabel","hasLabel","anchorPosition","onLoaded","on","QUICK_EVENT"],"mappings":";;AAUA,MAAMA,IAAc,oBACdC,IAAM,UACNC,IAAa,mBACbC,IAAwB,2BACxBC,IAAiB,KACjBC,IAAUC,IACb,OAAO,OAAO,SAAS,cAAc,KAAK,GAAG;AAAA,EAC7C,WAAWC,EAAO;AAAA,EAClB,IAAI;AAAA,EACJ,SAAS;AACV,CAAC,IACA;AAEH,IAAIC,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD;AAEvD,SAASC,EAAW,EAAE,QAAAC,GAAQ,MAAAC,GAAM,KAAAC,KAAiC;AAChE,MAAAD,MAAS,aAAaC,MAAQb,EAAK;AACvC,QAAMc,IAAON,IAAYL,IAAiB,KAAK,IAAI;AACnD,eAAaM,CAAQ,GACVA,IAAA;AAAA,IACVM;AAAA,IACA,KAAK,IAAID,GAAM,CAAC;AAAA,IAChBD,MAAQb,IAAM,OAAOW;AAAA,EACtB;AACD;AAGA,SAASI,EAAoBJ,GAAwB;AAIhD,MAHJH,IAAY,KAAK,IAAI,GAGjB,CAACJ,KAAWO,MAAWP,EAAS;AACpC,EAAKA,GAAS,eAAsB,SAAA,KAAK,OAAOA,CAAO;AACvD,MAAIY,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,iBAAiBd,CAAqB,GACrC,UACH;AAQD,GALC,CAACe,KACDA,MAAY,WACZA,MAAY,UACZE,MAAa,YAESH,IAAA,OACnBA,QAAgB,cAAcC;AAElC,QAAMG,IAAWb,KAAUW,EAAKX,GAAQN,CAAU,MAAMG,GAAS,IAC3DiB,KACJL,aAAkB,cAChBA,EAAO,YACPA,GAAQ,cACR,KAAK,KACRA,GAAQ,aAAaf,CAAU,KAC/Be,GAAQ,aAAa,YAAY;AAE1B,EAAAT,GAAA,gBAAgBa,IAAWnB,IAAaF,CAAW,GAC3DuB,EAAelB,GAAS,EAAK,GAEpBG,IAAAS,GACLT,KAAaW,EAAAX,GAAQc,IAAWtB,IAAcE,GAAYG,GAAS,EAAE,GACjEA,EAAA,cAAc,CAAC,CAACY,CAAM,GACfM,EAAAlB,GAASY,KAAU,IAAOG,CAAQ;AAClD;AAEAI,EAAS,MAAM;AACX,EAAAC,EAAA,UAAU,iCAAiCd,GAAYe,CAAW,GAClED,EAAA,QAAQ,WAAWd,GAAYe,CAAW,GAC1CD,EAAA,QAAQ,QAAQd,GAAYe,CAAW;AAC3C,CAAC;"}

package/mtds/utils.d.ts

@@ -28,6 +28,18 @@ export declare const on: (element: Node | Window, ...rest: Parameters<typeof Ele
  * @param listener An event listener function or listener object
  */
 export declare const off: (element: Node | Window, ...rest: Parameters<typeof Element.prototype.removeEventListener>) => void;
+/**
+ * anchorPosition
+ * @param target The Element to position
+ * @param anchor The Element to use as anchor
+ */
+declare const POSITION: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type AnchorPosition = keyof typeof POSITION;
 export declare function anchorPosition(target: HTMLElement, anchor: Element | false, place?: string | number, force?: boolean): boolean | undefined;
 /**
  * Speed up MutationObserver by debouncing and only running when page is visible
@@ -57,3 +69,4 @@ export declare const isInputLike: (el: unknown) => el is HTMLInputElement;
 export declare const toCustomElementProps: ({ className, hidden, open, ...rest }: Record<string, unknown>, klass?: string) => {
     [x: string]: unknown;
 };
+export {};

package/mtds/utils.js

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