@felleslosninger/minid-elements 0.0.118 → 0.0.120

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,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;"}
+{"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,EACtC;AAGA,QAAM,mBAAmB,yBAAyB,IAAI,aAAa;AACnE,MAAI,kBAAkB;AACpB,WAAO;AAAA,EACT;AAGA,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;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;"}
+{"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,EACT;AACA,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,IACF;AAGA,SAAK,IAAI,gBAAA;AACT,WAAO,eAAe,QAAQ,KAAK;AACnC,UAAM,iBAAiB,UAAU,MAAM;AACrC,UAAI,MAAM,yBAAyB;AAAA,IACrC,CAAC;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,IACzC,CAAC,EAAE,MAAM,CAAA,QAAO;AAAA,IAEhB,CAAC;AAAA,EAEH;AACF;AAEO,SAAS,iBAAiB;AAC/B,MAAI,MAAM,+BAA+B;AACzC,QAAM,oBAAoB,UAAU,MAAM;AACxC,QAAI,MAAM,yBAAyB;AAAA,EACrC,CAAC;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@felleslosninger/minid-elements",
-  "version": "0.0.118",
+  "version": "0.0.120",
   "description": "MinID Web Components",
   "author": "Digitaliseringsdirektoratet",
   "license": "MIT",
@@ -158,6 +158,7 @@
     "input-format": "^0.3.11",
     "libphonenumber-js": "^1.11.15",
     "lit": "^3.3.0",
+    "maska": "^3.2.0",
     "qrcode": "^1.5.4"
   },
   "devDependencies": {