@mattilsynet/design 0.2.15 → 0.2.16

package/mtds/field/field.js

@@ -1,38 +1,40 @@
-import r from "../styles.module.css.js";
-import { onMutation as f, on as I, QUICK_EVENT as c, off as g, isInputLike as u, useId as a } from "../utils.js";
-const d = r.field.split(" ")[0], b = r.validation.split(" "), A = b[0];
-function L(e) {
-  for (const i of e) {
+import f from "../styles.module.css.js";
+import { onMutation as c, on as I, QUICK_EVENT as u, isInputLike as d, attr as r, off as g, useId as l } from "../utils.js";
+const m = f.field.split(" ")[0], b = f.validation.split(" "), L = b[0];
+function h(t) {
+  for (const i of t) {
     const s = [], o = [];
-    let t = null, l = !0;
-    for (const n of i.getElementsByTagName("*"))
-      n instanceof HTMLLabelElement ? s.push(n) : u(n) ? t = n : n.classList.contains(A) ? (l = n.getAttribute("data-color") === "success", o.unshift(a(n))) : n instanceof HTMLParagraphElement && o.push(a(n));
-    if (t) for (const n of s) n.htmlFor = a(t);
-    t && v(t), t == null || t.setAttribute("aria-describedby", o.join(" ")), t == null || t.setAttribute("aria-invalid", `${!l}`);
+    let n = null, a = !0;
+    for (const e of i.getElementsByTagName("*"))
+      e instanceof HTMLLabelElement ? s.push(e) : d(e) ? n = e : e.classList.contains(L) ? (a = e.getAttribute("data-color") === "success", o.unshift(l(e))) : e instanceof HTMLParagraphElement && o.push(l(e));
+    if (n) {
+      for (const e of s) e.htmlFor = l(n);
+      p(n), r(n, "aria-describedby", o.join(" ")), r(n, "aria-invalid", `${!a}`);
+    }
   }
 }
-function m({ target: e }) {
-  u(e) && v(e);
+function v({ target: t }) {
+  d(t) && p(t);
 }
-function v(e) {
-  const i = e == null ? void 0 : e.nextElementSibling, s = i == null ? void 0 : i.getAttribute("data-count");
+function p(t) {
+  const i = t == null ? void 0 : t.nextElementSibling, s = i == null ? void 0 : i.getAttribute("data-count");
   if (i && s) {
-    const o = Number(s) - e.value.length, t = o < 0;
-    if (i.getAttribute("aria-live") === "polite" !== t) {
-      i.setAttribute("aria-live", t ? "polite" : "off");
-      for (const n of b) i.classList.toggle(n, t);
+    const o = Number(s) - t.value.length, n = o < 0;
+    if (i.getAttribute("aria-live") === "polite" !== n) {
+      r(i, "aria-live", n ? "polite" : "off");
+      for (const e of b) i.classList.toggle(e, n);
     }
-    i.textContent = `${Math.abs(o)} tegn ${t ? "for mye" : "igjen"}`;
+    i.textContent = `${Math.abs(o)} tegn ${n ? "for mye" : "igjen"}`;
   }
 }
-function S(e) {
-  f(e, d, L), I(e, "input", m, c);
+function E(t) {
+  c(t, m, h), I(t, "input", v, u);
 }
-function E(e) {
-  f(e, d, !1), g(e, "input", m, c);
+function C(t) {
+  c(t, m, !1), g(t, "input", v, u);
 }
 export {
-  S as observe,
-  E as unobserve
+  E as observe,
+  C as unobserve
 };
 //# sourceMappingURL=field.js.map

package/mtds/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../designsystem/field/field.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { QUICK_EVENT, isInputLike, off, on, onMutation, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for(const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName('*')) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) { // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = el.getAttribute('data-color') === 'success';\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) for (const label of labels) label.htmlFor = useId(input);\n    if (input) renderCounter(input);\n\n    input?.setAttribute('aria-describedby', descs.join(' '));\n    input?.setAttribute('aria-invalid', `${!valid}`);\n  }\n}\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) renderCounter(target);\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el?.getAttribute('data-count');\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = el.getAttribute('aria-live') === 'polite';\n\n    if (prevInvalid !== nextInvalid) {\n      el.setAttribute('aria-live', nextInvalid ? 'polite' : 'off');\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = `${Math.abs(remainder)} tegn ${nextInvalid ? 'for mye' : 'igjen'}`;\n  }\n}\n\nexport function observe (el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, 'input', handleInput, QUICK_EVENT);\n}\n\nexport function unobserve (el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, 'input', handleInput, QUICK_EVENT);\n}\n\n// TODO: Remove invalid when errormessage is gone"],"names":["CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","valid","el","isInputLike","useId","label","handleInput","target","renderCounter","limit","remainder","nextInvalid","css","observe","onMutation","on","QUICK_EVENT","unobserve","off"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAkBD,EAAO,WAAW,MAAM,GAAG,GAC7CE,IAAiBD,EAAgB,CAAC;AAExC,SAASE,EAAWC,GAAmC;AACrD,aAAUC,KAASD,GAAQ;AACzB,UAAME,IAA6B,CAAC,GAC9BC,IAAkB,CAAC;AACzB,QAAIC,IAAiC,MACjCC,IAAQ;AAEZ,eAAWC,KAAML,EAAM,qBAAqB,GAAG;AAC7C,MAAIK,aAAc,mBAAyBJ,EAAA,KAAKI,CAAE,IACzCC,EAAYD,CAAE,IAAWF,IAAAE,IACzBA,EAAG,UAAU,SAASR,CAAc,KACnCO,IAAAC,EAAG,aAAa,YAAY,MAAM,WACpCH,EAAA,QAAQK,EAAMF,CAAE,CAAC,KACdA,aAAc,0BAA4B,KAAKE,EAAMF,CAAE,CAAC;AAGrE,QAAIF,EAAkB,YAAAK,KAASP,EAAc,CAAAO,EAAA,UAAUD,EAAMJ,CAAK;AAC9D,IAAAA,OAAqBA,CAAK,GAE9BA,KAAA,QAAAA,EAAO,aAAa,oBAAoBD,EAAM,KAAK,GAAG,IACtDC,KAAA,QAAAA,EAAO,aAAa,gBAAgB,GAAG,CAACC,CAAK;AAAA,EAAE;AAEnD;AACA,SAASK,EAAY,EAAE,QAAAC,KAAiB;AACtC,EAAIJ,EAAYI,CAAM,KAAGC,EAAcD,CAAM;AAC/C;AAEA,SAASC,EAAcR,GAAyB;AAC9C,QAAME,IAAKF,KAAA,gBAAAA,EAAO,oBACZS,IAAQP,KAAA,gBAAAA,EAAI,aAAa;AAE/B,MAAIA,KAAMO,GAAO;AACf,UAAMC,IAAY,OAAOD,CAAK,IAAIT,EAAM,MAAM,QACxCW,IAAcD,IAAY;AAGhC,QAFoBR,EAAG,aAAa,WAAW,MAAM,aAEjCS,GAAa;AAC/B,MAAAT,EAAG,aAAa,aAAaS,IAAc,WAAW,KAAK;AAC3D,iBAAWC,KAAOnB,EAAiB,CAAAS,EAAG,UAAU,OAAOU,GAAKD,CAAW;AAAA,IAAA;AAEtE,IAAAT,EAAA,cAAc,GAAG,KAAK,IAAIQ,CAAS,CAAC,SAASC,IAAc,YAAY,OAAO;AAAA,EAAA;AAErF;AAEO,SAASE,EAASX,GAAa;AACzB,EAAAY,EAAAZ,GAAIX,GAAWI,CAAU,GACjCoB,EAAAb,GAAI,SAASI,GAAaU,CAAW;AAC1C;AAEO,SAASC,EAAWf,GAAa;AAC3B,EAAAY,EAAAZ,GAAIX,GAAW,EAAK,GAC3B2B,EAAAhB,GAAI,SAASI,GAAaU,CAAW;AAC3C;"}
+{"version":3,"file":"field.js","sources":["../../designsystem/field/field.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { QUICK_EVENT, attr, isInputLike, off, on, onMutation, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for(const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName('*')) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) { // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = el.getAttribute('data-color') === 'success';\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) {\n      for (const label of labels) label.htmlFor = useId(input);\n      renderCounter(input);\n      attr(input, 'aria-describedby', descs.join(' '));\n      attr(input, 'aria-invalid', `${!valid}`);\n    }\n  }\n}\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) renderCounter(target);\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el?.getAttribute('data-count');\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = el.getAttribute('aria-live') === 'polite';\n\n    if (prevInvalid !== nextInvalid) {\n      attr(el, 'aria-live', nextInvalid ? 'polite' : 'off');\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = `${Math.abs(remainder)} tegn ${nextInvalid ? 'for mye' : 'igjen'}`;\n  }\n}\n\nexport function observe (el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, 'input', handleInput, QUICK_EVENT);\n}\n\nexport function unobserve (el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, 'input', handleInput, QUICK_EVENT);\n}\n"],"names":["CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","valid","el","isInputLike","useId","label","renderCounter","attr","handleInput","target","limit","remainder","nextInvalid","css","observe","onMutation","on","QUICK_EVENT","unobserve","off"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,IAAkBD,EAAO,WAAW,MAAM,GAAG,GAC7CE,IAAiBD,EAAgB,CAAC;AAExC,SAASE,EAAWC,GAAmC;AACrD,aAAUC,KAASD,GAAQ;AACzB,UAAME,IAA6B,CAAC,GAC9BC,IAAkB,CAAC;AACzB,QAAIC,IAAiC,MACjCC,IAAQ;AAEZ,eAAWC,KAAML,EAAM,qBAAqB,GAAG;AAC7C,MAAIK,aAAc,mBAAyBJ,EAAA,KAAKI,CAAE,IACzCC,EAAYD,CAAE,IAAWF,IAAAE,IACzBA,EAAG,UAAU,SAASR,CAAc,KACnCO,IAAAC,EAAG,aAAa,YAAY,MAAM,WACpCH,EAAA,QAAQK,EAAMF,CAAE,CAAC,KACdA,aAAc,0BAA4B,KAAKE,EAAMF,CAAE,CAAC;AAGrE,QAAIF,GAAO;AACT,iBAAWK,KAASP,EAAc,CAAAO,EAAA,UAAUD,EAAMJ,CAAK;AACvD,MAAAM,EAAcN,CAAK,GACnBO,EAAKP,GAAO,oBAAoBD,EAAM,KAAK,GAAG,CAAC,GAC/CQ,EAAKP,GAAO,gBAAgB,GAAG,CAACC,CAAK,EAAE;AAAA,IAAA;AAAA,EACzC;AAEJ;AACA,SAASO,EAAY,EAAE,QAAAC,KAAiB;AACtC,EAAIN,EAAYM,CAAM,KAAGH,EAAcG,CAAM;AAC/C;AAEA,SAASH,EAAcN,GAAyB;AAC9C,QAAME,IAAKF,KAAA,gBAAAA,EAAO,oBACZU,IAAQR,KAAA,gBAAAA,EAAI,aAAa;AAE/B,MAAIA,KAAMQ,GAAO;AACf,UAAMC,IAAY,OAAOD,CAAK,IAAIV,EAAM,MAAM,QACxCY,IAAcD,IAAY;AAGhC,QAFoBT,EAAG,aAAa,WAAW,MAAM,aAEjCU,GAAa;AAC/B,MAAAL,EAAKL,GAAI,aAAaU,IAAc,WAAW,KAAK;AACpD,iBAAWC,KAAOpB,EAAiB,CAAAS,EAAG,UAAU,OAAOW,GAAKD,CAAW;AAAA,IAAA;AAEtE,IAAAV,EAAA,cAAc,GAAG,KAAK,IAAIS,CAAS,CAAC,SAASC,IAAc,YAAY,OAAO;AAAA,EAAA;AAErF;AAEO,SAASE,EAASZ,GAAa;AACzB,EAAAa,EAAAb,GAAIX,GAAWI,CAAU,GACjCqB,EAAAd,GAAI,SAASM,GAAaS,CAAW;AAC1C;AAEO,SAASC,EAAWhB,GAAa;AAC3B,EAAAa,EAAAb,GAAIX,GAAW,EAAK,GAC3B4B,EAAAjB,GAAI,SAASM,GAAaS,CAAW;AAC3C;"}

package/mtds/fieldset/fieldset.js

@@ -1,20 +1,20 @@
-import o from "../styles.module.css.js";
-import { onMutation as n, useId as f, isInputLike as l } from "../utils.js";
-const r = o.fieldset.split(" ")[0], c = o.validation.split(" ")[0];
-function u(s) {
-  for (const a of s) {
+import n from "../styles.module.css.js";
+import { onMutation as a, useId as l, attr as e, isInputLike as c } from "../utils.js";
+const r = n.fieldset.split(" ")[0], p = n.validation.split(" ")[0];
+function d(s) {
+  for (const f of s) {
     const i = [];
-    let e = "";
-    for (const t of a.getElementsByTagName("*"))
-      t.classList.contains(c) ? e = f(t) : l(t) && i.push(t);
-    if (e)
+    let o = "";
+    for (const t of f.getElementsByTagName("*"))
+      t.classList.contains(p) ? o = l(t) : c(t) && i.push(t);
+    if (o)
       for (const t of i)
-        t.setAttribute("aria-describedby", e), t.setAttribute("aria-invalid", "true");
+        e(t, "aria-describedby", o), e(t, "aria-invalid", "true");
   }
 }
-const b = (s) => n(s, r, u), m = (s) => n(s, r, !1);
+const I = (s) => a(s, r, d), v = (s) => a(s, r, !1);
 export {
-  b as observe,
-  m as unobserve
+  I as observe,
+  v as unobserve
 };
 //# sourceMappingURL=fieldset.js.map

package/mtds/fieldset/fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset.js","sources":["../../designsystem/fieldset/fieldset.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { isInputLike, onMutation, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\n\nfunction process(fieldsets: HTMLCollectionOf<Element>) {\n  for(const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId = '';\n\n    for (const el of fieldset.getElementsByTagName('*')) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    if (validationId) \n      for(const input of inputs) {\n        input.setAttribute('aria-describedby', validationId);\n        input.setAttribute('aria-invalid', 'true');\n      }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n"],"names":["CSS_FIELDSET","styles","CSS_VALIDATION","process","fieldsets","fieldset","inputs","validationId","el","useId","isInputLike","input","observe","onMutation","unobserve"],"mappings":";;AAEA,MAAMA,IAAeC,EAAO,SAAS,MAAM,GAAG,EAAE,CAAC,GAC3CC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAErD,SAASE,EAAQC,GAAsC;AACrD,aAAUC,KAAYD,GAAW;AAC/B,UAAME,IAA6B,CAAC;AACpC,QAAIC,IAAe;AAEnB,eAAWC,KAAMH,EAAS,qBAAqB,GAAG;AAChD,MAAIG,EAAG,UAAU,SAASN,CAAc,IAAGK,IAAeE,EAAMD,CAAE,IACzDE,EAAYF,CAAE,KAAGF,EAAO,KAAKE,CAAE;AAGtC,QAAAD;AACF,iBAAUI,KAASL;AACX,QAAAK,EAAA,aAAa,oBAAoBJ,CAAY,GAC7CI,EAAA,aAAa,gBAAgB,MAAM;AAAA,EAC3C;AAEN;AAEO,MAAMC,IAAU,CAACJ,MAAgBK,EAAWL,GAAIR,GAAcG,CAAO,GAC/DW,IAAY,CAACN,MAAgBK,EAAWL,GAAIR,GAAc,EAAK;"}
+{"version":3,"file":"fieldset.js","sources":["../../designsystem/fieldset/fieldset.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { attr, isInputLike, onMutation, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\n\nfunction process(fieldsets: HTMLCollectionOf<Element>) {\n  for(const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId = '';\n\n    for (const el of fieldset.getElementsByTagName('*')) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    if (validationId) \n      for(const input of inputs) {\n        attr(input, 'aria-describedby', validationId);\n        attr(input, 'aria-invalid', 'true');\n      }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n"],"names":["CSS_FIELDSET","styles","CSS_VALIDATION","process","fieldsets","fieldset","inputs","validationId","el","useId","isInputLike","input","attr","observe","onMutation","unobserve"],"mappings":";;AAEA,MAAMA,IAAeC,EAAO,SAAS,MAAM,GAAG,EAAE,CAAC,GAC3CC,IAAiBD,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAErD,SAASE,EAAQC,GAAsC;AACrD,aAAUC,KAAYD,GAAW;AAC/B,UAAME,IAA6B,CAAC;AACpC,QAAIC,IAAe;AAEnB,eAAWC,KAAMH,EAAS,qBAAqB,GAAG;AAChD,MAAIG,EAAG,UAAU,SAASN,CAAc,IAAGK,IAAeE,EAAMD,CAAE,IACzDE,EAAYF,CAAE,KAAGF,EAAO,KAAKE,CAAE;AAGtC,QAAAD;AACF,iBAAUI,KAASL;AACZ,QAAAM,EAAAD,GAAO,oBAAoBJ,CAAY,GACvCK,EAAAD,GAAO,gBAAgB,MAAM;AAAA,EACpC;AAEN;AAEO,MAAME,IAAU,CAACL,MAAgBM,EAAWN,GAAIR,GAAcG,CAAO,GAC/DY,IAAY,CAACP,MAAgBM,EAAWN,GAAIR,GAAc,EAAK;"}

package/mtds/index.d.ts

@@ -30,6 +30,7 @@ avatar: string;
 alert: string;
 heading: string;
 body: string;
+tooltip: string;
 };
 export declare function observe(el: Element): void;
 export declare function unobserve(el: Element): void;

package/mtds/index.iife.js

@@ -1,2 +1,2 @@
-var mtds=function(d){"use strict";const M="_validation_122jn_1 _ds-validation-message_1w6ss_1",S="_tag_122jn_1 _ds-tag_1w6ss_1",A="_tabs_122jn_1",$="_table_122jn_1 _ds-table_1w6ss_1",T="_scrollShadow_122jn_1",I="_skeleton_122jn_1 _ds-skeleton_1w6ss_1",L="_popover_122jn_1",E="_pagination_122jn_1 _ds-pagination_1w6ss_1",C="_modal_122jn_1 _ds-modal_1w6ss_1",k="_logo_122jn_1 _ds-focus_1w6ss_1",O="_link_122jn_1",x="_grid_122jn_1",H="_flex_122jn_1",P="_input_122jn_1 _ds-input_1w6ss_1",B="_fieldset_122jn_1 _ds-fieldset_1w6ss_1",D="_field_122jn_1 _ds-field_1w6ss_1",N="_affixes_122jn_1 _ds-field-affixes_1w6ss_1",U="_count_122jn_1",W="_errorsummary_122jn_1 _ds-error-summary_1w6ss_1",F="_details_122jn_1 _ds-details_1w6ss_1",V="_chip_122jn_1 _ds-chip_1w6ss_1",q="_card_122jn_1",z="_info_122jn_1",R="_button_122jn_1 _ds-button_1w6ss_1",K="_breadcrumbs_122jn_1 _ds-breadcrumbs_1w6ss_1",Y="_badge_122jn_1",G="_avatar_122jn_1 _ds-avatar_1w6ss_1",Q="_alert_122jn_1 _ds-alert_1w6ss_1",X="_heading_122jn_1 _ds-heading_1w6ss_1",J="_body_122jn_113",c={validation:M,tag:S,tabs:A,table:$,scrollShadow:T,skeleton:I,popover:L,pagination:E,modal:C,logo:k,link:O,grid:x,flex:H,input:P,fieldset:B,field:D,affixes:N,count:U,errorsummary:W,details:F,chip:V,card:q,info:z,button:R,breadcrumbs:K,badge:Y,avatar:G,alert:Q,heading:X,body:J},_t=Object.freeze(Object.defineProperty({__proto__:null,affixes:N,alert:Q,avatar:G,badge:Y,body:J,breadcrumbs:K,button:R,card:q,chip:V,count:U,default:c,details:F,errorsummary:W,field:D,fieldset:B,flex:H,grid:x,heading:X,info:z,input:P,link:O,logo:k,modal:C,pagination:E,popover:L,scrollShadow:T,skeleton:I,table:$,tabs:A,tag:S,validation:M},Symbol.toStringTag,{value:"Module"})),Z=typeof window<"u"&&typeof document<"u",l={capture:!0,passive:!0};let ft=0;const ut=`${Date.now().toString(36)}${Math.random().toString(36).slice(2,5)}`;function g(t){return t.id||(t.id=`${ut}${++ft}`),t.id}const tt=(t,e,o)=>{for(const s of o[0].split(","))o[0]=s,e[`${t}EventListener`](...o)},f=(t,...e)=>tt("add",t,e),h=(t,...e)=>tt("remove",t,e);function bt(t){let e=0;const o=()=>setTimeout(s,200),s=()=>{t([],n),e=0},n=new MutationObserver(()=>{e||(e=requestAnimationFrame(o))});return n}const v=new WeakMap,gt=t=>{var o;const e=v.get(t);if(!e||!t.isConnected)(o=e==null?void 0:e.observer)==null||o.disconnect(),v.delete(t);else for(const[,s]of e.collections)s()},_=(t,e,o)=>{const s=t.getElementsByClassName(e);let n=v.get(t);n||(n={collections:new Map,observer:bt(()=>gt(t))},n.observer.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class"]}),v.set(t,n)),o?n.collections.set(e,()=>o(s)):n.collections.delete(e)},y=t=>t instanceof HTMLElement&&"validity"in t&&!(t instanceof HTMLButtonElement),et=c.field.split(" ")[0],nt=c.validation.split(" "),vt=nt[0];function pt(t){for(const e of t){const o=[],s=[];let n=null,a=!0;for(const i of e.getElementsByTagName("*"))i instanceof HTMLLabelElement?o.push(i):y(i)?n=i:i.classList.contains(vt)?(a=i.getAttribute("data-color")==="success",s.unshift(g(i))):i instanceof HTMLParagraphElement&&s.push(g(i));if(n)for(const i of o)i.htmlFor=g(n);n&&st(n),n==null||n.setAttribute("aria-describedby",s.join(" ")),n==null||n.setAttribute("aria-invalid",`${!a}`)}}function ot({target:t}){y(t)&&st(t)}function st(t){const e=t==null?void 0:t.nextElementSibling,o=e==null?void 0:e.getAttribute("data-count");if(e&&o){const s=Number(o)-t.value.length,n=s<0;if(e.getAttribute("aria-live")==="polite"!==n){e.setAttribute("aria-live",n?"polite":"off");for(const i of nt)e.classList.toggle(i,n)}e.textContent=`${Math.abs(s)} tegn ${n?"for mye":"igjen"}`}}function mt(t){_(t,et,pt),f(t,"input",ot,l)}function ht(t){_(t,et,!1),h(t,"input",ot,l)}const it=c.fieldset.split(" ")[0],yt=c.validation.split(" ")[0];function wt(t){for(const e of t){const o=[];let s="";for(const n of e.getElementsByTagName("*"))n.classList.contains(yt)?s=g(n):y(n)&&o.push(n);if(s)for(const n of o)n.setAttribute("aria-describedby",s),n.setAttribute("aria-invalid","true")}}const jt=t=>_(t,it,wt),Mt=t=>_(t,it,!1);function St(t){f(t,"click",rt),f(t,"toggle",ct,l),f(window,"load,resize,scroll",m,l),f(document,"DOMContentReady",m,l),document.fonts.ready.then(m)}function At(t){h(t,"click",rt),h(t,"toggle",ct,l)}const at=c.popover.split(" ")[0],r=Z?document.createElement("div"):null,p=new Map;r==null||r.setAttribute("style","position:absolute;padding:1px");function ct({target:t,newState:e}){var o;if(t instanceof HTMLElement&&t.classList.contains(at)){const s=(o=t.getRootNode())==null?void 0:o.querySelector(`[popovertarget="${t.id}"]`),n=t.getAttribute("data-position")==="over";e==="closed"?p.delete(t):s&&p.set(t,()=>$t(s,t,n)),document.body.append(r||""),m()}}function m(){for(const[t,e]of p)e()}function rt(t){var o;const e=t.target instanceof Element&&t.target.closest("a");if(e){const s=e.getRootNode(),n=((o=s.getElementById)==null?void 0:o.call(s,e.getAttribute("popovertarget")||""))||e.closest(`.${at}`),a=e.getAttribute("popovertargetaction")||"toggle";n==null||n.togglePopover(a==="show"||(a==="hide"?!1:void 0))}}function $t(t,e,o=!1){if(!(t!=null&&t.isConnected)||!(e!=null&&e.isConnected))return p.delete(e);const{offsetWidth:s,offsetHeight:n}=e,{offsetWidth:a,offsetHeight:i}=t,{width:u,height:j,left:Ot,top:xt}=t.getBoundingClientRect(),Ht=Math.round(Ot-(a-u)/2),b=Math.round(xt-(i-j)/2),Pt=b+i+n<window.innerHeight,Bt=b-n>0,lt=!o&&Pt||!Bt,Dt=lt?window.scrollY+b+i+n+30:0;e.style.left=`${Math.round(Math.min(Math.max(10,Ht),window.innerWidth-s-10))}px`,e.style.top=`${Math.round(lt?b+i:b-n)}px`,r==null||r.style.setProperty("top",`${Math.round(Dt)}px`)}const dt=c.table.split(" ")[0];function Tt(t){var e,o;for(const s of t)if(s instanceof HTMLTableElement){const n=Array.from(((o=(e=s.tHead)==null?void 0:e.rows[0])==null?void 0:o.cells)||[],a=>{var i;return(i=a.innerText)==null?void 0:i.trim()});for(const a of s.tBodies)for(const i of a.rows)for(const u of i.cells)u.setAttribute("data-th",n[u.cellIndex]||":empty")}}const It=t=>_(t,dt,Tt),Lt=t=>_(t,dt,!1),Et=(t,e,o)=>{const s=(o-1)/2,n=Math.max(Math.min(t-Math.floor(s),e-o+1),1),a=Math.min(Math.max(t+Math.ceil(s),o),e),i=Array.from({length:a+1-n},(u,j)=>j+n);return o>4&&n>1&&i.splice(0,2,1,0),o>3&&a<e&&i.splice(-2,2,0,e),i},Ct=({current:t=1,total:e=10,show:o=7})=>({prev:t>1?t-1:0,next:t<e?t+1:0,pages:Et(t,e,o).map((s,n)=>({current:s===t&&"page",key:`key-${s}-${n}`,page:s}))});if(Z){const t=document.readyState==="loading",e=()=>w(document.body);t?document.addEventListener("DOMContentLoaded",e):e()}w(document.body);function w(t){mt(t),jt(t),St(t),It(t)}function kt(t){ht(t),Mt(t),At(t),Lt(t)}return d.observe=w,d.pagination=Ct,d.styles=_t,d.unobserve=kt,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"}),d}({});
+var mtds=function(f){"use strict";const L="_validation_cpy8b_1 _ds-validation-message_1w6ss_1",I="_tag_cpy8b_1 _ds-tag_1w6ss_1",k="_tabs_cpy8b_1 _ds-tabs_1w6ss_1",x="_table_cpy8b_1 _ds-table_1w6ss_1",H="_scrollShadow_cpy8b_1",O="_skeleton_cpy8b_1 _ds-skeleton_1w6ss_1",B="_popover_cpy8b_1",N="_pagination_cpy8b_1 _ds-pagination_1w6ss_1",D="_modal_cpy8b_1 _ds-modal_1w6ss_1",P="_logo_cpy8b_1 _ds-focus_1w6ss_1",U="_link_cpy8b_1",W="_grid_cpy8b_1",R="_flex_cpy8b_1",F="_input_cpy8b_1 _ds-input_1w6ss_1",V="_fieldset_cpy8b_1 _ds-fieldset_1w6ss_1",j="_field_cpy8b_1 _ds-field_1w6ss_1",q="_affixes_cpy8b_1 _ds-field-affixes_1w6ss_1",z="_count_cpy8b_1",K="_errorsummary_cpy8b_1 _ds-error-summary_1w6ss_1",X="_details_cpy8b_1 _ds-details_1w6ss_1",Y="_chip_cpy8b_1 _ds-chip_1w6ss_1",G="_card_cpy8b_1",Q="_info_cpy8b_1",J="_button_cpy8b_1 _ds-button_1w6ss_1",Z="_breadcrumbs_cpy8b_1 _ds-breadcrumbs_1w6ss_1",tt="_badge_cpy8b_1",ot="_avatar_cpy8b_1 _ds-avatar_1w6ss_1",et="_alert_cpy8b_1 _ds-alert_1w6ss_1",nt="_heading_cpy8b_1 _ds-heading_1w6ss_1",st="_body_cpy8b_113",it="_tooltip_cpy8b_128",r={validation:L,tag:I,tabs:k,table:x,scrollShadow:H,skeleton:O,popover:B,pagination:N,modal:D,logo:P,link:U,grid:W,flex:R,input:F,fieldset:V,field:j,affixes:q,count:z,errorsummary:K,details:X,chip:Y,card:G,info:Q,button:J,breadcrumbs:Z,badge:tt,avatar:ot,alert:et,heading:nt,body:st,tooltip:it},ht=Object.freeze(Object.defineProperty({__proto__:null,affixes:q,alert:et,avatar:ot,badge:tt,body:st,breadcrumbs:Z,button:J,card:G,chip:Y,count:z,default:r,details:X,errorsummary:K,field:j,fieldset:V,flex:R,grid:W,heading:nt,info:Q,input:F,link:U,logo:P,modal:D,pagination:N,popover:B,scrollShadow:H,skeleton:O,table:x,tabs:k,tag:I,tooltip:it,validation:L},Symbol.toStringTag,{value:"Module"})),g=typeof window<"u"&&typeof document<"u",u={capture:!0,passive:!0};function l(t,o,e){return e===void 0?t.getAttribute(o)??null:(e===null?t.removeAttribute(o):t.getAttribute(o)!==e&&t.setAttribute(o,e),null)}let gt=0;const wt=`${Date.now().toString(36)}${Math.random().toString(36).slice(2,5)}`;function w(t){return t.id||(t.id=`${wt}${++gt}`),t.id}const ct=(t,o,e)=>{for(const s of e[0].split(","))e[0]=s,o[`${t}EventListener`](...e)},m=(t,...o)=>ct("add",t,o),A=(t,...o)=>ct("remove",t,o),M=new Map,d=g?document.createElement("div"):null;d&&l(d,"style","position:absolute;padding:1px;top:0;left:0px"),g&&m(window,"load,resize,scroll",()=>{for(const[t,o]of M)o()},u);const _={top:0,right:1,bottom:2,left:3,none:4};function p(t,o,e){var vt;if(o===!1||!(o!=null&&o.isConnected)||!(t!=null&&t.isConnected))return M.delete(t);if(d!=null&&d.isConnected||document.body.append(d||""),!M.has(t)){const Gt=_[e]??_.bottom;return(vt=M.set(t,()=>p(t,o,Gt)).get(t))==null?void 0:vt()}if(e===_.none)return t.style.setProperty("left","-100vw");const{offsetWidth:s,offsetHeight:n}=t,{offsetWidth:c,offsetHeight:i}=o,{width:v,height:C,left:Ft,top:Vt}=o.getBoundingClientRect(),h=Math.round(Ft-(c-v)/2),y=Math.round(Vt-(i-C)/2),jt=h-s>0,qt=c+c+s<window.innerWidth,zt=y-n>0,Kt=y+i+n<window.innerHeight,Xt=e===_.bottom&&qt||!jt,Yt=e===_.bottom&&Kt||!zt,mt=e===_.top||e===_.bottom;t.style.left=`${Math.round(mt?Math.min(Math.max(10,h-(s-c)/2),window.innerWidth-s-10):Xt?h+c:h-s)}px`,t.style.top=`${Math.round(mt?Yt?y+i:y-n:Math.min(Math.max(10,y-(n-i)/2),window.innerHeight-n-10))}px`,d==null||d.style.setProperty("translate",`${Math.round(window.scrollX+h+c+s+30)} ${Math.round(window.scrollY+y+i+n+30)}px`)}function Mt(t){let o=0;const e=()=>setTimeout(s,200),s=()=>{t([],n),o=0},n=new MutationObserver(()=>{o||(o=requestAnimationFrame(e))});return n}const S=new WeakMap,St=t=>{var e;const o=S.get(t);if(!o||!t.isConnected)(e=o==null?void 0:o.observer)==null||e.disconnect(),S.delete(t);else for(const[,s]of o.collections)s()},b=(t,o,e)=>{const s=t.getElementsByClassName(o);let n=S.get(t);n||(n={collections:new Map,observer:Mt(()=>St(t))},n.observer.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class"]}),S.set(t,n)),e?n.collections.set(o,()=>e(s)):n.collections.delete(o)},T=t=>t instanceof HTMLElement&&"validity"in t&&!(t instanceof HTMLButtonElement),at=r.field.split(" ")[0],lt=r.validation.split(" "),$t=lt[0];function At(t){for(const o of t){const e=[],s=[];let n=null,c=!0;for(const i of o.getElementsByTagName("*"))i instanceof HTMLLabelElement?e.push(i):T(i)?n=i:i.classList.contains($t)?(c=i.getAttribute("data-color")==="success",s.unshift(w(i))):i instanceof HTMLParagraphElement&&s.push(w(i));if(n){for(const i of e)i.htmlFor=w(n);rt(n),l(n,"aria-describedby",s.join(" ")),l(n,"aria-invalid",`${!c}`)}}}function dt({target:t}){T(t)&&rt(t)}function rt(t){const o=t==null?void 0:t.nextElementSibling,e=o==null?void 0:o.getAttribute("data-count");if(o&&e){const s=Number(e)-t.value.length,n=s<0;if(o.getAttribute("aria-live")==="polite"!==n){l(o,"aria-live",n?"polite":"off");for(const i of lt)o.classList.toggle(i,n)}o.textContent=`${Math.abs(s)} tegn ${n?"for mye":"igjen"}`}}function Tt(t){b(t,at,At),m(t,"input",dt,u)}function Et(t){b(t,at,!1),A(t,"input",dt,u)}const _t=r.fieldset.split(" ")[0],Ct=r.validation.split(" ")[0];function Lt(t){for(const o of t){const e=[];let s="";for(const n of o.getElementsByTagName("*"))n.classList.contains(Ct)?s=w(n):T(n)&&e.push(n);if(s)for(const n of e)l(n,"aria-describedby",s),l(n,"aria-invalid","true")}}const It=t=>b(t,_t,Lt),kt=t=>b(t,_t,!1);function xt(t){m(t,"toggle",ut,u),m(t,"click",pt)}function Ht(t){A(t,"toggle",ut,u),A(t,"click",pt)}const ft=r.popover.split(" ")[0];function ut({target:t,newState:o}){var e;if(t instanceof HTMLElement&&t.classList.contains(ft)){const s=(e=t.getRootNode())==null?void 0:e.querySelector(`[popovertarget="${t.id}"]`);o==="closed"?p(t,!1):s&&p(t,s,t.getAttribute("data-position")||"bottom")}}function pt({target:t}){var e,s;const o=(e=t==null?void 0:t.closest)==null?void 0:e.call(t,"a");if(o){const n=o.getRootNode(),c=((s=n.getElementById)==null?void 0:s.call(n,l(o,"popovertarget")||""))||o.closest(`.${ft}`),i=l(o,"popovertargetaction")||"toggle";c==null||c.togglePopover(i==="show"||(i==="hide"?!1:void 0))}}const bt=r.table.split(" ")[0];function Ot(t){var o,e;for(const s of t)if(s instanceof HTMLTableElement){const n=Array.from(((e=(o=s.tHead)==null?void 0:o.rows[0])==null?void 0:e.cells)||[],c=>{var i;return(i=c.innerText)==null?void 0:i.trim()});for(const c of s.tBodies)for(const i of c.rows)for(const v of i.cells)l(v,"data-th",n[v.cellIndex]||":empty")}}const Bt=t=>b(t,bt,Ot),Nt=t=>b(t,bt,!1);let $=null,yt=0,a=null;g&&(a=document.body.appendChild(document.createElement("div")),a.classList.add(...r.tooltip.split(" ")),l(a,"popover","manual"),m(document,"mousemove",Dt,u));function Dt({target:t}){clearTimeout(yt),yt=setTimeout(Pt,20,t)}function Pt(t){var e;if(!a||t===a)return;const o=(e=t==null?void 0:t.closest)==null?void 0:e.call(t,"[data-tooltip]");!o&&$?(p(a,!1),a==null||a.hidePopover(),$=null):o&&o!==$&&($=o,a.textContent=o.getAttribute("data-tooltip")||"",a.showPopover(),p(a,!1),p(a,o,"top"))}const Ut=(t,o,e)=>{const s=(e-1)/2,n=Math.max(Math.min(t-Math.floor(s),o-e+1),1),c=Math.min(Math.max(t+Math.ceil(s),e),o),i=Array.from({length:c+1-n},(v,C)=>C+n);return e>4&&n>1&&i.splice(0,2,1,0),e>3&&c<o&&i.splice(-2,2,0,o),i},Wt=({current:t=1,total:o=10,show:e=7})=>({prev:t>1?t-1:0,next:t<o?t+1:0,pages:Ut(t,o,e).map((s,n)=>({current:s===t&&"page",key:`key-${s}-${n}`,page:s}))});if(g){const t=document.readyState==="loading",o=()=>E(document.body);t?document.addEventListener("DOMContentLoaded",o):o()}E(document.body);function E(t){Tt(t),It(t),xt(t),Bt(t)}function Rt(t){Et(t),kt(t),Ht(t),Nt(t)}return f.observe=E,f.pagination=Wt,f.styles=ht,f.unobserve=Rt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"}),f}({});
 //# sourceMappingURL=index.iife.js.map

package/mtds/index.iife.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.iife.js","sources":["../designsystem/utils.ts","../designsystem/field/field.ts","../designsystem/fieldset/fieldset.ts","../designsystem/popover/popover.ts","../designsystem/table/table.ts","../designsystem/pagination/pagination.ts","../designsystem/index.ts"],"sourcesContent":["export const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\nexport const QUICK_EVENT = { capture: true, passive: true };\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/**\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\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}","import styles from '../styles.module.css';\nimport { QUICK_EVENT, isInputLike, off, on, onMutation, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for(const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName('*')) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) { // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = el.getAttribute('data-color') === 'success';\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) for (const label of labels) label.htmlFor = useId(input);\n    if (input) renderCounter(input);\n\n    input?.setAttribute('aria-describedby', descs.join(' '));\n    input?.setAttribute('aria-invalid', `${!valid}`);\n  }\n}\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) renderCounter(target);\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el?.getAttribute('data-count');\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = el.getAttribute('aria-live') === 'polite';\n\n    if (prevInvalid !== nextInvalid) {\n      el.setAttribute('aria-live', nextInvalid ? 'polite' : 'off');\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = `${Math.abs(remainder)} tegn ${nextInvalid ? 'for mye' : 'igjen'}`;\n  }\n}\n\nexport function observe (el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, 'input', handleInput, QUICK_EVENT);\n}\n\nexport function unobserve (el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, 'input', handleInput, QUICK_EVENT);\n}\n\n// TODO: Remove invalid when errormessage is gone","import styles from '../styles.module.css';\nimport { isInputLike, onMutation, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\n\nfunction process(fieldsets: HTMLCollectionOf<Element>) {\n  for(const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId = '';\n\n    for (const el of fieldset.getElementsByTagName('*')) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    if (validationId) \n      for(const input of inputs) {\n        input.setAttribute('aria-describedby', validationId);\n        input.setAttribute('aria-invalid', 'true');\n      }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n","import styles from '../styles.module.css';\nimport { IS_BROWSER, QUICK_EVENT, off, on } from '../utils';\n\nexport function observe(el: Node) {\n  on(el, 'click', handleLinkClick); // Allow `<a>` to use `popovertarget` as well\n  on(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n  on(window, 'load,resize,scroll', updatePositions, QUICK_EVENT); // Use capture since toggle does not bubble\n  on(document, 'DOMContentReady', updatePositions, QUICK_EVENT); // Use capture since toggle does not bubble\n  document.fonts.ready.then(updatePositions); // Inital render and when fonts load\n}\nexport function unobserve(el: Node) {\n  off(el, 'click', handleLinkClick);\n  off(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n}\n\nconst CSS_POPOVER = styles.popover.split(' ')[0];\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nconst POPPING = new Map<Element, () => void>(); // Store current open poppers and their update functions\nSCROLLER?.setAttribute('style', 'position:absolute;padding:1px');\n\nfunction handleToggle ({ target: el, newState }: Event & { newState?: string }){\n  if (el instanceof HTMLElement && el.classList.contains(CSS_POPOVER)) {\n    const anchor = (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n    const isOver = el.getAttribute('data-position') === 'over';\n    \n    if (newState === 'closed') POPPING.delete(el);\n    else if (anchor) POPPING.set(el, () => place(anchor, el, isOver));\n    document.body.append(SCROLLER || ''); // Ensure we have the scroller\n    updatePositions();\n  }\n}\n\nfunction updatePositions() {\n  for (const [_, updatePosition] of POPPING) updatePosition();\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handleLinkClick (event: Event){\n  const link = event.target instanceof Element && event.target.closest('a');\n  if (link) {\n    const root = link.getRootNode() as ShadowRoot;\n    const target = root.getElementById?.(link.getAttribute('popovertarget') || '') || link.closest(`.${CSS_POPOVER}`);\n    const action = link.getAttribute('popovertargetaction') || 'toggle';\n\n    target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}\n\nfunction place (anchor: HTMLElement | null, popper: HTMLElement, isOver = false) {\n  if (!anchor?.isConnected || !popper?.isConnected) return POPPING.delete(popper); // Stop watchning if anchor is removed from DOM\n\n  const { offsetWidth: popperW, offsetHeight: popperH } = popper;\n  const { offsetWidth: anchorW, offsetHeight: anchorH } = anchor;\n  const { width, height, left, top } = anchor.getBoundingClientRect();\n  const 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  const hasSpaceUnder = anchorY + anchorH + popperH < window.innerHeight;\n  const hasSpaceOver = anchorY - popperH > 0\n  const placeUnder = (!isOver && hasSpaceUnder) || !hasSpaceOver // Always place under when no hasSpaceOver, as no OS can scroll further up than 0\n  const scroll = placeUnder ? window.scrollY + anchorY + anchorH + popperH + 30 : 0\n\n  popper.style.left = `${Math.round(Math.min(Math.max(10, anchorX), window.innerWidth - popperW - 10))}px`\n  popper.style.top = `${Math.round(placeUnder ? anchorY + anchorH : anchorY - popperH)}px`\n  SCROLLER?.style.setProperty('top', `${Math.round(scroll)}px`);\n}\n","import styles from '../styles.module.css';\nimport { onMutation } from '../utils';\nconst CSS_TABLE = styles.table.split(' ')[0];\n\nfunction process(tables: HTMLCollectionOf<Element>) {\n  for(const table of tables) if (table instanceof HTMLTableElement) {\n    const ths = Array.from(table.tHead?.rows[0]?.cells || [], (el) => el.innerText?.trim()); // Using innerText to only include visible text\n    for (const tbody of table.tBodies) {\n      for (const row of tbody.rows) {\n        for (const cell of row.cells) {\n          cell.setAttribute('data-th', ths[cell.cellIndex] || ':empty'); // Using U+200B to prevent empty string from collapsing\n        }\n      }\n    }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_TABLE, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_TABLE, false);\n","const getSteps = (now: number, max: number, show: number) => {\n  const offset = (show - 1) / 2;\n  const start = Math.max(Math.min(now - Math.floor(offset), max - show + 1), 1);\n  const end = Math.min(Math.max(now + Math.ceil(offset), show), max);\n  const pages = Array.from({ length: end + 1 - start }, (_, i) => i + start);\n\n  if (show > 4 && start > 1) pages.splice(0, 2, 1, 0);\n  if (show > 3 && end < max) pages.splice(-2, 2, 0, max);\n  return pages;\n};\n\nexport const pagination = ({\n  current = 1,\n  total = 10,\n  show = 7,\n}) => ({\n  prev: current > 1 ? current - 1 : 0,\n  next: current < total ? current + 1 : 0,\n  pages: getSteps(current, total, show).map((page, index) => ({\n    current: page === current && 'page' as const,\n    key: `key-${page}-${index}`,\n    page,\n  })),\n});\n","import * as field from './field/field';\nimport * as fieldset from './fieldset/fieldset';\nimport * as popover from './popover/popover';\nimport * as table from './table/table';\nimport { IS_BROWSER } from './utils';\nexport { pagination } from './pagination/pagination';\nexport * as styles from './styles.module.css';\n\nif (IS_BROWSER) {\n  // Check if the page is still loading - might happen if the script is in <head>\n  const isLoading = document.readyState === \"loading\";\n  const onLoaded = () => observe(document.body);\n\n  if (isLoading) document.addEventListener(\"DOMContentLoaded\", onLoaded);\n  else onLoaded();\n}\n  \n  observe(document.body); // Automatic observe on browser\n\nexport function observe(el: Element) {\n  field.observe(el);\n  fieldset.observe(el);\n  popover.observe(el);\n  table.observe(el);\n}\n\nexport function unobserve(el: Element) {\n  field.unobserve(el);\n  fieldset.unobserve(el);\n  popover.unobserve(el);\n  table.unobserve(el);\n}"],"names":["IS_BROWSER","QUICK_EVENT","id","UUID","useId","el","events","action","element","rest","type","on","off","createOptimizedMutationObserver","callback","queue","onFrame","onTimer","observer","MUTATORS","MUTATORS_CALLBACK","mutator","_a","onMutation","className","collection","isInputLike","CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","valid","label","handleInput","target","renderCounter","limit","remainder","nextInvalid","css","observe","unobserve","CSS_FIELDSET","process","fieldsets","fieldset","inputs","validationId","handleLinkClick","handleToggle","updatePositions","CSS_POPOVER","SCROLLER","POPPING","newState","anchor","isOver","place","_","updatePosition","event","link","root","popper","popperW","popperH","anchorW","anchorH","width","height","left","top","anchorX","anchorY","hasSpaceUnder","hasSpaceOver","placeUnder","scroll","CSS_TABLE","tables","table","ths","_b","tbody","row","cell","getSteps","now","max","show","offset","start","end","pages","i","pagination","current","total","page","index","isLoading","onLoaded","field.observe","fieldset.observe","popover.observe","table.observe","field.unobserve","fieldset.unobserve","popover.unobserve","table.unobserve"],"mappings":"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"}
+{"version":3,"file":"index.iife.js","sources":["../designsystem/utils.ts","../designsystem/field/field.ts","../designsystem/fieldset/fieldset.ts","../designsystem/popover/popover.ts","../designsystem/table/table.ts","../designsystem/tooltip.ts","../designsystem/pagination/pagination.ts","../designsystem/index.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 === false || !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)) {\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 under when no hasSpaceOver, as no OS can scroll further up than 0\n\tconst positionUnder = (position === ANCHOR.bottom && hasSpaceUnder) || !hasSpaceOver // Always position under when no hasSpaceOver, as no OS can scroll further up than 0\n\tconst isVertical = position === ANCHOR.top || position === ANCHOR.bottom;\n\n\ttarget.style.left = `${Math.round(isVertical ? Math.min(Math.max(10, anchorX - (targetW - anchorW) / 2), window.innerWidth - targetW - 10) : (positionRight ? anchorX + anchorW : anchorX - targetW))}px`\n  target.style.top = `${Math.round(isVertical ? (positionUnder ? anchorY + anchorH : anchorY - targetH) : Math.min(Math.max(10, anchorY - (targetH - anchorH) / 2), window.innerHeight - targetH - 10))}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}","import styles from '../styles.module.css';\nimport { QUICK_EVENT, attr, isInputLike, off, on, onMutation, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\n\nfunction renderAria(fields: HTMLCollectionOf<Element>) {\n  for(const field of fields) {\n    const labels: HTMLLabelElement[] = [];\n    const descs: string[] = [];\n    let input: HTMLInputElement | null = null;\n    let valid = true;\n\n    for (const el of field.getElementsByTagName('*')) {\n      if (el instanceof HTMLLabelElement) labels.push(el);\n      else if (isInputLike(el)) input = el;\n      else if (el.classList.contains(CSS_VALIDATION)) { // Must be before instanceof HTMLParagraphElement since validation can also be a <p>\n        valid = el.getAttribute('data-color') === 'success';\n        descs.unshift(useId(el));\n      } else if (el instanceof HTMLParagraphElement) descs.push(useId(el));\n    }\n\n    if (input) {\n      for (const label of labels) label.htmlFor = useId(input);\n      renderCounter(input);\n      attr(input, 'aria-describedby', descs.join(' '));\n      attr(input, 'aria-invalid', `${!valid}`);\n    }\n  }\n}\nfunction handleInput({ target }: Event) {\n  if (isInputLike(target)) renderCounter(target);\n}\n\nfunction renderCounter(input: HTMLInputElement) {\n  const el = input?.nextElementSibling;\n  const limit = el?.getAttribute('data-count');\n\n  if (el && limit) {\n    const remainder = Number(limit) - input.value.length;\n    const nextInvalid = remainder < 0;\n    const prevInvalid = el.getAttribute('aria-live') === 'polite';\n\n    if (prevInvalid !== nextInvalid) {\n      attr(el, 'aria-live', nextInvalid ? 'polite' : 'off');\n      for (const css of CSS_VALIDATIONS) el.classList.toggle(css, nextInvalid);\n    }\n    el.textContent = `${Math.abs(remainder)} tegn ${nextInvalid ? 'for mye' : 'igjen'}`;\n  }\n}\n\nexport function observe (el: Element) {\n  onMutation(el, CSS_FIELD, renderAria);\n  on(el, 'input', handleInput, QUICK_EVENT);\n}\n\nexport function unobserve (el: Element) {\n  onMutation(el, CSS_FIELD, false);\n  off(el, 'input', handleInput, QUICK_EVENT);\n}\n","import styles from '../styles.module.css';\nimport { attr, isInputLike, onMutation, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\n\nfunction process(fieldsets: HTMLCollectionOf<Element>) {\n  for(const fieldset of fieldsets) {\n    const inputs: HTMLInputElement[] = [];\n    let validationId = '';\n\n    for (const el of fieldset.getElementsByTagName('*')) {\n      if (el.classList.contains(CSS_VALIDATION)) validationId = useId(el);\n      else if (isInputLike(el)) inputs.push(el);\n    }\n\n    if (validationId) \n      for(const input of inputs) {\n        attr(input, 'aria-describedby', validationId);\n        attr(input, 'aria-invalid', 'true');\n      }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_FIELDSET, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_FIELDSET, false);\n","import styles from '../styles.module.css';\nimport { QUICK_EVENT, anchorPosition, attr, off, on } from '../utils';\n\nexport function observe(el: Node) {\n  on(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n  on(el, 'click', handleLinkClick); // Allow `<a>` to use `popovertarget` as well\n}\nexport function unobserve(el: Node) {\n  off(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n  off(el, 'click', handleLinkClick);\n}\n\nconst CSS_POPOVER = styles.popover.split(' ')[0];\n\nfunction handleToggle ({ target: el, newState }: Event & { newState?: string }){\n  if (el instanceof HTMLElement && el.classList.contains(CSS_POPOVER)) {\n    const anchor = (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n    \n    if (newState === 'closed') anchorPosition(el, false);\n    else if (anchor) anchorPosition(el, anchor, el.getAttribute('data-position') || 'bottom');\n  }\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handleLinkClick ({ target }: Event){\n  const link = (target as Element )?.closest?.('a');\n  if (link) {\n    const root = link.getRootNode() as ShadowRoot;\n    const target = root.getElementById?.(attr(link, 'popovertarget') || '') || link.closest(`.${CSS_POPOVER}`);\n    const action = attr(link, 'popovertargetaction') || 'toggle';\n\n    target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}","import styles from '../styles.module.css';\nimport { attr, onMutation } from '../utils';\nconst CSS_TABLE = styles.table.split(' ')[0];\n\nfunction process(tables: HTMLCollectionOf<Element>) {\n  for(const table of tables) if (table instanceof HTMLTableElement) {\n    const ths = Array.from(table.tHead?.rows[0]?.cells || [], (el) => el.innerText?.trim()); // Using innerText to only include visible text\n    for (const tbody of table.tBodies) {\n      for (const row of tbody.rows) {\n        for (const cell of row.cells) {\n          attr(cell, 'data-th', ths[cell.cellIndex] || ':empty');\n        }\n      }\n    }\n  }\n}\n\nexport const observe = (el: Element) => onMutation(el, CSS_TABLE, process);\nexport const unobserve = (el: Element) => onMutation(el, CSS_TABLE, false);\n","import styles from './styles.module.css';\nimport { IS_BROWSER, QUICK_EVENT, anchorPosition, attr, on } from \"./utils\";\n\nlet ANCHOR: Element | null = null;\nlet DEBOUNCE: 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, 'mousemove', handleMove, QUICK_EVENT);\n}\n\nfunction handleMove({ target }: Event) {\n  clearTimeout(DEBOUNCE);\n  DEBOUNCE = setTimeout(handleMoveDebounced, 20, target);\n}\n\nfunction handleMoveDebounced(target: Element | null) {\n  if (!TOOLTIP || target === TOOLTIP) return; // Allow tooltip to be hovered, following https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus\n  const anchor = target?.closest?.<HTMLElement>('[data-tooltip]');\n  \n  if (!anchor && ANCHOR) {\n    anchorPosition(TOOLTIP, false);\n    TOOLTIP?.hidePopover();\n    ANCHOR = null;\n  } else if (anchor && anchor !== ANCHOR) {\n    ANCHOR = anchor;\n    TOOLTIP.textContent = anchor.getAttribute('data-tooltip') || '';\n    TOOLTIP.showPopover();\n    anchorPosition(TOOLTIP, false); // Reset position\n    anchorPosition(TOOLTIP, anchor, 'top');\n  }\n}","const getSteps = (now: number, max: number, show: number) => {\n  const offset = (show - 1) / 2;\n  const start = Math.max(Math.min(now - Math.floor(offset), max - show + 1), 1);\n  const end = Math.min(Math.max(now + Math.ceil(offset), show), max);\n  const pages = Array.from({ length: end + 1 - start }, (_, i) => i + start);\n\n  if (show > 4 && start > 1) pages.splice(0, 2, 1, 0);\n  if (show > 3 && end < max) pages.splice(-2, 2, 0, max);\n  return pages;\n};\n\nexport const pagination = ({\n  current = 1,\n  total = 10,\n  show = 7,\n}) => ({\n  prev: current > 1 ? current - 1 : 0,\n  next: current < total ? current + 1 : 0,\n  pages: getSteps(current, total, show).map((page, index) => ({\n    current: page === current && 'page' as const,\n    key: `key-${page}-${index}`,\n    page,\n  })),\n});\n","import * as field from './field/field';\nimport * as fieldset from './fieldset/fieldset';\nimport * as popover from './popover/popover';\nimport * as table from './table/table';\nimport './tooltip'; // Load data-tooltip behaviour\nimport { IS_BROWSER } from './utils';\nexport { pagination } from './pagination/pagination';\nexport * as styles from './styles.module.css';\n\nif (IS_BROWSER) {\n  // Check if the page is still loading - might happen if the script is in <head>\n  const isLoading = document.readyState === \"loading\";\n  const onLoaded = () => observe(document.body);\n\n  if (isLoading) document.addEventListener(\"DOMContentLoaded\", onLoaded);\n  else onLoaded();\n}\n  \n  observe(document.body); // Automatic observe on browser\n\nexport function observe(el: Element) {\n  field.observe(el);\n  fieldset.observe(el);\n  popover.observe(el);\n  table.observe(el);\n}\n\nexport function unobserve(el: Element) {\n  field.unobserve(el);\n  fieldset.unobserve(el);\n  popover.unobserve(el);\n  table.unobserve(el);\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","place","_a","targetW","targetH","anchorW","anchorH","width","height","left","top","anchorX","anchorY","hasSpaceLeft","hasSpaceRight","hasSpaceOver","hasSpaceUnder","positionRight","positionUnder","isVertical","createOptimizedMutationObserver","callback","queue","onFrame","onTimer","observer","MUTATORS","MUTATORS_CALLBACK","mutator","onMutation","className","collection","isInputLike","CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","renderAria","fields","field","labels","descs","input","valid","label","renderCounter","handleInput","limit","remainder","nextInvalid","css","observe","unobserve","CSS_FIELDSET","process","fieldsets","fieldset","inputs","validationId","handleToggle","handleLinkClick","CSS_POPOVER","newState","link","root","_b","CSS_TABLE","tables","table","ths","tbody","row","cell","DEBOUNCE","TOOLTIP","handleMove","handleMoveDebounced","getSteps","now","max","show","offset","start","end","pages","i","pagination","current","total","page","index","isLoading","onLoaded","field.observe","fieldset.observe","popover.observe","table.observe","field.unobserve","fieldset.unobserve","popover.unobserve","table.unobserve"],"mappings":"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"}

package/mtds/index.js

@@ -1,25 +1,26 @@
-import { observe as r, unobserve as n } from "./field/field.js";
+import { observe as s, unobserve as n } from "./field/field.js";
 import { observe as t, unobserve as b } from "./fieldset/fieldset.js";
-import { observe as a, unobserve as v } from "./popover/popover.js";
-import { observe as m, unobserve as d } from "./table/table.js";
-import { IS_BROWSER as i } from "./utils.js";
-import { pagination as S } from "./pagination/pagination.js";
-import * as y from "./styles.module.css.js";
-if (i) {
-  const o = document.readyState === "loading", e = () => s(document.body);
+import { observe as a, unobserve as m } from "./popover/popover.js";
+import { observe as v, unobserve as i } from "./table/table.js";
+import "./tooltip.js";
+import { IS_BROWSER as d } from "./utils.js";
+import { pagination as E } from "./pagination/pagination.js";
+import * as L from "./styles.module.css.js";
+if (d) {
+  const o = document.readyState === "loading", e = () => r(document.body);
   o ? document.addEventListener("DOMContentLoaded", e) : e();
 }
-s(document.body);
-function s(o) {
-  r(o), t(o), a(o), m(o);
+r(document.body);
+function r(o) {
+  s(o), t(o), a(o), v(o);
 }
-function L(o) {
-  n(o), b(o), v(o), d(o);
+function g(o) {
+  n(o), b(o), m(o), i(o);
 }
 export {
-  s as observe,
-  S as pagination,
-  y as styles,
-  L as unobserve
+  r as observe,
+  E as pagination,
+  L as styles,
+  g as unobserve
 };
 //# sourceMappingURL=index.js.map

package/mtds/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../designsystem/index.ts"],"sourcesContent":["import * as field from './field/field';\nimport * as fieldset from './fieldset/fieldset';\nimport * as popover from './popover/popover';\nimport * as table from './table/table';\nimport { IS_BROWSER } from './utils';\nexport { pagination } from './pagination/pagination';\nexport * as styles from './styles.module.css';\n\nif (IS_BROWSER) {\n  // Check if the page is still loading - might happen if the script is in <head>\n  const isLoading = document.readyState === \"loading\";\n  const onLoaded = () => observe(document.body);\n\n  if (isLoading) document.addEventListener(\"DOMContentLoaded\", onLoaded);\n  else onLoaded();\n}\n  \n  observe(document.body); // Automatic observe on browser\n\nexport function observe(el: Element) {\n  field.observe(el);\n  fieldset.observe(el);\n  popover.observe(el);\n  table.observe(el);\n}\n\nexport function unobserve(el: Element) {\n  field.unobserve(el);\n  fieldset.unobserve(el);\n  popover.unobserve(el);\n  table.unobserve(el);\n}"],"names":["IS_BROWSER","isLoading","onLoaded","observe","el","field.observe","fieldset.observe","popover.observe","table.observe","unobserve","field.unobserve","fieldset.unobserve","popover.unobserve","table.unobserve"],"mappings":";;;;;;;AAQA,IAAIA,GAAY;AAER,QAAAC,IAAY,SAAS,eAAe,WACpCC,IAAW,MAAMC,EAAQ,SAAS,IAAI;AAE5C,EAAIF,IAAW,SAAS,iBAAiB,oBAAoBC,CAAQ,IACvDA,EAAA;AAChB;AAEEC,EAAQ,SAAS,IAAI;AAEhB,SAASA,EAAQC,GAAa;AACnCC,EAAAA,EAAcD,CAAE,GAChBE,EAAiBF,CAAE,GACnBG,EAAgBH,CAAE,GAClBI,EAAcJ,CAAE;AAClB;AAEO,SAASK,EAAUL,GAAa;AACrCM,EAAAA,EAAgBN,CAAE,GAClBO,EAAmBP,CAAE,GACrBQ,EAAkBR,CAAE,GACpBS,EAAgBT,CAAE;AACpB;"}
+{"version":3,"file":"index.js","sources":["../designsystem/index.ts"],"sourcesContent":["import * as field from './field/field';\nimport * as fieldset from './fieldset/fieldset';\nimport * as popover from './popover/popover';\nimport * as table from './table/table';\nimport './tooltip'; // Load data-tooltip behaviour\nimport { IS_BROWSER } from './utils';\nexport { pagination } from './pagination/pagination';\nexport * as styles from './styles.module.css';\n\nif (IS_BROWSER) {\n  // Check if the page is still loading - might happen if the script is in <head>\n  const isLoading = document.readyState === \"loading\";\n  const onLoaded = () => observe(document.body);\n\n  if (isLoading) document.addEventListener(\"DOMContentLoaded\", onLoaded);\n  else onLoaded();\n}\n  \n  observe(document.body); // Automatic observe on browser\n\nexport function observe(el: Element) {\n  field.observe(el);\n  fieldset.observe(el);\n  popover.observe(el);\n  table.observe(el);\n}\n\nexport function unobserve(el: Element) {\n  field.unobserve(el);\n  fieldset.unobserve(el);\n  popover.unobserve(el);\n  table.unobserve(el);\n}"],"names":["IS_BROWSER","isLoading","onLoaded","observe","el","field.observe","fieldset.observe","popover.observe","table.observe","unobserve","field.unobserve","fieldset.unobserve","popover.unobserve","table.unobserve"],"mappings":";;;;;;;;AASA,IAAIA,GAAY;AAER,QAAAC,IAAY,SAAS,eAAe,WACpCC,IAAW,MAAMC,EAAQ,SAAS,IAAI;AAE5C,EAAIF,IAAW,SAAS,iBAAiB,oBAAoBC,CAAQ,IACvDA,EAAA;AAChB;AAEEC,EAAQ,SAAS,IAAI;AAEhB,SAASA,EAAQC,GAAa;AACnCC,EAAAA,EAAcD,CAAE,GAChBE,EAAiBF,CAAE,GACnBG,EAAgBH,CAAE,GAClBI,EAAcJ,CAAE;AAClB;AAEO,SAASK,EAAUL,GAAa;AACrCM,EAAAA,EAAgBN,CAAE,GAClBO,EAAmBP,CAAE,GACrBQ,EAAkBR,CAAE,GACpBS,EAAgBT,CAAE;AACpB;"}

package/mtds/popover/popover.js

@@ -1,38 +1,29 @@
-import k from "../styles.module.css.js";
-import { IS_BROWSER as E, on as r, QUICK_EVENT as l, off as h } from "../utils.js";
-function I(t) {
-  r(t, "click", v), r(t, "toggle", m, l), r(window, "load,resize,scroll", f, l), r(document, "DOMContentReady", f, l), document.fonts.ready.then(f);
+import m from "../styles.module.css.js";
+import { on as f, QUICK_EVENT as a, anchorPosition as l, attr as p, off as r } from "../utils.js";
+function k(o) {
+  f(o, "toggle", g, a), f(o, "click", v);
 }
-function N(t) {
-  h(t, "click", v), h(t, "toggle", m, l);
+function E(o) {
+  r(o, "toggle", g, a), r(o, "click", v);
 }
-const p = k.popover.split(" ")[0], i = E ? document.createElement("div") : null, g = /* @__PURE__ */ new Map();
-i == null || i.setAttribute("style", "position:absolute;padding:1px");
-function m({ target: t, newState: o }) {
-  var s;
-  if (t instanceof HTMLElement && t.classList.contains(p)) {
-    const n = (s = t.getRootNode()) == null ? void 0 : s.querySelector(`[popovertarget="${t.id}"]`), e = t.getAttribute("data-position") === "over";
-    o === "closed" ? g.delete(t) : n && g.set(t, () => $(n, t, e)), document.body.append(i || ""), f();
+const d = m.popover.split(" ")[0];
+function g({ target: o, newState: t }) {
+  var n;
+  if (o instanceof HTMLElement && o.classList.contains(d)) {
+    const i = (n = o.getRootNode()) == null ? void 0 : n.querySelector(`[popovertarget="${o.id}"]`);
+    t === "closed" ? l(o, !1) : i && l(o, i, o.getAttribute("data-position") || "bottom");
   }
 }
-function f() {
-  for (const [t, o] of g) o();
-}
-function v(t) {
-  var s;
-  const o = t.target instanceof Element && t.target.closest("a");
-  if (o) {
-    const n = o.getRootNode(), e = ((s = n.getElementById) == null ? void 0 : s.call(n, o.getAttribute("popovertarget") || "")) || o.closest(`.${p}`), d = o.getAttribute("popovertargetaction") || "toggle";
-    e == null || e.togglePopover(d === "show" || (d === "hide" ? !1 : void 0));
+function v({ target: o }) {
+  var n, i;
+  const t = (n = o == null ? void 0 : o.closest) == null ? void 0 : n.call(o, "a");
+  if (t) {
+    const e = t.getRootNode(), s = ((i = e.getElementById) == null ? void 0 : i.call(e, p(t, "popovertarget") || "")) || t.closest(`.${d}`), c = p(t, "popovertargetaction") || "toggle";
+    s == null || s.togglePopover(c === "show" || (c === "hide" ? !1 : void 0));
   }
 }
-function $(t, o, s = !1) {
-  if (!(t != null && t.isConnected) || !(o != null && o.isConnected)) return g.delete(o);
-  const { offsetWidth: n, offsetHeight: e } = o, { offsetWidth: d, offsetHeight: a } = t, { width: w, height: y, left: M, top: P } = t.getBoundingClientRect(), b = Math.round(M - (d - w) / 2), c = Math.round(P - (a - y) / 2), x = c + a + e < window.innerHeight, H = c - e > 0, u = !s && x || !H, W = u ? window.scrollY + c + a + e + 30 : 0;
-  o.style.left = `${Math.round(Math.min(Math.max(10, b), window.innerWidth - n - 10))}px`, o.style.top = `${Math.round(u ? c + a : c - e)}px`, i == null || i.style.setProperty("top", `${Math.round(W)}px`);
-}
 export {
-  I as observe,
-  N as unobserve
+  k as observe,
+  E as unobserve
 };
 //# sourceMappingURL=popover.js.map

package/mtds/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { IS_BROWSER, QUICK_EVENT, off, on } from '../utils';\n\nexport function observe(el: Node) {\n  on(el, 'click', handleLinkClick); // Allow `<a>` to use `popovertarget` as well\n  on(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n  on(window, 'load,resize,scroll', updatePositions, QUICK_EVENT); // Use capture since toggle does not bubble\n  on(document, 'DOMContentReady', updatePositions, QUICK_EVENT); // Use capture since toggle does not bubble\n  document.fonts.ready.then(updatePositions); // Inital render and when fonts load\n}\nexport function unobserve(el: Node) {\n  off(el, 'click', handleLinkClick);\n  off(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n}\n\nconst CSS_POPOVER = styles.popover.split(' ')[0];\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nconst POPPING = new Map<Element, () => void>(); // Store current open poppers and their update functions\nSCROLLER?.setAttribute('style', 'position:absolute;padding:1px');\n\nfunction handleToggle ({ target: el, newState }: Event & { newState?: string }){\n  if (el instanceof HTMLElement && el.classList.contains(CSS_POPOVER)) {\n    const anchor = (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n    const isOver = el.getAttribute('data-position') === 'over';\n    \n    if (newState === 'closed') POPPING.delete(el);\n    else if (anchor) POPPING.set(el, () => place(anchor, el, isOver));\n    document.body.append(SCROLLER || ''); // Ensure we have the scroller\n    updatePositions();\n  }\n}\n\nfunction updatePositions() {\n  for (const [_, updatePosition] of POPPING) updatePosition();\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handleLinkClick (event: Event){\n  const link = event.target instanceof Element && event.target.closest('a');\n  if (link) {\n    const root = link.getRootNode() as ShadowRoot;\n    const target = root.getElementById?.(link.getAttribute('popovertarget') || '') || link.closest(`.${CSS_POPOVER}`);\n    const action = link.getAttribute('popovertargetaction') || 'toggle';\n\n    target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}\n\nfunction place (anchor: HTMLElement | null, popper: HTMLElement, isOver = false) {\n  if (!anchor?.isConnected || !popper?.isConnected) return POPPING.delete(popper); // Stop watchning if anchor is removed from DOM\n\n  const { offsetWidth: popperW, offsetHeight: popperH } = popper;\n  const { offsetWidth: anchorW, offsetHeight: anchorH } = anchor;\n  const { width, height, left, top } = anchor.getBoundingClientRect();\n  const 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  const hasSpaceUnder = anchorY + anchorH + popperH < window.innerHeight;\n  const hasSpaceOver = anchorY - popperH > 0\n  const placeUnder = (!isOver && hasSpaceUnder) || !hasSpaceOver // Always place under when no hasSpaceOver, as no OS can scroll further up than 0\n  const scroll = placeUnder ? window.scrollY + anchorY + anchorH + popperH + 30 : 0\n\n  popper.style.left = `${Math.round(Math.min(Math.max(10, anchorX), window.innerWidth - popperW - 10))}px`\n  popper.style.top = `${Math.round(placeUnder ? anchorY + anchorH : anchorY - popperH)}px`\n  SCROLLER?.style.setProperty('top', `${Math.round(scroll)}px`);\n}\n"],"names":["observe","el","on","handleLinkClick","handleToggle","QUICK_EVENT","updatePositions","unobserve","off","CSS_POPOVER","styles","SCROLLER","IS_BROWSER","POPPING","newState","anchor","_a","isOver","place","_","updatePosition","event","link","root","target","action","popper","popperW","popperH","anchorW","anchorH","width","height","left","top","anchorX","anchorY","hasSpaceUnder","hasSpaceOver","placeUnder","scroll"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { QUICK_EVENT, anchorPosition, attr, off, on } from '../utils';\n\nexport function observe(el: Node) {\n  on(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n  on(el, 'click', handleLinkClick); // Allow `<a>` to use `popovertarget` as well\n}\nexport function unobserve(el: Node) {\n  off(el, 'toggle', handleToggle, QUICK_EVENT); // Use capture since toggle does not bubble\n  off(el, 'click', handleLinkClick);\n}\n\nconst CSS_POPOVER = styles.popover.split(' ')[0];\n\nfunction handleToggle ({ target: el, newState }: Event & { newState?: string }){\n  if (el instanceof HTMLElement && el.classList.contains(CSS_POPOVER)) {\n    const anchor = (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n    \n    if (newState === 'closed') anchorPosition(el, false);\n    else if (anchor) anchorPosition(el, anchor, el.getAttribute('data-position') || 'bottom');\n  }\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\n// and automatically assume popovertarget is the closest parent popover\n// but respect the popovertarget and popovertargetaction attribute\nfunction handleLinkClick ({ target }: Event){\n  const link = (target as Element )?.closest?.('a');\n  if (link) {\n    const root = link.getRootNode() as ShadowRoot;\n    const target = root.getElementById?.(attr(link, 'popovertarget') || '') || link.closest(`.${CSS_POPOVER}`);\n    const action = attr(link, 'popovertargetaction') || 'toggle';\n\n    target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}"],"names":["observe","el","on","handleToggle","QUICK_EVENT","handleLinkClick","unobserve","off","CSS_POPOVER","styles","newState","anchor","_a","anchorPosition","target","link","root","_b","attr","action"],"mappings":";;AAGO,SAASA,EAAQC,GAAU;AAC7B,EAAAC,EAAAD,GAAI,UAAUE,GAAcC,CAAW,GACvCF,EAAAD,GAAI,SAASI,CAAe;AACjC;AACO,SAASC,EAAUL,GAAU;AAC9B,EAAAM,EAAAN,GAAI,UAAUE,GAAcC,CAAW,GACvCG,EAAAN,GAAI,SAASI,CAAe;AAClC;AAEA,MAAMG,IAAcC,EAAO,QAAQ,MAAM,GAAG,EAAE,CAAC;AAE/C,SAASN,EAAc,EAAE,QAAQF,GAAI,UAAAS,KAA0C;;AAC7E,MAAIT,aAAc,eAAeA,EAAG,UAAU,SAASO,CAAW,GAAG;AAC7D,UAAAG,KAAUC,IAAAX,EAAG,kBAAH,gBAAAW,EAAiC,cAA2B,mBAAmBX,EAAG,EAAE;AAEpG,IAAIS,MAAa,WAAyBG,EAAAZ,GAAI,EAAK,IAC1CU,OAAuBV,GAAIU,GAAQV,EAAG,aAAa,eAAe,KAAK,QAAQ;AAAA,EAAA;AAE5F;AAKA,SAASI,EAAiB,EAAE,QAAAS,KAAgB;;AACpC,QAAAC,KAAQH,IAAAE,KAAA,gBAAAA,EAAqB,YAArB,gBAAAF,EAAA,KAAAE,GAA+B;AAC7C,MAAIC,GAAM;AACF,UAAAC,IAAOD,EAAK,YAAY,GACxBD,MAASG,IAAAD,EAAK,mBAAL,gBAAAC,EAAA,KAAAD,GAAsBE,EAAKH,GAAM,eAAe,KAAK,QAAOA,EAAK,QAAQ,IAAIP,CAAW,EAAE,GACnGW,IAASD,EAAKH,GAAM,qBAAqB,KAAK;AAEpDD,IAAAA,KAAAA,QAAAA,EAAQ,cAAcK,MAAW,WAAWA,MAAW,SAAS,KAAQ;AAAA,EAAU;AAEtF;"}