@mattilsynet/design 0.2.18 → 0.2.20

package/mtds/styles.json

@@ -1,33 +1,33 @@
 {
-  "validation": "_validation_14niv_1 _ds-validation-message_1w6ss_1",
-  "tag": "_tag_14niv_1 _ds-tag_1w6ss_1",
-  "tabs": "_tabs_14niv_1 _ds-tabs_1w6ss_1",
-  "table": "_table_14niv_1 _ds-table_1w6ss_1",
-  "scrollShadow": "_scrollShadow_14niv_1",
-  "skeleton": "_skeleton_14niv_1 _ds-skeleton_1w6ss_1",
-  "popover": "_popover_14niv_1",
-  "pagination": "_pagination_14niv_1 _ds-pagination_1w6ss_1",
-  "modal": "_modal_14niv_1 _ds-modal_1w6ss_1",
-  "logo": "_logo_14niv_1 _ds-focus_1w6ss_1",
-  "link": "_link_14niv_1",
-  "grid": "_grid_14niv_1",
-  "flex": "_flex_14niv_1",
-  "input": "_input_14niv_1 _ds-input_1w6ss_1",
-  "fieldset": "_fieldset_14niv_1 _ds-fieldset_1w6ss_1",
-  "field": "_field_14niv_1 _ds-field_1w6ss_1",
-  "affixes": "_affixes_14niv_1 _ds-field-affixes_1w6ss_1",
-  "count": "_count_14niv_1",
-  "errorsummary": "_errorsummary_14niv_1 _ds-error-summary_1w6ss_1",
-  "details": "_details_14niv_1 _ds-details_1w6ss_1",
-  "chip": "_chip_14niv_1 _ds-chip_1w6ss_1",
-  "card": "_card_14niv_1",
-  "info": "_info_14niv_1",
-  "button": "_button_14niv_1 _ds-button_1w6ss_1",
-  "breadcrumbs": "_breadcrumbs_14niv_1 _ds-breadcrumbs_1w6ss_1",
-  "badge": "_badge_14niv_1",
-  "avatar": "_avatar_14niv_1 _ds-avatar_1w6ss_1",
-  "alert": "_alert_14niv_1 _ds-alert_1w6ss_1",
-  "heading": "_heading_14niv_1 _ds-heading_1w6ss_1",
-  "body": "_body_14niv_114",
-  "tooltip": "_tooltip_14niv_129"
+  "validation": "_validation_1rgmg_1 _ds-validation-message_1w6ss_1",
+  "tag": "_tag_1rgmg_1 _ds-tag_1w6ss_1",
+  "tabs": "_tabs_1rgmg_1 _ds-tabs_1w6ss_1",
+  "table": "_table_1rgmg_1 _ds-table_1w6ss_1",
+  "scrollShadow": "_scrollShadow_1rgmg_1",
+  "skeleton": "_skeleton_1rgmg_1 _ds-skeleton_1w6ss_1",
+  "popover": "_popover_1rgmg_1",
+  "pagination": "_pagination_1rgmg_1 _ds-pagination_1w6ss_1",
+  "modal": "_modal_1rgmg_1 _ds-modal_1w6ss_1",
+  "logo": "_logo_1rgmg_1 _ds-focus_1w6ss_1",
+  "link": "_link_1rgmg_1",
+  "grid": "_grid_1rgmg_1",
+  "flex": "_flex_1rgmg_1",
+  "input": "_input_1rgmg_1 _ds-input_1w6ss_1",
+  "fieldset": "_fieldset_1rgmg_1 _ds-fieldset_1w6ss_1",
+  "field": "_field_1rgmg_1 _ds-field_1w6ss_1",
+  "affixes": "_affixes_1rgmg_1 _ds-field-affixes_1w6ss_1",
+  "count": "_count_1rgmg_1",
+  "errorsummary": "_errorsummary_1rgmg_1 _ds-error-summary_1w6ss_1",
+  "details": "_details_1rgmg_1 _ds-details_1w6ss_1",
+  "chip": "_chip_1rgmg_1 _ds-chip_1w6ss_1",
+  "card": "_card_1rgmg_1",
+  "info": "_info_1rgmg_1",
+  "button": "_button_1rgmg_1 _ds-button_1w6ss_1",
+  "breadcrumbs": "_breadcrumbs_1rgmg_1 _ds-breadcrumbs_1w6ss_1",
+  "badge": "_badge_1rgmg_1",
+  "avatar": "_avatar_1rgmg_1 _ds-avatar_1w6ss_1",
+  "alert": "_alert_1rgmg_1 _ds-alert_1w6ss_1",
+  "heading": "_heading_1rgmg_1 _ds-heading_1w6ss_1",
+  "body": "_body_1rgmg_116",
+  "tooltip": "_tooltip_1rgmg_131"
 }

package/mtds/styles.module.css.js

