@felleslosninger/minid-elements 0.0.119 → 0.0.121

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.119",
+  "version": "0.0.121",
   "description": "MinID Web Components",
   "author": "Digitaliseringsdirektoratet",
   "license": "MIT",
@@ -144,7 +144,8 @@
     "make-icons": "node ./scripts/make-icons.js",
     "make-tailwind": "node ./scripts/make-tailwind-theme.js",
     "build": "rimraf dist && tsc && npm run analyze && vite build",
-    "build:cdn": "rimraf dist-cdn && tsc && vite build --config vite.cdn.config.js",
+    "build:cdn": "rimraf dist-cdn && tsc && vite build --config vite.cdn.config.js && npx @tailwindcss/cli -i ./src/styles/component-tailwind.css -o ./dist-cdn/index.css ",
+    "dev:cdn": "node cdn-dev-server.js",
     "storybook": "storybook dev -p 6006",
     "storybook:dev": "concurrently --kill-others \"npm run analyze -- --watch\" \"npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css --watch\" \"npm run storybook\"",
     "storybook:build": "npm run build && rimraf storybook-static && npm run analyze && npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css && storybook build",
@@ -158,6 +159,7 @@
     "input-format": "^0.3.11",
     "libphonenumber-js": "^1.11.15",
     "lit": "^3.3.0",
+    "maska": "^3.2.0",
     "qrcode": "^1.5.4"
   },
   "devDependencies": {