{"_id":"@axioms/axioms-ui","_rev":"5-8976df35e7230b7153ed20c71d511d6f","name":"@axioms/axioms-ui","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@axioms/axioms-ui","version":"0.0.1","license":"MIT","_id":"@axioms/axioms-ui@0.0.1","maintainers":[{"name":"abhishektiwari","email":"abhishek@abhishek-tiwari.com"}],"homepage":"https://github.com/axioms-io/axioms-ui#readme","bugs":{"url":"https://github.com/axioms-io/axioms-ui/issues"},"dist":{"shasum":"52e196347571a5bf2a020de951d08f2a67e77f1e","tarball":"https://registry.npmjs.org/@axioms/axioms-ui/-/axioms-ui-0.0.1.tgz","fileCount":54,"integrity":"sha512-QH9XkQ9IY7GBpBQ4c94mgUF8rycHZYAVJKY7U921REiUk6aWcQq99U/yCwVsCkoEc/YT4reiJb34qYW7JfS7rA==","signatures":[{"sig":"MEYCIQCJLBkNPGEgxP/r/NiB2ijD9pO+BKMuhuHtI7St+C39LgIhAIBIog6uWJkbPLB0YNCA7WAwXESle3QMVxGBohVARGOc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2636817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeQODCRA9TVsSAnZWagAACzUP/0ekUGR7SpcDn2HeLwy6\n5PWsuLpPIdh4i6ZV9GU/bq3a0KuKUrYz+v5Tz590AAaqItutv0AyQun67qq0\nplaOcdDIa6yXa4nV9xEnvB23g0poTtPtPB6U4UTNffZSTvALELNDEKVR/pZd\nI+YYzqOHxRiSpKekTGUcqfBbXqgmTRGNrPYqwldWOdlu5OwjICRNRImf/2cV\nW8GWLFwQOwbLAnlxAGVwu87x8IWQ8JmCfzd7Sb7UQK4fPH1yEOh99Ge/KIxA\nmZYHSOI3TtCh04OJr4l3Qm13wwDcmN6YxnvqeCqOJGJm5hHDdDixdiwjgisk\n01lWYQeqP2qKyhO6J/cUHNTUWpvtU9nAaW2DOfsRjJVawGKtt7eUSkhN6kfr\nWRL5PkhrcDqu432HzKMsIY9kp8U55Y44ExR7CgWprhe3SHVWAIECYQs5PbC9\nP2ttL4NjPh95fpr84lmCO8QGMbVOHL+/96azSNnH6HuVaVWlNwH1g/FNzJEW\nWTwYBF7L327TXRRyTbGxhVDH/An7lRoExLKQu/3nzS4bIQroHR0w2Z39xaco\nzdXjRhP1369W7eEggBWcSU8wMUnj9PCdu6g+Q+w3r4kiju/a5sF3JfpxR9+n\nXTyOpsuFXn43Yyed05IAJV8uuirOW/ugx9uWE76aOT70xsmDc+/X8jhrepu+\nZYR5\r\n=8ttf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","types":"dist/custom-elements/index.d.ts","unpkg":"dist/axioms-ui/axioms-ui.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/custom-elements/index.js","gitHead":"6046f52361b6c17a6883f39bc5fb098186d92e35","scripts":{"test":"stencil test --spec --e2e","build":"stencil build --docs","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"abhishektiwari","email":"abhishek@abhishek-tiwari.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/axioms-io/axioms-ui.git","type":"git"},"_npmVersion":"6.14.6","description":"Axioms Stencil Component Collection","directories":{},"_nodeVersion":"12.18.4","dependencies":{"latest":"^0.2.0","@stencil/core":"^2.0.1","google-libphonenumber":"^3.2.13"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"@types/google-libphonenumber":"^7.4.19"},"_npmOperationalInternal":{"tmp":"tmp/axioms-ui_0.0.1_1601766275359_0.8961419466746776","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@axioms/axioms-ui","version":"0.0.2","license":"MIT","_id":"@axioms/axioms-ui@0.0.2","maintainers":[{"name":"abhishektiwari","email":"abhishek@abhishek-tiwari.com"}],"homepage":"https://github.com/axioms-io/axioms-ui#readme","bugs":{"url":"https://github.com/axioms-io/axioms-ui/issues"},"dist":{"shasum":"03882d0236d3fe09d262f3e28fbdde09d0631538","tarball":"https://registry.npmjs.org/@axioms/axioms-ui/-/axioms-ui-0.0.2.tgz","fileCount":83,"integrity":"sha512-RkbdVRkzht5BIJV3VijhxZ0eac/JM3sFCKZ1Resee4AxFocicnOv3wKNbHdC7XI2zZfQVpDKBXtRZFUSUa+/Og==","signatures":[{"sig":"MEUCICkW65LKEguaIzBzvvmdDAWWVhv0Int6/xVK57tGfkSHAiEAuH/H6S2epAQDVmeqi5s9o8MOMPyAR223UjMCC+Ci6GM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4211365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfeSpNCRA9TVsSAnZWagAAbBYP/RlPldCHj6Ycf9veGwxh\nNOqscKMjUEkP6pNx5OC39j9to5ZNwrRRKIyQPElY77/4XI4iUfdO8c6B2qhd\nfBRQpF118E3i7T1xrX4y3Dog2f9mO05wCdmmGmLLPMmJvxtL5wiCoi/Vp2ug\niQASX0vuu6XZ72w1rR5PasLgHKW/o5lSj1CUzD9fpKjwQXDGCisHWYj0W+iY\nY4xKRDndMv9yt0YQjiLchqtHwImWNPlHDZy3seJZ+qKHUuT/eGcoS6ACax/6\n1nbMdgU1FqXl4fboBGjCYXzirZ+9dZmQjdwaPI0t3pe3R1eAqTl9JmavkeIm\nNe/x2AzV3VhLgQvzvLgBKu6aGymauPyYvSecacu1m5Ue32LlRjwFluLMOx1j\neZ78Im5uyH1MpAG1z4blFslWdrD/xmemUB9NL2Zix+QGjyQ28brz4G0hi58c\nnCfdUT5rcso3h3ph6O4EldKpG8ZwAV9+b35V6QO2/IBG1DJoRvzcBIbMeB3e\n9SeoY6fE2j9KzOXtxiiseOiV3x3QyW0bZS+H7rPhSCqZsdVk0BTmjldN1d2t\nz4R9Lmx0jsQiIVDmhOguzp5ioqju0OyL6vFABgIEONelX6VXTOexBKlhLCVS\nwIiZay62PMp68B5RUDyCDXb8LvIS56ELFrahjsad4o4yg2NYqyzcY+E/s3Gl\ncqYc\r\n=QeIp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","types":"dist/custom-elements/index.d.ts","unpkg":"dist/axioms-ui/axioms-ui.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/custom-elements/index.js","gitHead":"9a17cb5c95278bdbc86eedef262a8ae327e55332","scripts":{"test":"stencil test --spec --e2e","build":"stencil build --docs","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"abhishektiwari","email":"abhishek@abhishek-tiwari.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/axioms-io/axioms-ui.git","type":"git"},"_npmVersion":"6.14.6","description":"Axioms Stencil Component Collection","directories":{},"_nodeVersion":"12.18.4","dependencies":{"latest":"^0.2.0","@stencil/core":"^2.0.1","google-libphonenumber":"^3.2.13"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"@types/google-libphonenumber":"^7.4.19"},"_npmOperationalInternal":{"tmp":"tmp/axioms-ui_0.0.2_1601776204826_0.23359607720628528","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@axioms/axioms-ui","version":"0.0.3","license":"MIT","_id":"@axioms/axioms-ui@0.0.3","maintainers":[{"name":"abhishektiwari","email":"abhishek@abhishek-tiwari.com"}],"homepage":"https://github.com/axioms-io/axioms-ui#readme","bugs":{"url":"https://github.com/axioms-io/axioms-ui/issues"},"dist":{"shasum":"571478da694a889ecd9eb1fa100aa377aa8b7652","tarball":"https://registry.npmjs.org/@axioms/axioms-ui/-/axioms-ui-0.0.3.tgz","fileCount":83,"integrity":"sha512-/jnSuW/alpkp8F1a6vnZJWkltObKWUqg4hw7eQvtQQOQehRsIvaZSYTMCnpedzjihOkQGzsxrrzZgJPLzc7s/A==","signatures":[{"sig":"MEUCIQCYCmdv+tCrphLXabRChgwWl0K5q+nzERuDJFvNAHSgNgIgP8K98UzoCtE/40noxkDHyyDSgy1a2L9LmlWoPOOHnls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4241434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffYb2CRA9TVsSAnZWagAAsHcP/RB2FlNZbcuqW17ai1b2\nzqsqc6/M7WBp64VrEXuZNn3c0ggSC/RVDscRZkNCmJvRIl5AKHXOpElBpNkw\nrM9gmsno8SwE+YOX+dhJgGFV5jv+TR0+MTjGzQsQuLUDvVjWOhd4QpO9VfHH\nD411l5AWa2EcmQyXj8AxuIl+INBqvIjzod4xGQBpmuop6mBQWItVeIFfapzB\n2rMetnj8/ugV/gZKeAZ63vDKTBqUvCqoZiFKysQ3COziqHI0Q72BNRlVlGGe\nj/PGgrUSq4w8NuM8+MZfpbtl/dVYXPY20I6l2Uo8kIfM2a8AyJBbuW8HGOMC\nvRpsttUKmP8qvFHXDgXtbsxibmAULH2CzfQhNdp8nUYMgsgNsmA+jcYsC4ra\nmjQK5HLp5HhVYsuIVJE2GZhHQpkxkNCX3iDCuTts6QJqXHS0s+1sP5qRr6uj\n3RgaeJ6vxxhPOQPJ8sKdOwT7cj2kdsJQOgQ6UUw9RsSDynBiYf44gsI7TazI\nL6e7y7WLCPfdehJvX0bl/aVJtnBU6fyiPsKq+cLWOtCnbMeOWtYbRv1P1b+2\nIzxZZ+A7kH8ucN8mPNVmIO93DV3TrDTtIxPrEOz62DXh+CP5IUN96FJnpUfH\nXL4WHeM5RtBpW3AoN+CbXL6owpksFYM+OkRYZH5v10M0P+8iqzYIKRE7BOCD\ndyMg\r\n=8WEm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","types":"dist/custom-elements/index.d.ts","unpkg":"dist/axioms-ui/axioms-ui.js","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","module":"dist/custom-elements/index.js","gitHead":"4a263424e8a355883b19599bed6b0fdeed57d7b8","scripts":{"test":"stencil test --spec --e2e","build":"stencil build --docs","start":"stencil build --dev --watch --serve","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"abhishektiwari","email":"abhishek@abhishek-tiwari.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"git+https://github.com/axioms-io/axioms-ui.git","type":"git"},"_npmVersion":"6.14.6","description":"Axioms Stencil Component Collection","directories":{},"_nodeVersion":"12.18.4","dependencies":{"latest":"^0.2.0","@stencil/core":"^2.0.1","google-libphonenumber":"^3.2.13"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"@types/google-libphonenumber":"^7.4.19"},"_npmOperationalInternal":{"tmp":"tmp/axioms-ui_0.0.3_1602062070149_0.1987335204541767","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-10-03T23:04:35.146Z","modified":"2026-04-29T12:52:46.026Z","0.0.1":"2020-10-03T23:04:35.497Z","0.0.2":"2020-10-04T01:50:05.032Z","0.0.3":"2020-10-07T09:14:30.334Z"},"bugs":{"url":"https://github.com/axioms-io/axioms-ui/issues"},"license":"MIT","homepage":"https://github.com/axioms-io/axioms-ui#readme","repository":{"url":"git+https://github.com/axioms-io/axioms-ui.git","type":"git"},"description":"Axioms Stencil Component Collection","maintainers":[{"email":"abhishek@abhishek-tiwari.com","name":"abhitwr"}],"readme":"# Axioms UI ![NPM](https://img.shields.io/npm/v/@axioms/axioms-ui?style=flat-square)\nReady to use Axioms custom elements to quickly add authentication in your static web sites and single page apps.\n\n\n# Install\n\n## As Script Tag\nAdd following script tags in HTML header,\n\n```html\n<script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@axioms/axioms-ui@0.0.3/dist/axioms-ui/axioms-ui.esm.js\"></script>\n<script nomodule src=\"https://cdn.jsdelivr.net/npm/@axioms/axioms-ui@0.0.3/dist/axioms-ui/axioms-ui.js\"></script>\n```\n\n## As NPM Package\nInstall NPM package,\n\n```bash\nnpm i @axioms/axioms-ui\n```\n\n# Use\nAn example of how to use the web component with html,\n\n```html\n<passwordless-code channel=\"sms\" tenant-domain=\"axioms.example.com\" client-id=\"SWmAwjdKxGK3cDTBnCoBiFbDpbQKX6nW_JQUv5xgXma1Ta8WXFm88NvPr4tNQTvI\" start-button-label=\"Get started now\"  />\n```\n\nAdditionally you can hide or show content based on authentication.\n\n```html\n<div style=\"display: none;\" id=\"auth-content \">\n    <p id=\"logged-in \">You are logged in.</p>\n    <p id=\"logged-in-status \"></p>\n    <button class='btn' onclick=\"logout()\">Logout now</button>\n</div>\n<script>\n    var hasAuth = false;\n    var idTokenPayload;\n\n    document.addEventListener(\"DOMContentLoaded\", checkAuth);\n\n    async function checkAuth() {\n        await customElements.whenDefined('passwordless-code');\n\n        const passwordLinkElement = document.querySelector('passwordless-code');\n        const authContentElement = document.getElementById(\"auth-content \");\n\n        if (passwordLinkElement) {\n            hasAuth = await passwordLinkElement.isAuthenticated();\n            idTokenPayload = await passwordLinkElement.getIdTokenPayload();\n            if (hasAuth) {\n                authContentElement.style.display = \"block \";\n                var expires_at = new Date(idTokenPayload.exp * 1000).toLocaleString(\"en-US\")\n                var paragraph = document.getElementById(\"logged-in-status \");\n                var status = document.createTextNode(\n                    `Your username is ${idTokenPayload.preferred_username} and you session expires at ${expires_at}.`);\n                paragraph.appendChild(status)\n            } else {\n                authContentElement.style.display = \"none \";\n            }\n        }\n    }\n    const passwordLinkElement = document.querySelector('passwordless-code');\n    passwordLinkElement.addEventListener('authCompleted', event => updateContent(event));\n\n    function updateContent(event) {\n        location.reload()\n    }\n\n    async function logout() {\n        const passwordLinkElement = document.querySelector('passwordless-code');\n        idTokenPayload = await passwordLinkElement.logout();\n    }\n</script>\n```\n\n# Styling\nSet value for css variables to style web components according to your requirements.\n\n```html\n<style>\n    @import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');\n    :root {\n        --app-primary-color: #ff5136;\n        --app-secondary-color: #6c757d;\n        --app-text-color: #000;\n        --app-font-family: 'Sen', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n    }\n</style>\n```\n\n# Component Documentation\nList of available props, events, and methods for each component.\n\n- [Passwordless using Link](https://github.com/axioms-io/axioms-ui/tree/master/src/components/passwordless-link)\n- [Passwordless using Code](https://github.com/axioms-io/axioms-ui/tree/master/src/components/passwordless-code)","readmeFilename":"readme.md"}