@@ -1,25 +1,25 @@
-const _ = "_validation_14niv_1 _ds-validation-message_1w6ss_1", s = "_tag_14niv_1 _ds-tag_1w6ss_1", n = "_tabs_14niv_1 _ds-tabs_1w6ss_1", t = "_table_14niv_1 _ds-table_1w6ss_1", o = "_scrollShadow_14niv_1", i = "_skeleton_14niv_1 _ds-skeleton_1w6ss_1", a = "_popover_14niv_1", d = "_pagination_14niv_1 _ds-pagination_1w6ss_1", e = "_modal_14niv_1 _ds-modal_1w6ss_1", l = "_logo_14niv_1 _ds-focus_1w6ss_1", c = "_link_14niv_1", r = "_grid_14niv_1", v = "_flex_14niv_1", b = "_input_14niv_1 _ds-input_1w6ss_1", f = "_fieldset_14niv_1 _ds-fieldset_1w6ss_1", w = "_field_14niv_1 _ds-field_1w6ss_1", g = "_affixes_14niv_1 _ds-field-affixes_1w6ss_1", p = "_count_14niv_1", u = "_errorsummary_14niv_1 _ds-error-summary_1w6ss_1", m = "_details_14niv_1 _ds-details_1w6ss_1", h = "_chip_14niv_1 _ds-chip_1w6ss_1", x = "_card_14niv_1", y = "_info_14niv_1", k = "_button_14niv_1 _ds-button_1w6ss_1", S = "_breadcrumbs_14niv_1 _ds-breadcrumbs_1w6ss_1", j = "_badge_14niv_1", q = "_avatar_14niv_1 _ds-avatar_1w6ss_1", z = "_alert_14niv_1 _ds-alert_1w6ss_1", A = "_heading_14niv_1 _ds-heading_1w6ss_1", B = "_body_14niv_114", C = "_tooltip_14niv_129", D = {
+const _ = "_validation_1rgmg_1 _ds-validation-message_1w6ss_1", s = "_tag_1rgmg_1 _ds-tag_1w6ss_1", t = "_tabs_1rgmg_1 _ds-tabs_1w6ss_1", o = "_table_1rgmg_1 _ds-table_1w6ss_1", g = "_scrollShadow_1rgmg_1", a = "_skeleton_1rgmg_1 _ds-skeleton_1w6ss_1", r = "_popover_1rgmg_1", n = "_pagination_1rgmg_1 _ds-pagination_1w6ss_1", d = "_modal_1rgmg_1 _ds-modal_1w6ss_1", e = "_logo_1rgmg_1 _ds-focus_1w6ss_1", i = "_link_1rgmg_1", l = "_grid_1rgmg_1", c = "_flex_1rgmg_1", m = "_input_1rgmg_1 _ds-input_1w6ss_1", b = "_fieldset_1rgmg_1 _ds-fieldset_1w6ss_1", f = "_field_1rgmg_1 _ds-field_1w6ss_1", w = "_affixes_1rgmg_1 _ds-field-affixes_1w6ss_1", p = "_count_1rgmg_1", u = "_errorsummary_1rgmg_1 _ds-error-summary_1w6ss_1", h = "_details_1rgmg_1 _ds-details_1w6ss_1", v = "_chip_1rgmg_1 _ds-chip_1w6ss_1", x = "_card_1rgmg_1", y = "_info_1rgmg_1", k = "_button_1rgmg_1 _ds-button_1w6ss_1", S = "_breadcrumbs_1rgmg_1 _ds-breadcrumbs_1w6ss_1", j = "_badge_1rgmg_1", q = "_avatar_1rgmg_1 _ds-avatar_1w6ss_1", z = "_alert_1rgmg_1 _ds-alert_1w6ss_1", A = "_heading_1rgmg_1 _ds-heading_1w6ss_1", B = "_body_1rgmg_116", C = "_tooltip_1rgmg_131", D = {
   validation: _,
   tag: s,
-  tabs: n,
-  table: t,
-  scrollShadow: o,
-  skeleton: i,
-  popover: a,
-  pagination: d,
-  modal: e,
-  logo: l,
-  link: c,
-  grid: r,
-  flex: v,
-  input: b,
-  fieldset: f,
-  field: w,
-  affixes: g,
+  tabs: t,
+  table: o,
+  scrollShadow: g,
+  skeleton: a,
+  popover: r,
+  pagination: n,
+  modal: d,
+  logo: e,
+  link: i,
+  grid: l,
+  flex: c,
+  input: m,
+  fieldset: b,
+  field: f,
+  affixes: w,
   count: p,
   errorsummary: u,
-  details: m,
-  chip: h,
+  details: h,
+  chip: v,
   card: x,
   info: y,
   button: k,
@@ -32,7 +32,7 @@ const _ = "_validation_14niv_1 _ds-validation-message_1w6ss_1", s = "_tag_14niv_
   tooltip: C
 };
 export {
-  g as affixes,
+  w as affixes,
   z as alert,
   q as avatar,
   j as badge,
@@ -40,27 +40,27 @@ export {
   S as breadcrumbs,
   k as button,
   x as card,
-  h as chip,
+  v as chip,
   p as count,
   D as default,
-  m as details,
+  h as details,
   u as errorsummary,
-  w as field,
-  f as fieldset,
-  v as flex,
-  r as grid,
+  f as field,
+  b as fieldset,
+  c as flex,
+  l as grid,
   A as heading,
   y as info,
-  b as input,
-  c as link,
-  l as logo,
-  e as modal,
-  d as pagination,
-  a as popover,
-  o as scrollShadow,
-  i as skeleton,
-  t as table,
-  n as tabs,
+  m as input,
+  i as link,
+  e as logo,
+  d as modal,
+  n as pagination,
+  r as popover,
+  g as scrollShadow,
+  a as skeleton,
+  o as table,
+  t as tabs,
   s as tag,
   C as tooltip,
   _ as validation

package/mtds/tooltip.js

@@ -1,18 +1,18 @@
-import m from "./styles.module.css.js";
-import { IS_BROWSER as p, attr as r, on as u, QUICK_EVENT as d, useId as b, anchorPosition as f } from "./utils.js";
-let e = null, l = null, a = 0, T = Number.NEGATIVE_INFINITY;
-const c = 100;
-p && (e = document.body.appendChild(document.createElement("div")), e.classList.add(...m.tooltip.split(" ")), r(e, "popover", "manual"), u(document, "blur,focus,mouseout,mouseover", s, d), u(window, "blur", s, d));
-function s({ target: o }) {
-  const t = T + c - Date.now();
-  clearTimeout(a), a = setTimeout(E, Math.max(t, 0), o);
+import r from "./styles.module.css.js";
+import { IS_BROWSER as b, attr as c, on as u, QUICK_EVENT as d, useId as f, anchorPosition as s } from "./utils.js";
+const E = "--mtds-tooltip-position", I = 100;
+let l = null, m = Number.NEGATIVE_INFINITY, a = 0, e = null;
+b && (e = document.body.appendChild(document.createElement("div")), e.classList.add(...r.tooltip.split(" ")), c(e, "popover", "manual"), u(document, "blur,focus,mouseout,mouseover", p, d), u(window, "blur", p, d));
+function p({ target: o }) {
+  const t = m + I - Date.now();
+  clearTimeout(a), a = setTimeout(L, Math.max(t, 0), o);
 }
-function E(o) {
+function L(o) {
   var n;
-  if (T = Date.now(), !e || o === e) return;
+  if (m = Date.now(), !e || o === e) return;
   let t = ((n = o == null ? void 0 : o.closest) == null ? void 0 : n.call(o, "[data-tooltip],[data-expanded]")) || null;
   if (t === l) return;
-  const i = (t == null ? void 0 : t.getAttribute("data-tooltip")) || (t == null ? void 0 : t.getAttribute("data-expanded")) || "";
-  (!i || i === "false" || i === "true") && (t = null), l == null || l.removeAttribute("aria-labelledby"), l = t, l == null || l.setAttribute("aria-labelledby", b(e)), e.togglePopover(!!t), f(e, t, (t == null ? void 0 : t.getAttribute("data-tooltip-position")) || "top"), t && (e.textContent = i);
+  const i = (t == null ? void 0 : t.getAttribute("data-tooltip")) || (t == null ? void 0 : t.getAttribute("data-expanded")) || "", T = (t == null ? void 0 : t.getAttribute("data-tooltip-position")) || window.getComputedStyle(t || document.body).getPropertyValue(E) || "top";
+  (!i || i === "false" || i === "true") && (t = null), t && (e.textContent = i), l == null || l.removeAttribute("aria-labelledby"), l = t, l == null || l.setAttribute("aria-labelledby", f(e)), e.togglePopover(!!t), s(e, !1), s(e, t, T);
 }
 //# sourceMappingURL=tooltip.js.map

package/mtds/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../designsystem/tooltip.ts"],"sourcesContent":["import styles from './styles.module.css';\nimport { IS_BROWSER, QUICK_EVENT, anchorPosition, attr, on, useId } from \"./utils\";\n\nlet TOOLTIP: HTMLElement | null = null;\nlet ANCHOR: Element | null = null;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\nlet THROTTLE_LAST_CALL = Number.NEGATIVE_INFINITY;\nconst THROTTLE_DELAY = 100;\n\nif (IS_BROWSER) {\n  TOOLTIP = document.body.appendChild(document.createElement('div'));\n  TOOLTIP.classList.add(...styles.tooltip.split(' '));\n  attr(TOOLTIP, 'popover', 'manual');\n  on(document, 'blur,focus,mouseout,mouseover', handleMove, QUICK_EVENT);\n  on(window, 'blur', handleMove, QUICK_EVENT);\n}\n\nfunction handleMove({ target }: Event) {\n  const wait = THROTTLE_LAST_CALL + THROTTLE_DELAY - Date.now();\n  clearTimeout(THROTTLE);\n  THROTTLE = setTimeout(handleMoveThrottled, Math.max(wait, 0), target);\n}\n\n// Using a throttled function to avoid performance issues\nfunction handleMoveThrottled(target: Element | null) {\n  THROTTLE_LAST_CALL = Date.now();\n\n  if (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n  let anchor = target?.closest?.<HTMLElement>('[data-tooltip],[data-expanded]') || null;\n  \n  // No need to update\n  if (anchor === ANCHOR) return;\n\n  // Do not show tooltip if boolish value\n  const content = anchor?.getAttribute('data-tooltip') || anchor?.getAttribute('data-expanded') || '';\n  if (!content || content === 'false' || content === 'true') anchor = null;\n  \n  ANCHOR?.removeAttribute('aria-labelledby'); // Unbind previous anchor\n  ANCHOR = anchor; // Store new anchor - might be null if no new anchor\n\n  ANCHOR?.setAttribute('aria-labelledby', useId(TOOLTIP));\n  TOOLTIP.togglePopover(!!anchor);\n  // anchorPosition(TOOLTIP, false); // Reset anchor position\n  anchorPosition(TOOLTIP, anchor, anchor?.getAttribute('data-tooltip-position') || 'top');\n  if (anchor) TOOLTIP.textContent = content;\n}"],"names":["TOOLTIP","ANCHOR","THROTTLE","THROTTLE_LAST_CALL","THROTTLE_DELAY","IS_BROWSER","styles","attr","on","handleMove","QUICK_EVENT","target","wait","handleMoveThrottled","anchor","_a","content","useId","anchorPosition"],"mappings":";;AAGA,IAAIA,IAA8B,MAC9BC,IAAyB,MACzBC,IAAmD,GACnDC,IAAqB,OAAO;AAChC,MAAMC,IAAiB;AAEnBC,MACFL,IAAU,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC,GACjEA,EAAQ,UAAU,IAAI,GAAGM,EAAO,QAAQ,MAAM,GAAG,CAAC,GAC7CC,EAAAP,GAAS,WAAW,QAAQ,GAC9BQ,EAAA,UAAU,iCAAiCC,GAAYC,CAAW,GAClEF,EAAA,QAAQ,QAAQC,GAAYC,CAAW;AAG5C,SAASD,EAAW,EAAE,QAAAE,KAAiB;AACrC,QAAMC,IAAOT,IAAqBC,IAAiB,KAAK,IAAI;AAC5D,eAAaF,CAAQ,GACrBA,IAAW,WAAWW,GAAqB,KAAK,IAAID,GAAM,CAAC,GAAGD,CAAM;AACtE;AAGA,SAASE,EAAoBF,GAAwB;;AAG/C,MAFJR,IAAqB,KAAK,IAAI,GAE1B,CAACH,KAAWW,MAAWX,EAAS;AACpC,MAAIc,MAASC,IAAAJ,KAAA,gBAAAA,EAAQ,YAAR,gBAAAI,EAAA,KAAAJ,GAA+B,sCAAqC;AAGjF,MAAIG,MAAWb,EAAQ;AAGjB,QAAAe,KAAUF,KAAA,gBAAAA,EAAQ,aAAa,qBAAmBA,KAAA,gBAAAA,EAAQ,aAAa,qBAAoB;AACjG,GAAI,CAACE,KAAWA,MAAY,WAAWA,MAAY,YAAiBF,IAAA,OAEpEb,KAAA,QAAAA,EAAQ,gBAAgB,oBACfA,IAAAa,GAETb,KAAA,QAAAA,EAAQ,aAAa,mBAAmBgB,EAAMjB,CAAO,IAC7CA,EAAA,cAAc,CAAC,CAACc,CAAM,GAE9BI,EAAelB,GAASc,IAAQA,KAAA,gBAAAA,EAAQ,aAAa,6BAA4B,KAAK,GAClFA,QAAgB,cAAcE;AACpC;"}
+{"version":3,"file":"tooltip.js","sources":["../designsystem/tooltip.ts"],"sourcesContent":["import styles from './styles.module.css';\nimport { IS_BROWSER, QUICK_EVENT, anchorPosition, attr, on, useId } from \"./utils\";\n\nconst POSITION_CSS_PROPERTY = '--mtds-tooltip-position';\nconst THROTTLE_DELAY = 100;\nlet ANCHOR: Element | null = null;\nlet LAST_CALL = Number.NEGATIVE_INFINITY;\nlet THROTTLE: number | ReturnType<typeof setTimeout> = 0;\nlet TOOLTIP: HTMLElement | null = null;\n\nif (IS_BROWSER) {\n  TOOLTIP = document.body.appendChild(document.createElement('div'));\n  TOOLTIP.classList.add(...styles.tooltip.split(' '));\n  attr(TOOLTIP, 'popover', 'manual');\n  on(document, 'blur,focus,mouseout,mouseover', handleMove, QUICK_EVENT);\n  on(window, 'blur', handleMove, QUICK_EVENT);\n}\n\nfunction handleMove({ target }: Event) {\n  const wait = LAST_CALL + THROTTLE_DELAY - Date.now();\n  clearTimeout(THROTTLE);\n  THROTTLE = setTimeout(handleMoveThrottled, Math.max(wait, 0), target);\n}\n\n// Using a throttled function to avoid performance issues\nfunction handleMoveThrottled(target: Element | null) {\n  LAST_CALL = Date.now();\n\n  if (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n  let anchor = target?.closest?.<HTMLElement>('[data-tooltip],[data-expanded]') || null;\n  \n  // No need to update\n  if (anchor === ANCHOR) return;\n\n  // Do not show tooltip if boolish value\n  const content = anchor?.getAttribute('data-tooltip') || anchor?.getAttribute('data-expanded') || '';\n  const position = anchor?.getAttribute('data-tooltip-position') || window.getComputedStyle(anchor || document.body).getPropertyValue(POSITION_CSS_PROPERTY) || 'top';\n  if (!content || content === 'false' || content === 'true') anchor = null;\n  if (anchor) TOOLTIP.textContent = content; // Only update content if new anchor\n  \n  ANCHOR?.removeAttribute('aria-labelledby'); // Unbind previous anchor\n  ANCHOR = anchor; // Store new anchor - might be null if no new anchor\n\n  ANCHOR?.setAttribute('aria-labelledby', useId(TOOLTIP));\n  TOOLTIP.togglePopover(!!anchor);\n  anchorPosition(TOOLTIP, false); // Reset anchor position\n  anchorPosition(TOOLTIP, anchor, position);\n}"],"names":["POSITION_CSS_PROPERTY","THROTTLE_DELAY","ANCHOR","LAST_CALL","THROTTLE","TOOLTIP","IS_BROWSER","styles","attr","on","handleMove","QUICK_EVENT","target","wait","handleMoveThrottled","anchor","_a","content","position","useId","anchorPosition"],"mappings":";;AAGA,MAAMA,IAAwB,2BACxBC,IAAiB;AACvB,IAAIC,IAAyB,MACzBC,IAAY,OAAO,mBACnBC,IAAmD,GACnDC,IAA8B;AAE9BC,MACFD,IAAU,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC,GACjEA,EAAQ,UAAU,IAAI,GAAGE,EAAO,QAAQ,MAAM,GAAG,CAAC,GAC7CC,EAAAH,GAAS,WAAW,QAAQ,GAC9BI,EAAA,UAAU,iCAAiCC,GAAYC,CAAW,GAClEF,EAAA,QAAQ,QAAQC,GAAYC,CAAW;AAG5C,SAASD,EAAW,EAAE,QAAAE,KAAiB;AACrC,QAAMC,IAAOV,IAAYF,IAAiB,KAAK,IAAI;AACnD,eAAaG,CAAQ,GACrBA,IAAW,WAAWU,GAAqB,KAAK,IAAID,GAAM,CAAC,GAAGD,CAAM;AACtE;AAGA,SAASE,EAAoBF,GAAwB;;AAG/C,MAFJT,IAAY,KAAK,IAAI,GAEjB,CAACE,KAAWO,MAAWP,EAAS;AACpC,MAAIU,MAASC,IAAAJ,KAAA,gBAAAA,EAAQ,YAAR,gBAAAI,EAAA,KAAAJ,GAA+B,sCAAqC;AAGjF,MAAIG,MAAWb,EAAQ;AAGjB,QAAAe,KAAUF,KAAA,gBAAAA,EAAQ,aAAa,qBAAmBA,KAAA,gBAAAA,EAAQ,aAAa,qBAAoB,IAC3FG,KAAWH,KAAA,gBAAAA,EAAQ,aAAa,6BAA4B,OAAO,iBAAiBA,KAAU,SAAS,IAAI,EAAE,iBAAiBf,CAAqB,KAAK;AAC9J,GAAI,CAACiB,KAAWA,MAAY,WAAWA,MAAY,YAAiBF,IAAA,OAChEA,QAAgB,cAAcE,IAElCf,KAAA,QAAAA,EAAQ,gBAAgB,oBACfA,IAAAa,GAETb,KAAA,QAAAA,EAAQ,aAAa,mBAAmBiB,EAAMd,CAAO,IAC7CA,EAAA,cAAc,CAAC,CAACU,CAAM,GAC9BK,EAAef,GAAS,EAAK,GACde,EAAAf,GAASU,GAAQG,CAAQ;AAC1C;"}

package/mtds/utils.js

@@ -19,7 +19,7 @@ const c = { top: 0, right: 1, bottom: 2, left: 3, none: 4 };
 function _(t, e, n) {
   var p;
   if (!e || !e.isConnected || !t.isConnected) return l.delete(t);
-  if (s != null && s.isConnected || document.body.append(s || ""), !l.has(t) || c[n] === void 0) {
+  if (s != null && s.isConnected || document.body.append(s || ""), !l.has(t)) {
     const C = c[n] ?? c.bottom;
     return (p = l.set(t, () => _(t, e, C)).get(t)) == null ? void 0 : p();
   }

package/mtds/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["export const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\nexport const QUICK_EVENT = { capture: true, passive: true };\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to use as EventTarget\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport function attr(\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n}\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId (el: Element) {\n  if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\trest: Parameters<typeof Element.prototype.addEventListener>,\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => events(\"add\", element, rest);\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\n\nconst TARGETS = new Map<Element, () => void>(); // Store current open poppers and their update functions\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nif (SCROLLER) attr(SCROLLER, 'style', 'position:absolute;padding:1px;top:0;left:0px');\n\nif (IS_BROWSER){\n\ton(window, 'load,resize,scroll', () => {\n\t\tfor (const [_, update] of TARGETS) update();\n\t}, QUICK_EVENT);}\n\t\n/**\n * anchorPosition\n * @param target The Element to position\n * @param anchor The Element to use as anchor\n */\ntype AnchorKeys = keyof typeof ANCHOR;\nconst ANCHOR = { top: 0, right: 1, bottom: 2, left: 3, none: 4 }; // Speed up by using a const map\n\nexport function anchorPosition (target: HTMLElement, anchor: HTMLElement | null | false, position?: string | number) {\n\tif (!anchor || !anchor.isConnected || !target.isConnected) return TARGETS.delete(target); // Stop watchning if anchor is removed from DOM\n\tif (!SCROLLER?.isConnected) document.body.append(SCROLLER || ''); // Ensure we have t´he scroller\n\tif (!TARGETS.has(target) || ANCHOR[position as AnchorKeys] === undefined) { // Setup new target or update position\n\t\tconst place = ANCHOR[position as keyof typeof ANCHOR] ?? ANCHOR.bottom; // Use CSS property to store position for more flexibility\n\t\treturn TARGETS.set(target, () => anchorPosition(target, anchor, place)).get(target)?.(); // Start watching if not already watching\n\t}\n\tif (position === ANCHOR.none) return target.style.setProperty('left', '-100vw'); // Hide target if anchor is set to none\n\n  const { offsetWidth: targetW, offsetHeight: targetH } = target;\n  const { offsetWidth: anchorW, offsetHeight: anchorH } = anchor;\n  const { width, height, left, top } = anchor.getBoundingClientRect();\n\tconst anchorX = Math.round(left - (anchorW - width) / 2); // Correct for CSS transform scale\n  const anchorY = Math.round(top - (anchorH - height) / 2); // Correct for CSS transform scale\n\n\tconst hasSpaceLeft = anchorX - targetW > 0\n\tconst hasSpaceRight = anchorW + anchorW + targetW < window.innerWidth;\n\tconst hasSpaceOver = anchorY - targetH > 0\n\tconst hasSpaceUnder = anchorY + anchorH + targetH < window.innerHeight;\n\tconst positionRight = (position === ANCHOR.bottom && hasSpaceRight) || !hasSpaceLeft // Always position right when no hasSpaceLeft, as no OS scrolls further up than 0\n\tconst positionUnder = (position === ANCHOR.bottom && hasSpaceUnder) || !hasSpaceOver // Always position under when no hasSpaceOver, as no OS scrolls further up than 0\n\tconst centerX = Math.min(Math.max(10, anchorX - (targetW - anchorW) / 2), window.innerWidth - targetW - 10);\n\tconst centerY = Math.min(Math.max(10, anchorY - (targetH - anchorH) / 2), window.innerHeight - targetH - 10);\n\tconst isVertical = position === ANCHOR.top || position === ANCHOR.bottom;\n\n\ttarget.style.left = `${Math.round(isVertical ? centerX : (positionRight ? anchorX + anchorW : anchorX - targetW))}px`\n  target.style.top = `${Math.round(isVertical ? (positionUnder ? anchorY + anchorH : anchorY - targetH) : centerY)}px`\n  SCROLLER?.style.setProperty('translate', `${Math.round(window.scrollX + anchorX + anchorW + targetW + 30)} ${Math.round(window.scrollY + anchorY + anchorH + targetH + 30)}px`);\n}\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  let queue = 0;\n\n\tconst onFrame = () => setTimeout(onTimer, 200); // Use both requestAnimationFrame and setTimeout to debounce and only run when visible\n\tconst onTimer = () => {\n\t\tcallback([], observer);\n\t\tqueue = 0;\n\t};\n  const observer = new MutationObserver(() => {\n    if (!queue) queue = requestAnimationFrame(onFrame);\n  });\n\n  return observer;\n}\n\ntype Mutator = { observer: MutationObserver, collections: Map<string, () => void> };\nconst MUTATORS = new WeakMap<Element, Mutator>();\nconst MUTATORS_CALLBACK = (element: Element) => {\n\tconst mutator = MUTATORS.get(element);\n\n\tif (!mutator || !element.isConnected) {\n\t\tmutator?.observer?.disconnect();\n\t\tMUTATORS.delete(element);\n\t} else for(const [, callback] of mutator.collections) callback();\n};\n\n/**\n * onMutation\n * @description Utility to quickly observe mutations on a specific class name\n * @param element The Element to use as EventTarget\n * @param className The class name to observe\n * @param callback The callback to run when mutations are detected or false to stop observing\n */\nexport const onMutation = (\n\telement: Element,\n\tclassName: string,\n\tcallback: ((collection: HTMLCollection) => void) | false\n) => {\n\tconst collection = element.getElementsByClassName(className);\n\tlet mutator = MUTATORS.get(element);\n\n\tif (!mutator) {\n\t\tmutator = { collections: new Map(), observer: createOptimizedMutationObserver(() => MUTATORS_CALLBACK(element)) };\n\t\tmutator.observer.observe(element, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\n\t\tMUTATORS.set(element, mutator);\n\t}\n\tif (callback) mutator.collections.set(className, () => callback(collection));\n\telse mutator.collections.delete(className);\n}\n\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement && 'validity' in el && !(el instanceof HTMLButtonElement);\n\n// Make React support popover=\"\"target attribute\n// https://github.com/facebook/react/issues/27479\ntype Popover = \"\" | \"auto\" | \"manual\" | undefined;\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: Popover;\n\t\t}\n\t}\n\tnamespace React {\n\t\tinterface HTMLAttributes<T> {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: Popover;\n\t\t}\n\t}\n}"],"names":["IS_BROWSER","QUICK_EVENT","attr","el","name","value","id","UUID","useId","events","action","element","rest","type","on","off","TARGETS","SCROLLER","_","update","ANCHOR","anchorPosition","target","anchor","position","_a","place","targetW","targetH","anchorW","anchorH","width","height","left","top","anchorX","anchorY","hasSpaceLeft","hasSpaceRight","hasSpaceOver","hasSpaceUnder","positionRight","positionUnder","centerX","centerY","isVertical","createOptimizedMutationObserver","callback","queue","onFrame","onTimer","observer","MUTATORS","MUTATORS_CALLBACK","mutator","onMutation","className","collection","isInputLike"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["export const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\nexport const QUICK_EVENT = { capture: true, passive: true };\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to use as EventTarget\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport function attr(\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n}\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId (el: Element) {\n  if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\trest: Parameters<typeof Element.prototype.addEventListener>,\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => events(\"add\", element, rest);\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\n\nconst TARGETS = new Map<Element, () => void>(); // Store current open poppers and their update functions\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nif (SCROLLER) attr(SCROLLER, 'style', 'position:absolute;padding:1px;top:0;left:0px');\n\nif (IS_BROWSER){\n\ton(window, 'load,resize,scroll', () => {\n\t\tfor (const [_, update] of TARGETS) update();\n\t}, QUICK_EVENT);}\n\t\n/**\n * anchorPosition\n * @param target The Element to position\n * @param anchor The Element to use as anchor\n */\nconst ANCHOR = { top: 0, right: 1, bottom: 2, left: 3, none: 4 }; // Speed up by using a const map\n\nexport function anchorPosition (target: HTMLElement, anchor: HTMLElement | null | false, position?: string | number) {\n\tif (!anchor || !anchor.isConnected || !target.isConnected) return TARGETS.delete(target); // Stop watchning if anchor is removed from DOM\n\tif (!SCROLLER?.isConnected) document.body.append(SCROLLER || ''); // Ensure we have t´he scroller\n\tif (!TARGETS.has(target)) { // Setup new target or update position\n\t\tconst place = ANCHOR[position as keyof typeof ANCHOR] ?? ANCHOR.bottom; // Use CSS property to store position for more flexibility\n\t\treturn TARGETS.set(target, () => anchorPosition(target, anchor, place)).get(target)?.(); // Start watching if not already watching\n\t}\n\tif (position === ANCHOR.none) return target.style.setProperty('left', '-100vw'); // Hide target if anchor is set to none\n\n  const { offsetWidth: targetW, offsetHeight: targetH } = target;\n  const { offsetWidth: anchorW, offsetHeight: anchorH } = anchor;\n  const { width, height, left, top } = anchor.getBoundingClientRect();\n\tconst anchorX = Math.round(left - (anchorW - width) / 2); // Correct for CSS transform scale\n  const anchorY = Math.round(top - (anchorH - height) / 2); // Correct for CSS transform scale\n\n\tconst hasSpaceLeft = anchorX - targetW > 0\n\tconst hasSpaceRight = anchorW + anchorW + targetW < window.innerWidth;\n\tconst hasSpaceOver = anchorY - targetH > 0\n\tconst hasSpaceUnder = anchorY + anchorH + targetH < window.innerHeight;\n\tconst positionRight = (position === ANCHOR.bottom && hasSpaceRight) || !hasSpaceLeft // Always position right when no hasSpaceLeft, as no OS scrolls further up than 0\n\tconst positionUnder = (position === ANCHOR.bottom && hasSpaceUnder) || !hasSpaceOver // Always position under when no hasSpaceOver, as no OS scrolls further up than 0\n\tconst centerX = Math.min(Math.max(10, anchorX - (targetW - anchorW) / 2), window.innerWidth - targetW - 10);\n\tconst centerY = Math.min(Math.max(10, anchorY - (targetH - anchorH) / 2), window.innerHeight - targetH - 10);\n\tconst isVertical = position === ANCHOR.top || position === ANCHOR.bottom;\n\n\ttarget.style.left = `${Math.round(isVertical ? centerX : (positionRight ? anchorX + anchorW : anchorX - targetW))}px`\n  target.style.top = `${Math.round(isVertical ? (positionUnder ? anchorY + anchorH : anchorY - targetH) : centerY)}px`\n  SCROLLER?.style.setProperty('translate', `${Math.round(window.scrollX + anchorX + anchorW + targetW + 30)} ${Math.round(window.scrollY + anchorY + anchorH + targetH + 30)}px`);\n}\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  let queue = 0;\n\n\tconst onFrame = () => setTimeout(onTimer, 200); // Use both requestAnimationFrame and setTimeout to debounce and only run when visible\n\tconst onTimer = () => {\n\t\tcallback([], observer);\n\t\tqueue = 0;\n\t};\n  const observer = new MutationObserver(() => {\n    if (!queue) queue = requestAnimationFrame(onFrame);\n  });\n\n  return observer;\n}\n\ntype Mutator = { observer: MutationObserver, collections: Map<string, () => void> };\nconst MUTATORS = new WeakMap<Element, Mutator>();\nconst MUTATORS_CALLBACK = (element: Element) => {\n\tconst mutator = MUTATORS.get(element);\n\n\tif (!mutator || !element.isConnected) {\n\t\tmutator?.observer?.disconnect();\n\t\tMUTATORS.delete(element);\n\t} else for(const [, callback] of mutator.collections) callback();\n};\n\n/**\n * onMutation\n * @description Utility to quickly observe mutations on a specific class name\n * @param element The Element to use as EventTarget\n * @param className The class name to observe\n * @param callback The callback to run when mutations are detected or false to stop observing\n */\nexport const onMutation = (\n\telement: Element,\n\tclassName: string,\n\tcallback: ((collection: HTMLCollection) => void) | false\n) => {\n\tconst collection = element.getElementsByClassName(className);\n\tlet mutator = MUTATORS.get(element);\n\n\tif (!mutator) {\n\t\tmutator = { collections: new Map(), observer: createOptimizedMutationObserver(() => MUTATORS_CALLBACK(element)) };\n\t\tmutator.observer.observe(element, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\n\t\tMUTATORS.set(element, mutator);\n\t}\n\tif (callback) mutator.collections.set(className, () => callback(collection));\n\telse mutator.collections.delete(className);\n}\n\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement && 'validity' in el && !(el instanceof HTMLButtonElement);\n\n// Make React support popover=\"\"target attribute\n// https://github.com/facebook/react/issues/27479\ntype Popover = \"\" | \"auto\" | \"manual\" | undefined;\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: Popover;\n\t\t}\n\t}\n\tnamespace React {\n\t\tinterface HTMLAttributes<T> {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: Popover;\n\t\t}\n\t}\n}"],"names":["IS_BROWSER","QUICK_EVENT","attr","el","name","value","id","UUID","useId","events","action","element","rest","type","on","off","TARGETS","SCROLLER","_","update","ANCHOR","anchorPosition","target","anchor","position","_a","place","targetW","targetH","anchorW","anchorH","width","height","left","top","anchorX","anchorY","hasSpaceLeft","hasSpaceRight","hasSpaceOver","hasSpaceUnder","positionRight","positionUnder","centerX","centerY","isVertical","createOptimizedMutationObserver","callback","queue","onFrame","onTimer","observer","MUTATORS","MUTATORS_CALLBACK","mutator","onMutation","className","collection","isInputLike"],"mappings":"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"}

package/package.json

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