@mattilsynet/design 0.2.6 → 0.2.7

package/mtds/index.iife.js

@@ -1,2 +1,2 @@
-var mtds=function(b){"use strict";const h="_validation_12jx5_1 _ds-validation-message_14y6r_1",j="_tag_12jx5_1 _ds-tag_14y6r_1",A="_tabs_12jx5_1",S="_table_12jx5_1 _ds-table_14y6r_1",$="_scrollShadow_12jx5_1",M="_tableChildAdded_12jx5_1",E="_skeleton_12jx5_1 _ds-skeleton_14y6r_1",C="_popover_12jx5_1",T="_pagination_12jx5_1 _ds-pagination_14y6r_1",w="_modal_12jx5_1 _ds-modal_14y6r_1",I="_logo_12jx5_1 _ds-focus_14y6r_1",k="_link_12jx5_1",N="_grid_12jx5_1",L="_flex_12jx5_1",B="_box_12jx5_1",O="_input_12jx5_1 _ds-input_14y6r_1",D="_fieldset_12jx5_1 _ds-fieldset_14y6r_1",H="_fieldsetValidationAdded_12jx5_1",P="_field_12jx5_1 _ds-field_14y6r_1",V="_fieldChildAdded_12jx5_1",U="_affixes_12jx5_1 _ds-field-affixes_14y6r_1",W="_count_12jx5_1",F="_errorsummary_12jx5_1 _ds-error-summary_14y6r_1",z="_details_12jx5_1 _ds-details_14y6r_1",X="_chip_12jx5_1 _ds-chip_14y6r_1",Y="_card_12jx5_1",q="_info_12jx5_1",K="_button_12jx5_1 _ds-button_14y6r_1",Q="_breadcrumbs_12jx5_1 _ds-breadcrumbs_14y6r_1",R="_badge_12jx5_1",G="_avatar_12jx5_1 _ds-avatar_14y6r_1",J="_alert_12jx5_1 _ds-alert_14y6r_1",Z="_body_12jx5_84",r={validation:h,tag:j,tabs:A,table:S,scrollShadow:$,tableChildAdded:M,skeleton:E,popover:C,pagination:T,modal:w,logo:I,link:k,grid:N,flex:L,box:B,input:O,fieldset:D,fieldsetValidationAdded:H,field:P,fieldChildAdded:V,affixes:U,count:W,errorsummary:F,details:z,chip:X,card:Y,info:q,button:K,breadcrumbs:Q,badge:R,avatar:G,alert:J,body:Z},ut=Object.freeze(Object.defineProperty({__proto__:null,affixes:U,alert:J,avatar:G,badge:R,body:Z,box:B,breadcrumbs:Q,button:K,card:Y,chip:X,count:W,default:r,details:z,errorsummary:F,field:P,fieldChildAdded:V,fieldset:D,fieldsetValidationAdded:H,flex:L,grid:N,info:q,input:O,link:k,logo:I,modal:w,pagination:T,popover:C,scrollShadow:$,skeleton:E,table:S,tableChildAdded:M,tabs:A,tag:j,validation:h},Symbol.toStringTag,{value:"Module"})),tt=typeof window<"u"&&typeof document<"u",d={capture:!0,passive:!0};let pt=0;const bt=`${Date.now().toString(36)}${Math.random().toString(36).slice(2,5)}`;function g(t){return t.id||(t.id=`${bt}${++pt}`),t.id}const et=(t,e,n)=>{for(const s of n[0].split(","))n[0]=s,Element.prototype[`${t}EventListener`].apply(e,n)},u=(t,...e)=>et("add",t,e),p=(t,...e)=>et("remove",t,e),v=(t,e)=>{let n=0;const s=o=>{o.animationName===t&&(cancelAnimationFrame(n),n=requestAnimationFrame(e))};return{observe:o=>u(o,"animationend",s,d),disconnect:o=>p(o,"animationstart",s,d)}},y=t=>t instanceof HTMLElement&&"validity"in t&&!(t instanceof HTMLButtonElement),gt=r.field.split(" ")[0],ot=r.validation.split(" "),mt=ot[0],nt=new WeakMap;function vt(t){for(const e of t){const n=[],s=[];let o=null,a=!0;for(const i of e.getElementsByTagName("*"))i instanceof HTMLLabelElement?n.push(i):y(i)?o=i:i.classList.contains(mt)?(a=i.getAttribute("data-color")==="success",s.unshift(g(i))):i instanceof HTMLParagraphElement&&s.push(g(i));if(o)for(const i of n)i.htmlFor=g(o);o&&it(o),o==null||o.setAttribute("aria-describedby",s.join(" ")),o==null||o.setAttribute("aria-invalid",`${!a}`)}}function st({target:t}){y(t)&&it(t)}function it(t){const e=t==null?void 0:t.nextElementSibling,n=e==null?void 0:e.getAttribute("data-count");if(e&&n){const s=Number(n)-t.value.length,o=s<0;if(e.getAttribute("aria-live")==="polite"!==o){e.setAttribute("aria-live",o?"polite":"off");for(const i of ot)e.classList.toggle(i,o)}e.textContent=`${Math.abs(s)} tegn ${o?"for mye":"igjen"}`}}function yt(t){const e=t.getElementsByClassName(gt),n=v(r.fieldChildAdded,()=>vt(e));nt.set(t,n),n.observe(t),u(t,"input",st,d)}function xt(t){var e;(e=nt.get(t))==null||e.disconnect(t),p(t,"input",st,d)}const ht=r.fieldset.split(" ")[0],jt=r.validation.split(" ")[0],at=new WeakMap;function At(t){for(const e of t){const n=[];let s="";for(const o of e.getElementsByTagName("*"))o.classList.contains(jt)?s=g(o):y(o)&&n.push(o);if(s)for(const o of n)o.setAttribute("aria-describedby",s),o.setAttribute("aria-invalid","true")}}function St(t){const e=t.getElementsByClassName(ht),n=v(r.fieldsetValidationAdded,()=>At(e));at.set(t,n),n.observe(t)}function $t(t){var e;(e=at.get(t))==null||e.disconnect(t)}function Mt(t){u(t,"click",ct),u(t,"toggle",dt,d)}function Et(t){p(t,"click",ct),p(t,"toggle",dt,d)}const Ct=r.popover.split(" ")[0],l=tt?document.createElement("div"):null;l&&(l.style.cssText="position:absolute;padding:1px");function dt({target:t,newState:e}){var o;const s=e==="open"&&t instanceof HTMLElement&&t.classList.contains(Ct)&&((o=t.getRootNode())==null?void 0:o.querySelector(`[popovertarget="${t.id}"]`));if(s){const a=t.getAttribute("data-position")==="over",i=()=>Tt(s,t,a),_=({newState:f})=>{f!=="open"&&(p(document,"DOMContentReady",i,d),p(t,"toggle",_,d),p(window,"load,resize,scroll",i,d),l==null||l.remove())};document.body.append(l||""),document.fonts.ready.then(i),u(window,"load,resize,scroll",i,d),u(document,"DOMContentReady",i,d),u(t,"toggle",_,d)}}function ct({target:t}){var n;const e=t instanceof Element&&t.closest("a[popovertarget]");if(e){const s=e.getRootNode(),o=(n=s.getElementById)==null?void 0:n.call(s,e.getAttribute("popovertarget")||""),a=e.getAttribute("popovertargetaction")||"toggle";o==null||o.togglePopover(a==="show"||(a==="hide"?!1:void 0))}}function Tt(t,e,n=!1){const{innerWidth:s,innerHeight:o,scrollY:a,scrollX:i}=window,{offsetWidth:_,offsetHeight:f}=e;let _t=-i,m=-a,c=t;do _t+=(c==null?void 0:c.offsetLeft)||0,m+=(c==null?void 0:c.offsetTop)||0,c=(c==null?void 0:c.offsetParent)||null;while(c);const x=m+((t==null?void 0:t.offsetHeight)||0),Dt=x+f<o,Ht=m-f>0,ft=!n&&Dt||!Ht,Pt=ft?a+x+f+30:0;e.style.left=`${Math.round(Math.min(Math.max(10,_t),s-_-10))}px`,e.style.top=`${Math.round(ft?x:m-f)}px`,l==null||l.style.setProperty("top",`${Math.round(Pt)}px`)}const wt=r.table.split(" ")[0],rt=new WeakMap;function It(t){var e,n;for(const s of t)if(s instanceof HTMLTableElement){const o=Array.from(((n=(e=s.tHead)==null?void 0:e.rows[0])==null?void 0:n.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 _ of i.cells)_.setAttribute("data-th",o[_.cellIndex]||":empty")}}function kt(t){const e=t.getElementsByClassName(wt),n=v(r.tableChildAdded,()=>It(e));rt.set(t,n),n.observe(t)}function Nt(t){var e;(e=rt.get(t))==null||e.disconnect(t)}const Lt=(t,e,n)=>{const s=(n-1)/2,o=Math.min(Math.max(t-Math.floor(s),1),e-n+1),a=Math.min(Math.max(t+Math.ceil(s),n),e),i=Array.from({length:a+1-o},(_,f)=>f+o);return n>4&&o>1&&i.splice(0,2,1,0),n>3&&a<e&&i.splice(-2,2,0,e),i},Bt=({current:t=1,total:e=10,show:n=7})=>({prev:t>1?t-1:0,next:t<e?t+1:0,pages:Lt(t,e,n).map((s,o)=>({current:s===t&&"page",key:`key-${s}-${o}`,page:s}))});tt&&lt(document);function lt(t){yt(t),St(t),Mt(t),kt(t)}function Ot(t){xt(t),$t(t),Et(t),Nt(t)}return b.observe=lt,b.pagination=Bt,b.styles=ut,b.unobserve=Ot,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"}),b}({});
+var mtds=function(p){"use strict";const k="_validation_ub4hk_1 _ds-validation-message_14y6r_1",A="_tag_ub4hk_1 _ds-tag_14y6r_1",S="_tabs_ub4hk_1",$="_table_ub4hk_1 _ds-table_14y6r_1",M="_scrollShadow_ub4hk_1",E="_tableChildAdded_ub4hk_1",C="_skeleton_ub4hk_1 _ds-skeleton_14y6r_1",T="_popover_ub4hk_1",w="_pagination_ub4hk_1 _ds-pagination_14y6r_1",I="_modal_ub4hk_1 _ds-modal_14y6r_1",x="_logo_ub4hk_1 _ds-focus_14y6r_1",N="_link_ub4hk_1",L="_grid_ub4hk_1",B="_flex_ub4hk_1",O="_box_ub4hk_1",D="_input_ub4hk_1 _ds-input_14y6r_1",H="_fieldset_ub4hk_1 _ds-fieldset_14y6r_1",P="_fieldsetValidationAdded_ub4hk_1",V="_field_ub4hk_1 _ds-field_14y6r_1",U="_fieldChildAdded_ub4hk_1",W="_affixes_ub4hk_1 _ds-field-affixes_14y6r_1",j="_count_ub4hk_1",F="_errorsummary_ub4hk_1 _ds-error-summary_14y6r_1",z="_details_ub4hk_1 _ds-details_14y6r_1",X="_chip_ub4hk_1 _ds-chip_14y6r_1",Y="_card_ub4hk_1",q="_info_ub4hk_1",K="_button_ub4hk_1 _ds-button_14y6r_1",Q="_breadcrumbs_ub4hk_1 _ds-breadcrumbs_14y6r_1",R="_badge_ub4hk_1",G="_avatar_ub4hk_1 _ds-avatar_14y6r_1",J="_alert_ub4hk_1 _ds-alert_14y6r_1",Z="_body_ub4hk_99",r={validation:k,tag:A,tabs:S,table:$,scrollShadow:M,tableChildAdded:E,skeleton:C,popover:T,pagination:w,modal:I,logo:x,link:N,grid:L,flex:B,box:O,input:D,fieldset:H,fieldsetValidationAdded:P,field:V,fieldChildAdded:U,affixes:W,count:j,errorsummary:F,details:z,chip:X,card:Y,info:q,button:K,breadcrumbs:Q,badge:R,avatar:G,alert:J,body:Z},bt=Object.freeze(Object.defineProperty({__proto__:null,affixes:W,alert:J,avatar:G,badge:R,body:Z,box:O,breadcrumbs:Q,button:K,card:Y,chip:X,count:j,default:r,details:z,errorsummary:F,field:V,fieldChildAdded:U,fieldset:H,fieldsetValidationAdded:P,flex:B,grid:L,info:q,input:D,link:N,logo:x,modal:I,pagination:w,popover:T,scrollShadow:M,skeleton:C,table:$,tableChildAdded:E,tabs:S,tag:A,validation:k},Symbol.toStringTag,{value:"Module"})),tt=typeof window<"u"&&typeof document<"u",d={capture:!0,passive:!0};let pt=0;const gt=`${Date.now().toString(36)}${Math.random().toString(36).slice(2,5)}`;function g(t){return t.id||(t.id=`${gt}${++pt}`),t.id}const et=(t,e,n)=>{for(const s of n[0].split(","))n[0]=s,Element.prototype[`${t}EventListener`].apply(e,n)},u=(t,...e)=>et("add",t,e),b=(t,...e)=>et("remove",t,e),m=(t,e)=>{let n=0;const s=o=>{o.animationName===t&&(cancelAnimationFrame(n),n=requestAnimationFrame(e))};return{observe:o=>u(o,"animationend",s,d),disconnect:o=>b(o,"animationstart",s,d)}},y=t=>t instanceof HTMLElement&&"validity"in t&&!(t instanceof HTMLButtonElement),ht=r.field.split(" ")[0],ot=r.validation.split(" "),mt=ot[0],nt=new WeakMap;function yt(t){for(const e of t){const n=[],s=[];let o=null,a=!0;for(const i of e.getElementsByTagName("*"))i instanceof HTMLLabelElement?n.push(i):y(i)?o=i:i.classList.contains(mt)?(a=i.getAttribute("data-color")==="success",s.unshift(g(i))):i instanceof HTMLParagraphElement&&s.push(g(i));if(o)for(const i of n)i.htmlFor=g(o);o&&it(o),o==null||o.setAttribute("aria-describedby",s.join(" ")),o==null||o.setAttribute("aria-invalid",`${!a}`)}}function st({target:t}){y(t)&&it(t)}function it(t){const e=t==null?void 0:t.nextElementSibling,n=e==null?void 0:e.getAttribute("data-count");if(e&&n){const s=Number(n)-t.value.length,o=s<0;if(e.getAttribute("aria-live")==="polite"!==o){e.setAttribute("aria-live",o?"polite":"off");for(const i of ot)e.classList.toggle(i,o)}e.textContent=`${Math.abs(s)} tegn ${o?"for mye":"igjen"}`}}function vt(t){const e=t.getElementsByClassName(ht),n=m(r.fieldChildAdded,()=>yt(e));nt.set(t,n),n.observe(t),u(t,"input",st,d)}function kt(t){var e;(e=nt.get(t))==null||e.disconnect(t),b(t,"input",st,d)}const At=r.fieldset.split(" ")[0],St=r.validation.split(" ")[0],at=new WeakMap;function $t(t){for(const e of t){const n=[];let s="";for(const o of e.getElementsByTagName("*"))o.classList.contains(St)?s=g(o):y(o)&&n.push(o);if(s)for(const o of n)o.setAttribute("aria-describedby",s),o.setAttribute("aria-invalid","true")}}function Mt(t){const e=t.getElementsByClassName(At),n=m(r.fieldsetValidationAdded,()=>$t(e));at.set(t,n),n.observe(t)}function Et(t){var e;(e=at.get(t))==null||e.disconnect(t)}function Ct(t){u(t,"click",rt),u(t,"toggle",ct,d)}function Tt(t){b(t,"click",rt),b(t,"toggle",ct,d)}const dt=r.popover.split(" ")[0],l=tt?document.createElement("div"):null;l&&(l.style.cssText="position:absolute;padding:1px");function ct({target:t,newState:e}){var o;const s=e==="open"&&t instanceof HTMLElement&&t.classList.contains(dt)&&((o=t.getRootNode())==null?void 0:o.querySelector(`[popovertarget="${t.id}"]`));if(s){const a=t.getAttribute("data-position")==="over",i=()=>wt(s,t,a),_=({newState:f})=>{f!=="open"&&(b(document,"DOMContentReady",i,d),b(t,"toggle",_,d),b(window,"load,resize,scroll",i,d),l==null||l.remove())};document.body.append(l||""),document.fonts.ready.then(i),u(window,"load,resize,scroll",i,d),u(document,"DOMContentReady",i,d),u(t,"toggle",_,d)}}function rt(t){var n;const e=t.target instanceof Element&&t.target.closest("a");if(e){const s=e.getRootNode(),o=((n=s.getElementById)==null?void 0:n.call(s,e.getAttribute("popovertarget")||""))||e.closest(`.${dt}`),a=e.getAttribute("popovertargetaction")||"toggle";t.defaultPrevented||o==null||o.togglePopover(a==="show"||(a==="hide"?!1:void 0))}}function wt(t,e,n=!1){const{innerWidth:s,innerHeight:o,scrollY:a,scrollX:i}=window,{offsetWidth:_,offsetHeight:f}=e;let ft=-i,h=-a,c=t;do ft+=(c==null?void 0:c.offsetLeft)||0,h+=(c==null?void 0:c.offsetTop)||0,c=(c==null?void 0:c.offsetParent)||null;while(c);const v=h+((t==null?void 0:t.offsetHeight)||0),Ht=v+f<o,Pt=h-f>0,ut=!n&&Ht||!Pt,Vt=ut?a+v+f+30:0;e.style.left=`${Math.round(Math.min(Math.max(10,ft),s-_-10))}px`,e.style.top=`${Math.round(ut?v:h-f)}px`,l==null||l.style.setProperty("top",`${Math.round(Vt)}px`)}const It=r.table.split(" ")[0],lt=new WeakMap;function xt(t){var e,n;for(const s of t)if(s instanceof HTMLTableElement){const o=Array.from(((n=(e=s.tHead)==null?void 0:e.rows[0])==null?void 0:n.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 _ of i.cells)_.setAttribute("data-th",o[_.cellIndex]||":empty")}}function Nt(t){const e=t.getElementsByClassName(It),n=m(r.tableChildAdded,()=>xt(e));lt.set(t,n),n.observe(t)}function Lt(t){var e;(e=lt.get(t))==null||e.disconnect(t)}const Bt=(t,e,n)=>{const s=(n-1)/2,o=Math.min(Math.max(t-Math.floor(s),1),e-n+1),a=Math.min(Math.max(t+Math.ceil(s),n),e),i=Array.from({length:a+1-o},(_,f)=>f+o);return n>4&&o>1&&i.splice(0,2,1,0),n>3&&a<e&&i.splice(-2,2,0,e),i},Ot=({current:t=1,total:e=10,show:n=7})=>({prev:t>1?t-1:0,next:t<e?t+1:0,pages:Bt(t,e,n).map((s,o)=>({current:s===t&&"page",key:`key-${s}-${o}`,page:s}))});tt&&_t(document);function _t(t){vt(t),Mt(t),Ct(t),Nt(t)}function Dt(t){kt(t),Et(t),Tt(t),Lt(t)}return p.observe=_t,p.pagination=Ot,p.styles=bt,p.unobserve=Dt,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"}),p}({});
 //# 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/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  const queue: MutationRecord[] = [];\n  const observer = new MutationObserver((mutations) => {\n    if (!queue[0]) requestAnimationFrame(process);\n    queue.push(...mutations);\n  });\n\n  const process = () => {\n    callback(queue, observer);\n    queue.length = 0; // Reset queue\n  };\n\n  return observer;\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.prototype[`${action}EventListener`].apply(element, 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 * Child added event inspired by:\n * https://davidwalsh.name/detect-node-insertion\n */\nexport const onAdd = (animationName: string, callback: () => void) => {\n  let timer: ReturnType<typeof requestAnimationFrame> | number = 0;\n  const onAnimation = (event: Event & { animationName?: string }) => {\n    if (event.animationName === animationName) {\n      cancelAnimationFrame(timer);\n      timer = requestAnimationFrame(callback);\n    }\n  };\n\n\treturn {\n\t\tobserve: (el: Element | Document, ) => on(el, 'animationend', onAnimation, QUICK_EVENT),\n\t\tdisconnect: (el: Element | Document, ) => off(el, 'animationstart', onAnimation, QUICK_EVENT)\n\t};\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\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: string | boolean;\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?: \"\" | \"auto\" | \"manual\" | undefined;\n\t\t}\n\t}\n}","import styles from '../styles.module.css';\nimport { QUICK_EVENT, isInputLike, off, on, onAdd, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\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 | Document) {\n  const fields = el.getElementsByClassName(CSS_FIELD);\n  const add = onAdd(styles.fieldChildAdded, () => renderAria(fields));\n  BOUND.set(el, add);\n  add.observe(el);\n  on(el, 'input', handleInput, QUICK_EVENT);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n  off(el, 'input', handleInput, QUICK_EVENT);\n}\n","import styles from '../styles.module.css';\nimport { isInputLike, onAdd, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\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 function observe (el: Element | Document) {\n  const fields = el.getElementsByClassName(CSS_FIELDSET);\n  const add = onAdd(styles.fieldsetValidationAdded, () => process(fields));\n  BOUND.set(el, add);\n  add.observe(el);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n}\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}\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\ntype Toggle = Event & { newState?: string };\nconst CSS_POPOVER = styles.popover.split(' ')[0];\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nif (SCROLLER) SCROLLER.style.cssText = 'position:absolute;padding:1px';\n\nfunction handleToggle ({ target: el, newState }: Toggle){\n  const isPopping = newState === 'open' && el instanceof HTMLElement && el.classList.contains(CSS_POPOVER);\n  const anchor = isPopping && (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n\n  if (anchor) {\n    const isOver = el.getAttribute('data-position') === 'over';\n    const update = () => place(anchor, el, isOver);\n    const removeEvent = ({ newState }: Toggle) => {\n      if (newState === 'open') return;\n      off(document, 'DOMContentReady', update, QUICK_EVENT);\n      off(el, 'toggle', removeEvent, QUICK_EVENT);\n      off(window, 'load,resize,scroll', update, QUICK_EVENT);\n      SCROLLER?.remove();\n    }\n\n    document.body.append(SCROLLER || '');\n    document.fonts.ready.then(update); // Inital render and when fonts load\n    on(window, 'load,resize,scroll', update, QUICK_EVENT);\n    on(document, 'DOMContentReady', update, QUICK_EVENT);\n    on(el, 'toggle', removeEvent, QUICK_EVENT);\n  }\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\nfunction handleLinkClick ({ target }: Event){\n  const el = target instanceof Element && target.closest('a[popovertarget]');\n\n  if (el) {\n    const root = el.getRootNode() as ShadowRoot;\n    const target = root.getElementById?.(el.getAttribute('popovertarget') || '');\n    const action = el.getAttribute('popovertargetaction') || 'toggle';\n\n    target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}\n\nfunction place (anchor: HTMLElement | null, poppe: HTMLElement, isOver = false) {\n  const { innerWidth: winW, innerHeight: winH, scrollY: winY, scrollX: winX } = window;\n  const { offsetWidth: popperW, offsetHeight: popperH } = poppe;\n  let anchorX = -winX;\n  let anchorY = -winY;\n  let el = anchor;\n\n  do {\n    anchorX += el?.offsetLeft || 0;\n    anchorY += el?.offsetTop || 0;\n    el = (el?.offsetParent || null) as HTMLElement | null;\n  } while (el);\n\n  const anchorBottom = anchorY + (anchor?.offsetHeight || 0);\n  const hasSpaceUnder = anchorBottom + popperH < winH;\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 ? winY + anchorBottom + popperH + 30 : 0\n\n  poppe.style.left = `${Math.round(Math.min(Math.max(10, anchorX), winW - popperW - 10))}px`\n  poppe.style.top = `${Math.round(placeUnder ? anchorBottom : anchorY - popperH)}px`\n  SCROLLER?.style.setProperty('top', `${Math.round(scroll)}px`);\n}\n","import styles from '../styles.module.css';\nimport { onAdd } from '../utils';\nconst CSS_TABLE = styles.table.split(' ')[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\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 function observe (el: Element | Document) {\n  const tables = el.getElementsByClassName(CSS_TABLE);\n  const add = onAdd(styles.tableChildAdded, () => process(tables));\n  BOUND.set(el, add);\n  add.observe(el);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n}\n","const getSteps = (now: number, max: number, show: number) => {\n  const offset = (show - 1) / 2;\n  const start = Math.min(Math.max(now - Math.floor(offset), 1), max - show + 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) observe(document); // Automatic observe on browser\n\nexport function observe(el: Element | Document) {\n  field.observe(el);\n  fieldset.observe(el);\n  popover.observe(el);\n  table.observe(el);\n}\n\nexport function unobserve(el: Element | Document) {\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","onAdd","animationName","callback","timer","onAnimation","event","isInputLike","CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","BOUND","renderAria","fields","field","labels","descs","input","valid","label","handleInput","target","renderCounter","limit","remainder","nextInvalid","css","observe","add","unobserve","CSS_FIELDSET","process","fieldsets","fieldset","inputs","validationId","handleLinkClick","handleToggle","CSS_POPOVER","SCROLLER","newState","anchor","_a","isOver","update","place","removeEvent","root","poppe","winW","winH","winY","winX","popperW","popperH","anchorX","anchorY","anchorBottom","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","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/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/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  const queue: MutationRecord[] = [];\n  const observer = new MutationObserver((mutations) => {\n    if (!queue[0]) requestAnimationFrame(process);\n    queue.push(...mutations);\n  });\n\n  const process = () => {\n    callback(queue, observer);\n    queue.length = 0; // Reset queue\n  };\n\n  return observer;\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.prototype[`${action}EventListener`].apply(element, 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 * Child added event inspired by:\n * https://davidwalsh.name/detect-node-insertion\n */\nexport const onAdd = (animationName: string, callback: () => void) => {\n  let timer: ReturnType<typeof requestAnimationFrame> | number = 0;\n  const onAnimation = (event: Event & { animationName?: string }) => {\n    if (event.animationName === animationName) {\n      cancelAnimationFrame(timer);\n      timer = requestAnimationFrame(callback);\n    }\n  };\n\n\treturn {\n\t\tobserve: (el: Element | Document, ) => on(el, 'animationend', onAnimation, QUICK_EVENT),\n\t\tdisconnect: (el: Element | Document, ) => off(el, 'animationstart', onAnimation, QUICK_EVENT)\n\t};\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\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: string | boolean;\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?: \"\" | \"auto\" | \"manual\" | undefined;\n\t\t}\n\t}\n}","import styles from '../styles.module.css';\nimport { QUICK_EVENT, isInputLike, off, on, onAdd, useId } from '../utils';\n\nconst CSS_FIELD = styles.field.split(' ')[0];\nconst CSS_VALIDATIONS = styles.validation.split(' ');\nconst CSS_VALIDATION = CSS_VALIDATIONS[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\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 | Document) {\n  const fields = el.getElementsByClassName(CSS_FIELD);\n  const add = onAdd(styles.fieldChildAdded, () => renderAria(fields));\n  BOUND.set(el, add);\n  add.observe(el);\n  on(el, 'input', handleInput, QUICK_EVENT);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n  off(el, 'input', handleInput, QUICK_EVENT);\n}\n","import styles from '../styles.module.css';\nimport { isInputLike, onAdd, useId } from '../utils';\nconst CSS_FIELDSET = styles.fieldset.split(' ')[0];\nconst CSS_VALIDATION = styles.validation.split(' ')[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\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 function observe (el: Element | Document) {\n  const fields = el.getElementsByClassName(CSS_FIELDSET);\n  const add = onAdd(styles.fieldsetValidationAdded, () => process(fields));\n  BOUND.set(el, add);\n  add.observe(el);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n}\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}\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\ntype Toggle = Event & { newState?: string };\nconst CSS_POPOVER = styles.popover.split(' ')[0];\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nif (SCROLLER) SCROLLER.style.cssText = 'position:absolute;padding:1px';\n\nfunction handleToggle ({ target: el, newState }: Toggle){\n  const isPopping = newState === 'open' && el instanceof HTMLElement && el.classList.contains(CSS_POPOVER);\n  const anchor = isPopping && (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n\n  if (anchor) {\n    const isOver = el.getAttribute('data-position') === 'over';\n    const update = () => place(anchor, el, isOver);\n    const removeEvent = ({ newState }: Toggle) => {\n      if (newState === 'open') return;\n      off(document, 'DOMContentReady', update, QUICK_EVENT);\n      off(el, 'toggle', removeEvent, QUICK_EVENT);\n      off(window, 'load,resize,scroll', update, QUICK_EVENT);\n      SCROLLER?.remove();\n    }\n\n    document.body.append(SCROLLER || '');\n    document.fonts.ready.then(update); // Inital render and when fonts load\n    on(window, 'load,resize,scroll', update, QUICK_EVENT);\n    on(document, 'DOMContentReady', update, QUICK_EVENT);\n    on(el, 'toggle', removeEvent, QUICK_EVENT);\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 (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    if (!event.defaultPrevented) target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}\n\nfunction place (anchor: HTMLElement | null, poppe: HTMLElement, isOver = false) {\n  const { innerWidth: winW, innerHeight: winH, scrollY: winY, scrollX: winX } = window;\n  const { offsetWidth: popperW, offsetHeight: popperH } = poppe;\n  let anchorX = -winX;\n  let anchorY = -winY;\n  let el = anchor;\n\n  do {\n    anchorX += el?.offsetLeft || 0;\n    anchorY += el?.offsetTop || 0;\n    el = (el?.offsetParent || null) as HTMLElement | null;\n  } while (el);\n\n  const anchorBottom = anchorY + (anchor?.offsetHeight || 0);\n  const hasSpaceUnder = anchorBottom + popperH < winH;\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 ? winY + anchorBottom + popperH + 30 : 0\n\n  poppe.style.left = `${Math.round(Math.min(Math.max(10, anchorX), winW - popperW - 10))}px`\n  poppe.style.top = `${Math.round(placeUnder ? anchorBottom : anchorY - popperH)}px`\n  SCROLLER?.style.setProperty('top', `${Math.round(scroll)}px`);\n}\n","import styles from '../styles.module.css';\nimport { onAdd } from '../utils';\nconst CSS_TABLE = styles.table.split(' ')[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\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 function observe (el: Element | Document) {\n  const tables = el.getElementsByClassName(CSS_TABLE);\n  const add = onAdd(styles.tableChildAdded, () => process(tables));\n  BOUND.set(el, add);\n  add.observe(el);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n}\n","const getSteps = (now: number, max: number, show: number) => {\n  const offset = (show - 1) / 2;\n  const start = Math.min(Math.max(now - Math.floor(offset), 1), max - show + 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) observe(document); // Automatic observe on browser\n\nexport function observe(el: Element | Document) {\n  field.observe(el);\n  fieldset.observe(el);\n  popover.observe(el);\n  table.observe(el);\n}\n\nexport function unobserve(el: Element | Document) {\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","onAdd","animationName","callback","timer","onAnimation","event","isInputLike","CSS_FIELD","styles","CSS_VALIDATIONS","CSS_VALIDATION","BOUND","renderAria","fields","field","labels","descs","input","valid","label","handleInput","target","renderCounter","limit","remainder","nextInvalid","css","observe","add","unobserve","CSS_FIELDSET","process","fieldsets","fieldset","inputs","validationId","handleLinkClick","handleToggle","CSS_POPOVER","SCROLLER","newState","anchor","_a","isOver","update","place","removeEvent","link","root","poppe","winW","winH","winY","winX","popperW","popperH","anchorX","anchorY","anchorBottom","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","field.observe","fieldset.observe","popover.observe","table.observe","field.unobserve","fieldset.unobserve","popover.unobserve","table.unobserve"],"mappings":"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"}

package/mtds/logo/logo.stories.d.ts

@@ -5,4 +5,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Sizes: Story;
 export declare const English: Story;

package/mtds/popover/popover.js

@@ -1,42 +1,42 @@
-import P from "../styles.module.css.js";
-import { IS_BROWSER as E, on as d, QUICK_EVENT as c, off as f } from "../utils.js";
-function k(t) {
-  d(t, "click", y), d(t, "toggle", w, c);
+import E from "../styles.module.css.js";
+import { IS_BROWSER as H, on as p, QUICK_EVENT as c, off as f } from "../utils.js";
+function W(t) {
+  p(t, "click", M), p(t, "toggle", y, c);
 }
-function O(t) {
-  f(t, "click", y), f(t, "toggle", w, c);
+function $(t) {
+  f(t, "click", M), f(t, "toggle", y, c);
 }
-const H = P.popover.split(" ")[0], n = E ? document.createElement("div") : null;
+const w = E.popover.split(" ")[0], n = H ? document.createElement("div") : null;
 n && (n.style.cssText = "position:absolute;padding:1px");
-function w({ target: t, newState: e }) {
+function y({ target: t, newState: o }) {
   var i;
-  const s = e === "open" && t instanceof HTMLElement && t.classList.contains(H) && ((i = t.getRootNode()) == null ? void 0 : i.querySelector(`[popovertarget="${t.id}"]`));
+  const s = o === "open" && t instanceof HTMLElement && t.classList.contains(w) && ((i = t.getRootNode()) == null ? void 0 : i.querySelector(`[popovertarget="${t.id}"]`));
   if (s) {
-    const r = t.getAttribute("data-position") === "over", a = () => S(s, t, r), g = ({ newState: p }) => {
-      p !== "open" && (f(document, "DOMContentReady", a, c), f(t, "toggle", g, c), f(window, "load,resize,scroll", a, c), n == null || n.remove());
+    const r = t.getAttribute("data-position") === "over", a = () => k(s, t, r), g = ({ newState: l }) => {
+      l !== "open" && (f(document, "DOMContentReady", a, c), f(t, "toggle", g, c), f(window, "load,resize,scroll", a, c), n == null || n.remove());
     };
-    document.body.append(n || ""), document.fonts.ready.then(a), d(window, "load,resize,scroll", a, c), d(document, "DOMContentReady", a, c), d(t, "toggle", g, c);
+    document.body.append(n || ""), document.fonts.ready.then(a), p(window, "load,resize,scroll", a, c), p(document, "DOMContentReady", a, c), p(t, "toggle", g, c);
   }
 }
-function y({ target: t }) {
-  var l;
-  const e = t instanceof Element && t.closest("a[popovertarget]");
-  if (e) {
-    const s = e.getRootNode(), i = (l = s.getElementById) == null ? void 0 : l.call(s, e.getAttribute("popovertarget") || ""), r = e.getAttribute("popovertargetaction") || "toggle";
-    i == null || i.togglePopover(r === "show" || (r === "hide" ? !1 : void 0));
+function M(t) {
+  var d;
+  const o = t.target instanceof Element && t.target.closest("a");
+  if (o) {
+    const s = o.getRootNode(), i = ((d = s.getElementById) == null ? void 0 : d.call(s, o.getAttribute("popovertarget") || "")) || o.closest(`.${w}`), r = o.getAttribute("popovertargetaction") || "toggle";
+    t.defaultPrevented || i == null || i.togglePopover(r === "show" || (r === "hide" ? !1 : void 0));
   }
 }
-function S(t, e, l = !1) {
-  const { innerWidth: s, innerHeight: i, scrollY: r, scrollX: a } = window, { offsetWidth: g, offsetHeight: p } = e;
-  let h = -a, u = -r, o = t;
+function k(t, o, d = !1) {
+  const { innerWidth: s, innerHeight: i, scrollY: r, scrollX: a } = window, { offsetWidth: g, offsetHeight: l } = o;
+  let h = -a, u = -r, e = t;
   do
-    h += (o == null ? void 0 : o.offsetLeft) || 0, u += (o == null ? void 0 : o.offsetTop) || 0, o = (o == null ? void 0 : o.offsetParent) || null;
-  while (o);
-  const m = u + ((t == null ? void 0 : t.offsetHeight) || 0), M = m + p < i, b = u - p > 0, v = !l && M || !b, x = v ? r + m + p + 30 : 0;
-  e.style.left = `${Math.round(Math.min(Math.max(10, h), s - g - 10))}px`, e.style.top = `${Math.round(v ? m : u - p)}px`, n == null || n.style.setProperty("top", `${Math.round(x)}px`);
+    h += (e == null ? void 0 : e.offsetLeft) || 0, u += (e == null ? void 0 : e.offsetTop) || 0, e = (e == null ? void 0 : e.offsetParent) || null;
+  while (e);
+  const m = u + ((t == null ? void 0 : t.offsetHeight) || 0), P = m + l < i, b = u - l > 0, v = !d && P || !b, x = v ? r + m + l + 30 : 0;
+  o.style.left = `${Math.round(Math.min(Math.max(10, h), s - g - 10))}px`, o.style.top = `${Math.round(v ? m : u - l)}px`, n == null || n.style.setProperty("top", `${Math.round(x)}px`);
 }
 export {
-  k as observe,
-  O as unobserve
+  W as observe,
+  $ 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}\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\ntype Toggle = Event & { newState?: string };\nconst CSS_POPOVER = styles.popover.split(' ')[0];\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nif (SCROLLER) SCROLLER.style.cssText = 'position:absolute;padding:1px';\n\nfunction handleToggle ({ target: el, newState }: Toggle){\n  const isPopping = newState === 'open' && el instanceof HTMLElement && el.classList.contains(CSS_POPOVER);\n  const anchor = isPopping && (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n\n  if (anchor) {\n    const isOver = el.getAttribute('data-position') === 'over';\n    const update = () => place(anchor, el, isOver);\n    const removeEvent = ({ newState }: Toggle) => {\n      if (newState === 'open') return;\n      off(document, 'DOMContentReady', update, QUICK_EVENT);\n      off(el, 'toggle', removeEvent, QUICK_EVENT);\n      off(window, 'load,resize,scroll', update, QUICK_EVENT);\n      SCROLLER?.remove();\n    }\n\n    document.body.append(SCROLLER || '');\n    document.fonts.ready.then(update); // Inital render and when fonts load\n    on(window, 'load,resize,scroll', update, QUICK_EVENT);\n    on(document, 'DOMContentReady', update, QUICK_EVENT);\n    on(el, 'toggle', removeEvent, QUICK_EVENT);\n  }\n}\n\n// Polyfill popovertarget for <a> (not supported by native)\nfunction handleLinkClick ({ target }: Event){\n  const el = target instanceof Element && target.closest('a[popovertarget]');\n\n  if (el) {\n    const root = el.getRootNode() as ShadowRoot;\n    const target = root.getElementById?.(el.getAttribute('popovertarget') || '');\n    const action = el.getAttribute('popovertargetaction') || 'toggle';\n\n    target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}\n\nfunction place (anchor: HTMLElement | null, poppe: HTMLElement, isOver = false) {\n  const { innerWidth: winW, innerHeight: winH, scrollY: winY, scrollX: winX } = window;\n  const { offsetWidth: popperW, offsetHeight: popperH } = poppe;\n  let anchorX = -winX;\n  let anchorY = -winY;\n  let el = anchor;\n\n  do {\n    anchorX += el?.offsetLeft || 0;\n    anchorY += el?.offsetTop || 0;\n    el = (el?.offsetParent || null) as HTMLElement | null;\n  } while (el);\n\n  const anchorBottom = anchorY + (anchor?.offsetHeight || 0);\n  const hasSpaceUnder = anchorBottom + popperH < winH;\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 ? winY + anchorBottom + popperH + 30 : 0\n\n  poppe.style.left = `${Math.round(Math.min(Math.max(10, anchorX), winW - popperW - 10))}px`\n  poppe.style.top = `${Math.round(placeUnder ? anchorBottom : anchorY - popperH)}px`\n  SCROLLER?.style.setProperty('top', `${Math.round(scroll)}px`);\n}\n"],"names":["observe","el","on","handleLinkClick","handleToggle","QUICK_EVENT","unobserve","off","CSS_POPOVER","styles","SCROLLER","IS_BROWSER","newState","anchor","_a","isOver","update","place","removeEvent","target","root","action","poppe","winW","winH","winY","winX","popperW","popperH","anchorX","anchorY","anchorBottom","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 { 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}\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\ntype Toggle = Event & { newState?: string };\nconst CSS_POPOVER = styles.popover.split(' ')[0];\nconst SCROLLER = IS_BROWSER ? document.createElement('div') : null // Used to ensure we have scrollability under\nif (SCROLLER) SCROLLER.style.cssText = 'position:absolute;padding:1px';\n\nfunction handleToggle ({ target: el, newState }: Toggle){\n  const isPopping = newState === 'open' && el instanceof HTMLElement && el.classList.contains(CSS_POPOVER);\n  const anchor = isPopping && (el.getRootNode() as ShadowRoot)?.querySelector<HTMLElement>(`[popovertarget=\"${el.id}\"]`);\n\n  if (anchor) {\n    const isOver = el.getAttribute('data-position') === 'over';\n    const update = () => place(anchor, el, isOver);\n    const removeEvent = ({ newState }: Toggle) => {\n      if (newState === 'open') return;\n      off(document, 'DOMContentReady', update, QUICK_EVENT);\n      off(el, 'toggle', removeEvent, QUICK_EVENT);\n      off(window, 'load,resize,scroll', update, QUICK_EVENT);\n      SCROLLER?.remove();\n    }\n\n    document.body.append(SCROLLER || '');\n    document.fonts.ready.then(update); // Inital render and when fonts load\n    on(window, 'load,resize,scroll', update, QUICK_EVENT);\n    on(document, 'DOMContentReady', update, QUICK_EVENT);\n    on(el, 'toggle', removeEvent, QUICK_EVENT);\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 (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    if (!event.defaultPrevented) target?.togglePopover(action === 'show' || (action === 'hide' ? false : undefined));\n  }\n}\n\nfunction place (anchor: HTMLElement | null, poppe: HTMLElement, isOver = false) {\n  const { innerWidth: winW, innerHeight: winH, scrollY: winY, scrollX: winX } = window;\n  const { offsetWidth: popperW, offsetHeight: popperH } = poppe;\n  let anchorX = -winX;\n  let anchorY = -winY;\n  let el = anchor;\n\n  do {\n    anchorX += el?.offsetLeft || 0;\n    anchorY += el?.offsetTop || 0;\n    el = (el?.offsetParent || null) as HTMLElement | null;\n  } while (el);\n\n  const anchorBottom = anchorY + (anchor?.offsetHeight || 0);\n  const hasSpaceUnder = anchorBottom + popperH < winH;\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 ? winY + anchorBottom + popperH + 30 : 0\n\n  poppe.style.left = `${Math.round(Math.min(Math.max(10, anchorX), winW - popperW - 10))}px`\n  poppe.style.top = `${Math.round(placeUnder ? anchorBottom : anchorY - popperH)}px`\n  SCROLLER?.style.setProperty('top', `${Math.round(scroll)}px`);\n}\n"],"names":["observe","el","on","handleLinkClick","handleToggle","QUICK_EVENT","unobserve","off","CSS_POPOVER","styles","SCROLLER","IS_BROWSER","newState","anchor","_a","isOver","update","place","removeEvent","event","link","root","target","action","poppe","winW","winH","winY","winX","popperW","popperH","anchorX","anchorY","anchorBottom","hasSpaceUnder","hasSpaceOver","placeUnder","scroll"],"mappings":"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"}

package/mtds/popover/popover.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 export declare const Dropdown: Story;
 export declare const Position: Story;
 export declare const WithClose: Story;