@felleslosninger/minid-elements 0.0.115 → 0.0.117

package/dist/mixins/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sources":["../../src/mixins/validators.ts"],"sourcesContent":["import type { FormControlInterface } from '../types/form-control';\nimport type { FormValue } from '../types/form-value';\nimport type { Validator } from '../types/validator.type';\n\nexport const requiredValidator: Validator = {\n  attribute: 'required',\n  key: 'valueMissing',\n  message: 'Please fill out this field',\n  isValid(\n    instance: HTMLElement & { required: boolean },\n    value: FormValue\n  ): boolean {\n    let valid = true;\n\n    if ((instance.hasAttribute('required') || instance.required) && !value) {\n      valid = false;\n    }\n\n    return valid;\n  },\n};\n\nexport const minLengthValidator: Validator = {\n  attribute: 'minlength',\n  key: 'tooShort',\n  message(\n    instance: FormControlInterface & { minlength: number },\n    value: FormValue\n  ): string {\n    const _value = (value as string) || '';\n    return `Please use at least ${instance.minlength} characters (you are currently using ${_value.length} characters).`;\n  },\n  isValid(\n    instance: HTMLElement & { minlength: number },\n    value: string\n  ): boolean {\n    /** If no value is provided, this validator should return true */\n    if (!value) {\n      return true;\n    }\n\n    if (!!value && instance.minlength > value.length) {\n      return false;\n    }\n\n    return true;\n  },\n};\n\nexport const maxLengthValidator: Validator = {\n  attribute: 'maxlength',\n  key: 'tooLong',\n  message(\n    instance: FormControlInterface & { maxLength: number },\n    value: FormValue\n  ): string {\n    const _value = (value as string) || '';\n    return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;\n  },\n  isValid(\n    instance: HTMLElement & { maxLength: number },\n    value: string\n  ): boolean {\n    /** If maxLength isn't set, this is valid */\n    if (!instance.maxLength) {\n      return true;\n    }\n\n    if (!!value && instance.maxLength < value.length) {\n      return false;\n    }\n\n    return true;\n  },\n};\n\nexport const patternValidator: Validator = {\n  attribute: 'pattern',\n  key: 'patternMismatch',\n  message: 'Please match the requested format',\n  isValid(instance: HTMLElement & { pattern: string }, value: string): boolean {\n    /** If no value is provided, this validator should return true */\n    if (!value || !instance.pattern) {\n      return true;\n    }\n\n    const regExp = new RegExp(instance.pattern);\n    return !!regExp.exec(value);\n  },\n};\n"],"names":[],"mappings":"AAIO,MAAM,oBAA+B;AAAA,EAC1C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QACE,UACA,OACS;AACT,QAAI,QAAQ;AAEZ,SAAK,SAAS,aAAa,UAAU,KAAK,SAAS,aAAa,CAAC,OAAO;AAC9D,cAAA;AAAA,IAAA;AAGH,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,uBAAuB,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EACvG;AAAA,EACA,QACE,UACA,OACS;AAET,QAAI,CAAC,OAAO;AACH,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,2BAA2B,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EAC3G;AAAA,EACA,QACE,UACA,OACS;AAEL,QAAA,CAAC,SAAS,WAAW;AAChB,aAAA;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AACzC,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA;AAEX;AAEO,MAAM,mBAA8B;AAAA,EACzC,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ,UAA6C,OAAwB;AAE3E,QAAI,CAAC,SAAS,CAAC,SAAS,SAAS;AACxB,aAAA;AAAA,IAAA;AAGT,UAAM,SAAS,IAAI,OAAO,SAAS,OAAO;AAC1C,WAAO,CAAC,CAAC,OAAO,KAAK,KAAK;AAAA,EAAA;AAE9B;"}
+{"version":3,"file":"validators.js","sources":["../../src/mixins/validators.ts"],"sourcesContent":["import type { FormControlInterface } from '../types/form-control';\nimport type { FormValue } from '../types/form-value';\nimport type { Validator } from '../types/validator.type';\n\nexport const requiredValidator: Validator = {\n  attribute: 'required',\n  key: 'valueMissing',\n  message: 'Please fill out this field',\n  isValid(\n    instance: HTMLElement & { required: boolean },\n    value: FormValue\n  ): boolean {\n    let valid = true;\n\n    if ((instance.hasAttribute('required') || instance.required) && !value) {\n      valid = false;\n    }\n\n    return valid;\n  },\n};\n\nexport const minLengthValidator: Validator = {\n  attribute: 'minlength',\n  key: 'tooShort',\n  message(\n    instance: FormControlInterface & { minlength: number },\n    value: FormValue\n  ): string {\n    const _value = (value as string) || '';\n    return `Please use at least ${instance.minlength} characters (you are currently using ${_value.length} characters).`;\n  },\n  isValid(\n    instance: HTMLElement & { minlength: number },\n    value: string\n  ): boolean {\n    /** If no value is provided, this validator should return true */\n    if (!value) {\n      return true;\n    }\n\n    if (!!value && instance.minlength > value.length) {\n      return false;\n    }\n\n    return true;\n  },\n};\n\nexport const maxLengthValidator: Validator = {\n  attribute: 'maxlength',\n  key: 'tooLong',\n  message(\n    instance: FormControlInterface & { maxLength: number },\n    value: FormValue\n  ): string {\n    const _value = (value as string) || '';\n    return `Please use no more than ${instance.maxLength} characters (you are currently using ${_value.length} characters).`;\n  },\n  isValid(\n    instance: HTMLElement & { maxLength: number },\n    value: string\n  ): boolean {\n    /** If maxLength isn't set, this is valid */\n    if (!instance.maxLength) {\n      return true;\n    }\n\n    if (!!value && instance.maxLength < value.length) {\n      return false;\n    }\n\n    return true;\n  },\n};\n\nexport const patternValidator: Validator = {\n  attribute: 'pattern',\n  key: 'patternMismatch',\n  message: 'Please match the requested format',\n  isValid(instance: HTMLElement & { pattern: string }, value: string): boolean {\n    /** If no value is provided, this validator should return true */\n    if (!value || !instance.pattern) {\n      return true;\n    }\n\n    const regExp = new RegExp(instance.pattern);\n    return !!regExp.exec(value);\n  },\n};\n"],"names":[],"mappings":"AAIO,MAAM,oBAA+B;AAAA,EAC1C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QACE,UACA,OACS;AACT,QAAI,QAAQ;AAEZ,SAAK,SAAS,aAAa,UAAU,KAAK,SAAS,aAAa,CAAC,OAAO;AACtE,cAAQ;AAAA,IAAA;AAGV,WAAO;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,uBAAuB,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EAAA;AAAA,EAEvG,QACE,UACA,OACS;AAET,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AAChD,aAAO;AAAA,IAAA;AAGT,WAAO;AAAA,EAAA;AAEX;AAEO,MAAM,qBAAgC;AAAA,EAC3C,WAAW;AAAA,EACX,KAAK;AAAA,EACL,QACE,UACA,OACQ;AACR,UAAM,SAAU,SAAoB;AACpC,WAAO,2BAA2B,SAAS,SAAS,wCAAwC,OAAO,MAAM;AAAA,EAAA;AAAA,EAE3G,QACE,UACA,OACS;AAET,QAAI,CAAC,SAAS,WAAW;AACvB,aAAO;AAAA,IAAA;AAGT,QAAI,CAAC,CAAC,SAAS,SAAS,YAAY,MAAM,QAAQ;AAChD,aAAO;AAAA,IAAA;AAGT,WAAO;AAAA,EAAA;AAEX;AAEO,MAAM,mBAA8B;AAAA,EACzC,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ,UAA6C,OAAwB;AAE3E,QAAI,CAAC,SAAS,CAAC,SAAS,SAAS;AAC/B,aAAO;AAAA,IAAA;AAGT,UAAM,SAAS,IAAI,OAAO,SAAS,OAAO;AAC1C,WAAO,CAAC,CAAC,OAAO,KAAK,KAAK;AAAA,EAAA;AAE9B;"}

package/dist/utilities/animation-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation-registry.js","sources":["../../src/utilities/animation-registry.ts"],"sourcesContent":["import type { AnimationName } from '../types/animation-name';\n\nexport interface ElementAnimation {\n  keyframes: Keyframe[];\n  options?: KeyframeAnimationOptions;\n}\n\nexport type ElementAnimationMap = Partial<\n  Record<AnimationName, ElementAnimation>\n>;\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n  return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n/**\n * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n */\nexport function setDefaultAnimation(\n  animationName: AnimationName,\n  animation: ElementAnimation | null\n) {\n  defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n\n/**\n * Sets a custom animation for the specified element.\n */\nexport function setAnimation(\n  el: Element,\n  animationName: AnimationName,\n  animation: ElementAnimation | null\n) {\n  customAnimationRegistry.set(el, {\n    ...customAnimationRegistry.get(el),\n    [animationName]: ensureAnimation(animation),\n  });\n}\n\n/**\n * Gets an element's animation. Falls back to the default if no animation is found.\n */\nexport function getAnimation(\n  el: Element,\n  animationName: AnimationName\n): ElementAnimation {\n  const customAnimation = customAnimationRegistry.get(el);\n\n  // Check for a custom animation\n  if (customAnimation?.[animationName]) {\n    return customAnimation[animationName];\n  }\n\n  // Check for a default animation\n  const defaultAnimation = defaultAnimationRegistry.get(animationName);\n  if (defaultAnimation) {\n    return defaultAnimation;\n  }\n\n  // Fall back to an empty animation\n  return {\n    keyframes: [],\n    options: { duration: 0 },\n  };\n}\n"],"names":[],"mappings":"AAWA,MAAM,+CAA+B,IAA8B;AACnE,MAAM,8CAA8B,QAAsC;AAE1E,SAAS,gBAAgB,WAAoC;AACpD,SAAA,aAAa,EAAE,WAAW,CAAA,GAAI,SAAS,EAAE,UAAU,IAAI;AAChE;AAMgB,SAAA,oBACd,eACA,WACA;AACA,2BAAyB,IAAI,eAAe,gBAAgB,SAAS,CAAC;AACxE;AAKgB,SAAA,aACd,IACA,eACA,WACA;AACA,0BAAwB,IAAI,IAAI;AAAA,IAC9B,GAAG,wBAAwB,IAAI,EAAE;AAAA,IACjC,CAAC,aAAa,GAAG,gBAAgB,SAAS;AAAA,EAAA,CAC3C;AACH;AAKgB,SAAA,aACd,IACA,eACkB;AACZ,QAAA,kBAAkB,wBAAwB,IAAI,EAAE;AAGlD,MAAA,kBAAkB,aAAa,GAAG;AACpC,WAAO,gBAAgB,aAAa;AAAA,EAAA;AAIhC,QAAA,mBAAmB,yBAAyB,IAAI,aAAa;AACnE,MAAI,kBAAkB;AACb,WAAA;AAAA,EAAA;AAIF,SAAA;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,EAAE,UAAU,EAAE;AAAA,EACzB;AACF;"}
+{"version":3,"file":"animation-registry.js","sources":["../../src/utilities/animation-registry.ts"],"sourcesContent":["import type { AnimationName } from '../types/animation-name';\n\nexport interface ElementAnimation {\n  keyframes: Keyframe[];\n  options?: KeyframeAnimationOptions;\n}\n\nexport type ElementAnimationMap = Partial<\n  Record<AnimationName, ElementAnimation>\n>;\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n  return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n/**\n * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n */\nexport function setDefaultAnimation(\n  animationName: AnimationName,\n  animation: ElementAnimation | null\n) {\n  defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n\n/**\n * Sets a custom animation for the specified element.\n */\nexport function setAnimation(\n  el: Element,\n  animationName: AnimationName,\n  animation: ElementAnimation | null\n) {\n  customAnimationRegistry.set(el, {\n    ...customAnimationRegistry.get(el),\n    [animationName]: ensureAnimation(animation),\n  });\n}\n\n/**\n * Gets an element's animation. Falls back to the default if no animation is found.\n */\nexport function getAnimation(\n  el: Element,\n  animationName: AnimationName\n): ElementAnimation {\n  const customAnimation = customAnimationRegistry.get(el);\n\n  // Check for a custom animation\n  if (customAnimation?.[animationName]) {\n    return customAnimation[animationName];\n  }\n\n  // Check for a default animation\n  const defaultAnimation = defaultAnimationRegistry.get(animationName);\n  if (defaultAnimation) {\n    return defaultAnimation;\n  }\n\n  // Fall back to an empty animation\n  return {\n    keyframes: [],\n    options: { duration: 0 },\n  };\n}\n"],"names":[],"mappings":"AAWA,MAAM,+CAA+B,IAAA;AACrC,MAAM,8CAA8B,QAAA;AAEpC,SAAS,gBAAgB,WAAoC;AAC3D,SAAO,aAAa,EAAE,WAAW,CAAA,GAAI,SAAS,EAAE,UAAU,IAAE;AAC9D;AAMO,SAAS,oBACd,eACA,WACA;AACA,2BAAyB,IAAI,eAAe,gBAAgB,SAAS,CAAC;AACxE;AAKO,SAAS,aACd,IACA,eACA,WACA;AACA,0BAAwB,IAAI,IAAI;AAAA,IAC9B,GAAG,wBAAwB,IAAI,EAAE;AAAA,IACjC,CAAC,aAAa,GAAG,gBAAgB,SAAS;AAAA,EAAA,CAC3C;AACH;AAKO,SAAS,aACd,IACA,eACkB;AAClB,QAAM,kBAAkB,wBAAwB,IAAI,EAAE;AAGtD,MAAI,kBAAkB,aAAa,GAAG;AACpC,WAAO,gBAAgB,aAAa;AAAA,EAAA;AAItC,QAAM,mBAAmB,yBAAyB,IAAI,aAAa;AACnE,MAAI,kBAAkB;AACpB,WAAO;AAAA,EAAA;AAIT,SAAO;AAAA,IACL,WAAW,CAAA;AAAA,IACX,SAAS,EAAE,UAAU,EAAA;AAAA,EAAE;AAE3B;"}

package/dist/utilities/web-otp-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-otp-api.js","sources":["../../src/utilities/web-otp-api.ts"],"sourcesContent":["let form: HTMLFormElement | null;\nlet ac: AbortController | null;\nfunction closestElement(selector :string, el :Element | Window | Document | null ) :HTMLFormElement | null { /* https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd */\n  if(el === null) {\n    return null;\n  }\n  return ((el && el instanceof Element && el.closest(selector))\n    || closestElement(selector, el instanceof Element && (el.getRootNode() as ShadowRoot).host || null)\n  );\n}\n\nexport function webOtpApiInit(renderRoot: HTMLElement | DocumentFragment): void {\n\n  if (\"OTPCredential\" in window) {\n    const input = renderRoot.querySelector(\"input[autocomplete=\\\"one-time-code\\\"]\") as HTMLInputElement | null;\n\n    if (!input || !navigator.credentials) {\n      return;\n    }\n\n    /* handle manual submit */\n    ac = new AbortController(); // Cancel the WebOTP API if the form is submitted manually.\n    form = closestElement(\"form\", input);\n    form?.addEventListener(\"submit\", () => {\n      ac?.abort(\"Form submitted manually\"); // Cancel WebOTP API.\n    });\n\n    navigator.credentials.get({\n      otp: { transport: [\"sms\"] },\n      signal: ac.signal\n    }).then( (otp) => {\n      input.value = <string>(otp as OTPCredential)?.code;\n      input.dispatchEvent(new Event('input', { bubbles: true, cancelable: true, composed: true }));\n      form?.dispatchEvent(new Event('submit'));\n    }).catch(err => {\n      import.meta.env.DEV && console.log(\"WebOPT API error:\", err);\n    });\n\n  }\n}\n\nexport function webOtpApiClose() {\n  ac?.abort(\"User navigated away from page\");\n  form?.removeEventListener(\"submit\", () => {\n    ac?.abort(\"Form submitted manually\");\n  });\n}"],"names":[],"mappings":"AAAA,IAAI;AACJ,IAAI;AACJ,SAAS,eAAe,UAAkB,IAAiE;AACzG,MAAG,OAAO,MAAM;AACP,WAAA;AAAA,EAAA;AAET,SAAS,MAAM,cAAc,WAAW,GAAG,QAAQ,QAAQ,KACtD,eAAe,UAAU,cAAc,WAAY,GAAG,YAAY,EAAiB,QAAQ,IAAI;AAEtG;AAEO,SAAS,cAAc,YAAkD;AAE9E,MAAI,mBAAmB,QAAQ;AACvB,UAAA,QAAQ,WAAW,cAAc,qCAAuC;AAE9E,QAAI,CAAC,SAAS,CAAC,UAAU,aAAa;AACpC;AAAA,IAAA;AAIF,SAAK,IAAI,gBAAgB;AAClB,WAAA,eAAe,QAAQ,KAAK;AAC7B,UAAA,iBAAiB,UAAU,MAAM;AACrC,UAAI,MAAM,yBAAyB;AAAA,IAAA,CACpC;AAED,cAAU,YAAY,IAAI;AAAA,MACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE;AAAA,MAC1B,QAAQ,GAAG;AAAA,IAAA,CACZ,EAAE,KAAM,CAAC,QAAQ;AAChB,YAAM,QAAiB,KAAuB;AAC9C,YAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,MAAM,YAAY,MAAM,UAAU,KAAM,CAAA,CAAC;AAC3F,YAAM,cAAc,IAAI,MAAM,QAAQ,CAAC;AAAA,IAAA,CACxC,EAAE,MAAM,CAAO,QAAA;AAAA,IAAA,CAEf;AAAA,EAAA;AAGL;AAEO,SAAS,iBAAiB;AAC/B,MAAI,MAAM,+BAA+B;AACnC,QAAA,oBAAoB,UAAU,MAAM;AACxC,QAAI,MAAM,yBAAyB;AAAA,EAAA,CACpC;AACH;"}
+{"version":3,"file":"web-otp-api.js","sources":["../../src/utilities/web-otp-api.ts"],"sourcesContent":["let form: HTMLFormElement | null;\nlet ac: AbortController | null;\nfunction closestElement(selector :string, el :Element | Window | Document | null ) :HTMLFormElement | null { /* https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd */\n  if(el === null) {\n    return null;\n  }\n  return ((el && el instanceof Element && el.closest(selector))\n    || closestElement(selector, el instanceof Element && (el.getRootNode() as ShadowRoot).host || null)\n  );\n}\n\nexport function webOtpApiInit(renderRoot: HTMLElement | DocumentFragment): void {\n\n  if (\"OTPCredential\" in window) {\n    const input = renderRoot.querySelector(\"input[autocomplete=\\\"one-time-code\\\"]\") as HTMLInputElement | null;\n\n    if (!input || !navigator.credentials) {\n      return;\n    }\n\n    /* handle manual submit */\n    ac = new AbortController(); // Cancel the WebOTP API if the form is submitted manually.\n    form = closestElement(\"form\", input);\n    form?.addEventListener(\"submit\", () => {\n      ac?.abort(\"Form submitted manually\"); // Cancel WebOTP API.\n    });\n\n    navigator.credentials.get({\n      otp: { transport: [\"sms\"] },\n      signal: ac.signal\n    }).then( (otp) => {\n      input.value = <string>(otp as OTPCredential)?.code;\n      input.dispatchEvent(new Event('input', { bubbles: true, cancelable: true, composed: true }));\n      form?.dispatchEvent(new Event('submit'));\n    }).catch(err => {\n      import.meta.env.DEV && console.log(\"WebOPT API error:\", err);\n    });\n\n  }\n}\n\nexport function webOtpApiClose() {\n  ac?.abort(\"User navigated away from page\");\n  form?.removeEventListener(\"submit\", () => {\n    ac?.abort(\"Form submitted manually\");\n  });\n}"],"names":[],"mappings":"AAAA,IAAI;AACJ,IAAI;AACJ,SAAS,eAAe,UAAkB,IAAiE;AACzG,MAAG,OAAO,MAAM;AACd,WAAO;AAAA,EAAA;AAET,SAAS,MAAM,cAAc,WAAW,GAAG,QAAQ,QAAQ,KACtD,eAAe,UAAU,cAAc,WAAY,GAAG,YAAA,EAA6B,QAAQ,IAAI;AAEtG;AAEO,SAAS,cAAc,YAAkD;AAE9E,MAAI,mBAAmB,QAAQ;AAC7B,UAAM,QAAQ,WAAW,cAAc,qCAAuC;AAE9E,QAAI,CAAC,SAAS,CAAC,UAAU,aAAa;AACpC;AAAA,IAAA;AAIF,SAAK,IAAI,gBAAA;AACT,WAAO,eAAe,QAAQ,KAAK;AACnC,UAAM,iBAAiB,UAAU,MAAM;AACrC,UAAI,MAAM,yBAAyB;AAAA,IAAA,CACpC;AAED,cAAU,YAAY,IAAI;AAAA,MACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EAAA;AAAA,MACxB,QAAQ,GAAG;AAAA,IAAA,CACZ,EAAE,KAAM,CAAC,QAAQ;AAChB,YAAM,QAAiB,KAAuB;AAC9C,YAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,MAAM,YAAY,MAAM,UAAU,KAAA,CAAM,CAAC;AAC3F,YAAM,cAAc,IAAI,MAAM,QAAQ,CAAC;AAAA,IAAA,CACxC,EAAE,MAAM,CAAA,QAAO;AAAA,IAAA,CAEf;AAAA,EAAA;AAGL;AAEO,SAAS,iBAAiB;AAC/B,MAAI,MAAM,+BAA+B;AACzC,QAAM,oBAAoB,UAAU,MAAM;AACxC,QAAI,MAAM,yBAAyB;AAAA,EAAA,CACpC;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@felleslosninger/minid-elements",
-  "version": "0.0.115",
+  "version": "0.0.117",
   "description": "MinID Web Components",
   "author": "Digitaliseringsdirektoratet",
   "license": "MIT",
@@ -165,9 +165,13 @@
     "@digdir/designsystemet-theme": "^1.0.3",
     "@floating-ui/dom": "^1.6.10",
     "@navikt/aksel-icons": "^7.1.2",
+    "@storybook/addon-a11y": "^9.0.12",
     "@storybook/addon-docs": "^9.0.12",
     "@storybook/addon-links": "^9.0.12",
+    "@storybook/addon-vitest": "^9.0.12",
     "@storybook/builder-vite": "^9.0.12",
+    "@storybook/test": "^8.6.14",
+    "@storybook/test-runner": "^0.23.0",
     "@storybook/web-components-vite": "^9.0.12",
     "@tailwindcss/cli": "^4.1.6",
     "@types/node": "^22.7.4",
@@ -179,15 +183,22 @@
     "@u-elements/u-datalist": "^1.0.5",
     "@vitejs/plugin-basic-ssl": "^2.0.0",
     "@vitejs/plugin-legacy": "^6.1.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "axe-playwright": "^2.1.0",
     "composed-offset-position": "^0.0.6",
     "concurrently": "^9.0.1",
     "eslint": "^9.25.1",
     "eslint-plugin-storybook": "^9.0.12",
+    "jsdom": "^26.1.0",
+    "playwright": "^1.53.0",
     "postcss": "^8.5.1",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "rimraf": "^6.0.1",
     "rollup": "^4.2.0",
+    "shadow-dom-testing-library": "^1.12.0",
     "storybook": "^9.0.12",
     "storybook-addon-tag-badges": "^2.0.1",
     "tailwindcss": "^4.0.3",
@@ -197,6 +208,7 @@
     "vite": "^6.1.0",
     "vite-plugin-dts": "^4.2.3",
     "vite-plugin-externalize-deps": "^0.8.0",
-    "vite-plugin-web-components-hmr": "^0.1.3"
+    "vite-plugin-web-components-hmr": "^0.1.3",
+    "vitest": "^3.2.4"
   }
 }