{"_id":"@aller/cyclops-frontend-vanilla","_rev":"271-ded5764f79f8ed6dfb8777f12ba142cd","name":"@aller/cyclops-frontend-vanilla","dist-tags":{"beta":"2.7.6-alpha.0","latest":"2.8.0"},"versions":{"1.0.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.0.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.0.2","maintainers":[{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7ede79ed60a8d17d0ce340a2c8060779755b40ce","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.0.2.tgz","fileCount":9,"integrity":"sha512-OuiRhvpZhJSWG9aMbPEVnRUJQBFbMxtpavVfWwHke+2q0A+lMwY4cSu0Cu+/bh86o+2k8AiUtmA2itRSvtcDvw==","signatures":[{"sig":"MEUCIQDqJinOB8oiCRoDkXBJdpQ4JCuv6tDxJL4rCaiH0lbW5wIgNym9R5G5wm2r+jVrelK/F0+FmGDGqWmpRE+wnOfAZFU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeu9wTCRA9TVsSAnZWagAAIboP/0fyqZXUv5hVjKlSCban\nQxnzEdacmQ3ddffm9pnlJqtHx8bBWjaQsCC0J5h6drqh9N8f7wIKRQVsPQXB\nYp1rcqk/YLD+LZNqPOmR8G+eDRAJD2g7wURCASQD7rrA6U0I37Q7ScfcP6Cr\nCWsQJ3whGMxKHMg2X9KpcZRIqYqOk8WLV50cV7i1URtrMf+wZCGKnQj9fzSW\n67031JKuk2RBn2PvoV9QXS6fcekgF6KpI1NAymGAsn9yy6cQygGr+iwTTNRJ\n8vdpwZOgvrZZi0XKcRcIGViNfmj6c8Z6eojzBmZLksM4v/PvcbTUyAoVZ1rC\nVIpH2lglR3RYbnRZ49fhtaDA4E0uTvXcnM/ivp6oa+kh9zP7muQ2RREFklzP\n6a65eLa3XD84pl1FePQLofr4O+3FeZm12CA5MrE8hITh6hq/oxGKRxnwXzxM\nXlbzlvuq3T/OUOkDve0PMLzxRzElmgsJ3TjaDGlqon8/2Ud4NnL2UEP74h3c\nHOGE4VThTFEAxTZ6KAnSvJNumHs7B1H6Ir/EM5Jxr4HM1OPAaDerZb8TyqCf\ncD8hS5AVvVK3RNNZV5ldW/FyMXVg9PHeehtfzXVMiv/wlWD067Q/s71itwuW\n5LcmCrlK5u6xG0J7E+7yj3DDxRSq27gxN9kFAcxoJ750evQcBSMcoRa1BzSl\ngzrY\r\n=fCMZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"14b40654c2c3c457e2f47757f4bc54fb2ac0625c","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.2"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.0.2_1589369874854_0.7312960970354445","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@aller/cyclops-frontend-vanilla","version":"1.0.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.0.3","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"8f8067d9fd699e85e84e3f8cc637279417203732","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.0.3.tgz","fileCount":9,"integrity":"sha512-vzbWKKQwsOmOVJ4xMAADyeAP/WgbREFo0IGyVPMv2McyBO0YHLWuwlMxPn2he02XRfmnS1RAACoc6wurlRIJxg==","signatures":[{"sig":"MEYCIQCDuPKVTcfUPGDprko0CBVlArAQUIIhUTr0M5BvB5rIpgIhAPSjlYbZaNOs2SWeyAdChaI4CRF164JOmy75eF5BCn2Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevRX/CRA9TVsSAnZWagAAwGEP/1ExegDiPzhLwek2Z4lg\n0ohcOpUDdFEjGjL+t/K7HFfPToSrv0Gjhi/Mm+chY1BscbhKo/Jq1USqL08O\nWvcVMt2SdNPlPqqv6S/AX9QfCagVaV2BlYUzmfVwZZ4Od+/lGYk9X6mvCkmg\nwY5kFVXPhG/1jK2N1Mwfrt9GZ9HafWz2872Z2sz4Nymnqo5QitwhV3JsAl0u\nLary1nUELEE3SoQ5OXzZ9DXzNkDzZqri6Ks+3caw7qUBerJPhmS8yyPXQFDo\nNPAigeoHEgwLeEsGtmFuhIs/aL5V98Nkdnnb80M3nV+JJKt7YZ0DCAyOU2Ts\nUEMj8UvFnlV7d5eedjJZuHCCyRCaUC5Xij/4MH6QkU17oDK4rZtef4lN1q+5\neXLyVaimHOFaJ/AW2Kq9PwlteRbkDpvyi0mszZQblpxjXumcNY8P3zyE79+Z\nWAM0bpTF/SR8Uq0gCr8KI/loes3rWZbkfCchfHjTNaAzHZ4gxImbKzOfmLVb\nfCCEqyba7qUIFu+wo+eUSeRz5+zv+A7gvrVAlkOcfezfTqg0aaBBFoQ2IEWB\nEbyYCeqck1X13FEytIx09A/tMnWLnCNPeSvRbQUdaGRN8z3lmTfM6zej7REn\n8aaHQJCWklGRXKyW+0jYF8l8RGJyBMft9xaVmUntB1vA7tDtPxLzaJlWhU8V\npHSy\r\n=Q5Rd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"06d2e89a0bed1adbe24cfeac81628d14da4e5f42","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.0.3_1589450239116_0.08454288352073513","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.0.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.0.4","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"58f8ddbcb38bdf140e40c9956bf8841494eb8b5b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.0.4.tgz","fileCount":9,"integrity":"sha512-RoX0BE1FaGS2DYgzQErQSh4WeQEILUah9TsbMSggGtRGLwNsY+OkNrWFjF+Xi9eLSyeArbPRPjnsZoM4yhEQdg==","signatures":[{"sig":"MEUCIQDIHSDC/FT9So16ePyh4niS06Zr1zNdqMuL8yymt5nergIgcRnmPbAoGqlYt1DlVqPAqJ1IuPfA9v6SNTcIBhrgSiI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevRu0CRA9TVsSAnZWagAAg6UP/1gqFuqr+wUSahcH8FtK\nOHj7zBnseDswg+mHX4e1zACW1FZDbABXcGUx2IKQYeO7DTXQ4RwOn4flSp4K\nFB+5+znnl2zVdMXTdhpFtHu93r5AjVqaXJjml374zf9MzvXR7CAJ+JXbGrMs\nQbJa59qySGT0IUV6a5WxbPYAVlexaGZOhB+ZPyW6GH5VE+j8/CMuozOs7PJI\nkJFTpq49HnSlMsMW+1UWlHtAcVETofY2YXvJd858IpribTxJddKtte+xME7V\nfpDLXaC6cfuh/dI/jpgnU8+7+dqHSqzxRKQ1hW3yolPqlGBDRtWNhLdGQTEM\nHOStgLUV+mbOSk7rq/SREcZ8a64l+w3GvW2thJXBWuJ1j1BZwlTI8inyjWsY\nCOX203Dz/9uwOD+BMjEOLeBpm3DC3rUVoduYsQecM6DsagH7UXx7vPBcYDH0\nkwx9vKK8QtPjRQDTKZtLUyJfaUfZhZe2NZRPaWLzvZ1bw7cyHVqKShHCG0dV\nlUucvULHo1/2qzwavo0ZLRkWJGk/RJNlLjSP8OwU3hgyirZd/ctEKI/xToF1\nJ1JsuHY5J540FE5EhggzqTU82skdlrDcwRad8iPGjzdGZ4HgyX0xttrgYw2+\n253R1tGTjfggzlQNGWJAEZlRFt+jrTa1XJg3lxyxqloE64qsI9lcihCqUpah\nwu/I\r\n=+s6I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"ce9f265d5a56b57c00378cba993f04c87521f3d7","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.0.4_1589451700546_0.5777158309258854","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@aller/cyclops-frontend-vanilla","version":"1.0.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.0.5","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"04e7ee579bd33c4770f2a44f04d3351f70189597","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.0.5.tgz","fileCount":9,"integrity":"sha512-3+6Gf5dkzZVO4rEDdTiyA0HLgXk7bNu+Iqe5i/EfEvHPcqiZ99Fy0LCLr2zGVzMDpJvYteNz5IlNO37Y0jQe6g==","signatures":[{"sig":"MEYCIQC49Wf5wY1VaXIiX4AEevKFROVNO19VCLBNZhBrvTgdCwIhANV7N052lDLN/k2RN1FWnRgqbhJC+Pg8qoLok7tKSvhe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevRziCRA9TVsSAnZWagAAAGoP/26gMiJ/cObCp9yGfdSA\nUZJgMd9QJRl75c1/7on0fkayN7FA3cu2s/VG2CktzzFGxRklC0jLkvNK+fMo\nLNdr7O41yaQX83csrKTON59lpoDo6hNIoaThaU34JwTETwyu3ZO9cANjxYbF\nwyEdaSw8yVq81Zb6EZgQhE/DAKgWf+KpOk7ZdzxWhvyMJLSOIGmS6N+uyn/U\n6sAUNFnmQOlUx7FMJmHwhklOvNsjyTKPfStD2qBqM9pKLEANhmPAH1OiMwp4\n0h0DuSysyvHR0HrA2HARUHru1v64vjl9LxjCHYjlOFVxkAHfla4GHycwJ3Ec\nmWQJPpCFq5kBhsiglZ1Ypx/z0GrWmS2LSvf8i3ESP99m5JgEvBPD13P+QjKD\nD0sUGyNcowN6rlYTHlFNaWdKVHjBaeyO2X3ucT6s2u+YzAvyeaq6hqjJHZ0+\nN/TaHM1/s/p9ny9izvRtisaz7CAUWrYllHeWb4PaEKG2BNEl2bbfZJhVGSoc\nRFcw7Z5rvkRExqJX529IZnjLwolhZbfTNgC/fPxkU7U3u4+Bxior+T+5ucft\n9RMkFaTGeoKSMMXVa04nIBAGM3lDXUmMlVKSKFTrcjT1dOeab9Er/UvKrENZ\na+3lslmiqQ/tbPEAUrQNL6UTNyyLCFlaqDSNkR0DBl29EnolgdnYWS95dQ0/\n5lbZ\r\n=4u4S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"f2ae3b4cea09282c317bfb46d67780e28680538f","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.0.5_1589452001563_0.2825992496190237","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@aller/cyclops-frontend-vanilla","version":"1.0.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.0.6","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a9aedeee00f71637e56edb044e33ad60683127a3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.0.6.tgz","fileCount":9,"integrity":"sha512-ZGV4FzI0cEJnm0Iw89ehrKkt5ZanbhlSyN9s/u4a0/GLP04wsAklP6OxgDG0x4QNMiWadYYzc9pjmpnfjn1PLQ==","signatures":[{"sig":"MEUCIQDzhW5uQlSAgIsfmlEY97CES1qcBeDsENFxMoUFmHGG3gIgcR34bx+QEyP19pBNkLV6ehh4qmYpIyTz6evb9nX2wFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevTLBCRA9TVsSAnZWagAAJZwQAI/us/1gBFKg13ZK0pQF\nqTSSNBjw52qtZjwq0zLU3AgoQp7t9RmILl4wNVNqXMcPqXF63mFtFuoRwgQY\nC3RlwHFol9a62OSWNcqu6t4UJNNgB/l+4igiBS5yujrzg4Vfdw9a+XAsJe1/\nzcLednhTc0W3dNnTncoibGJXt6RxDRI/0I2zNasQYMUG5iVzdGJ94od+SBdH\nD8U8tvYBDMchEkUyBf3KZg9xqjh3xz30NsPxI/lcxl0cFENN27+jVNasc+IT\n6MuBJFhRJ8av/CVhaavKw8X1Rgw96UeX0g7DGBjVlAvcVCdceMsO1Udns6+Q\nd6MdDTmKuL8mA45po4f36qe7cjlnCCUbA59jaxuzn8UAyoNRlWuGME+8bfUB\nZug5wWMpjhQQx7wJ4AYLHCttpSWC2+snOBwrymG84EzmnaVmG/mtnJHzGCVq\nS2XTBV7GrC8+k6zjkeELA+oQ9KX2N0sT4sU8NZGBywwjMIVBaJ2evYVNyNiV\nO1bWAwjXu6GAVXuuXAbqEl2/T2zF8JEneU69hlmuu0rRGDhJQ/gwYRACp3Ky\ngZT+gpRKEVKPKXd0r+Ps+RXINQvEVWMu1+eCnVrctBfsTY2XJkeVzoPJI70E\n7Rw87ufxQbZxlUToooiJcIEFki29Xgncn0NJmLgvr19gdwB7M5DWaTa1e84n\npIHD\r\n=TJ2G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"5121a5a9e4874b1a89e4a84ad943d0939a48140c","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.0.6_1589457600814_0.18148828610430146","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@aller/cyclops-frontend-vanilla","version":"1.0.7","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.0.7","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"fcf30a82d84cd152a3a9fc49caa11fce8447bcd2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.0.7.tgz","fileCount":9,"integrity":"sha512-oJxz1vra9S7piUeH31KAPBi0+rbqU72WlTbcuNNlxoKmoTOjtzoMZWGsW0F46xXJ1YzsNB60eTE3tmAeu28evQ==","signatures":[{"sig":"MEUCIDz/4PUNGo8t3+d5VXPTH8EMcb55VvgJQsxSy4ueecQVAiEAwE1EOUtAbs/z0IvcrkpvGlxyMlkbfWBNN4hDYY04GIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevpcLCRA9TVsSAnZWagAAOIcP/Apfzchq4n7NfLTHmELN\np76mq44QWJ1qg5myGKyt1cFmApGyTpb/rdVCQGh0AtTeQNZTyZG/sHTEUXiS\n6pgNmLFnHOCtS5D1rNbstqwFBRdl0v2lIGsLoM0YGiepECKi1wjoeRZJvdC1\nDepabJXFxsa/LSUhFfLVm04mBJ/mnZRwJXu1EKPdLHksZVmDmGFzzdCzZDdn\nmqy04a3vqd8c4uAFaj6kziHQNFE9n6THUSxrI/qsmgHCuuNAlZ0WN9LR/bBA\nBngv5JBKU8j6Nkxy5ROq85odtwbCWPvbNwsvwPVPOTnpON1Srf+zWupjy+XD\n5PWANtzK4HMN8HSmjgQAduaTUdCvf/JFKsNs397P8Ak976i7mG2t07Obn150\n7brZZYrNC8L8NTEwA2CoGkc3tdrBB/eAbbsm3vTchyODHGXu6klR500j5kFF\nJV0i5td41DTt0gFSdoncm8ilp0QQDGR6u1HfVMYrw4VW/NEZHOu4wrlqpitn\nQrM3YMEUc9s8DAL9MldPnwbcMaqR0yFCHJbzOHXJqXXgEkincqZF7xtpiOFw\nINq9iixAAXtRlhrtyHbmDR6WA/PGxPoZ1FieoegOJN2sDiJS9avKc0EvdwHG\n7eryXFvJw3+Lq8SRbw3lFkuGhZxetxxnKvlbehQyWCV+TKglbMgE4EJErdR7\nWZ8J\r\n=sFL9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"131d749c87deeae118cfe81f3eebb2e5c00e507b","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.7"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.0.7_1589548810342_0.9220027858684052","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.1.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.1.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"fb07c746e01f647357a6cdbf4bd72d5361ee8720","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.1.0.tgz","fileCount":9,"integrity":"sha512-l9ZsIWzbzNDJT0+x2TD+Lo9sDhxhYNMI3DPmaEHrfqe7H+TIRFfPdL93PTAmw2EWyfKAo0GdvGlOsqZtuk4mIQ==","signatures":[{"sig":"MEUCIDg9jSQTU+ronoFSdgGeNc7KNz16HSrcQtrEP2KWxosrAiEAwuy3tspaWc1JWvNdCHc/q5HVbGflvPiBz7Iphzb03MY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewmmqCRA9TVsSAnZWagAALpUP/RFlfLSdZQORG124GW2x\nR1iRfrioubRL49NxUq3A6DXwdy21f2q8LjdvR8TMTxdibm+bHFOd8n8XXdza\nsvq4wrJWuQEf8ElHhD7yfnzf0vaSOr0HaX3ZdToOX/iNK8kChKj3re5+bgTZ\na7gl8BeKTB7tHpcmDaZ07fEBQygobjdnGcNk+7eCRLNtx/WpWI88rttCUvqK\nmh48EAlQPUKPlltGKOMGLcpauKAzwl3zfj/7JgczMN5rus9gYTfu4PAVbJ8d\nJHanJrpq+AsdylzuiRomjrMHbBaOj7J7Y9tb3Fhy/x/o7r14ZUFO8ec+OURU\nc6Q2E1B7RKCvjw8tm09piIeHA3l1tyWDc8AcCqqF3D1aNMIzfff/PxJpKXm9\nk6iK0ouHgmWaVDqepLNUTbS20RySPRxfVHtNLesS70YOVHp3607Te+2sspXc\n7xeA7pv/3A52GE6fVaSmetAWIXt+sRZ1tU9tBmSckZ7TzNBPVV9cahS3RHnE\nwCKahco8EUkAC8dfxHkwj57mI9nL84qujxGxOD7bNk7PmVrmIMH95PD3EQoa\nqSpBYXhfkUHy61tKuUch7W/H1bDKV89434wwGSBJVWT4a6ySJnosGqQlNdnW\nzupI3dlUwfef9cj1b6mFceSrGSM6uIJp0N1xhqixemXEiEBtQ/XxcOClyBut\n1/Jl\r\n=gIvj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"1898cf624dcb21246694905f51828ac744bc83ea","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.7"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.1.0_1589799338318_0.22916314084576173","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.1.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.1.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"68856d6b836da4836148d1ce4f365a6c8d1851e2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.1.1.tgz","fileCount":9,"integrity":"sha512-xiHwyTzvDL/NyC+EcAJ1YNajN9Mv1ufyMoUmrFVstSd3bIhccn2eP4f+kfzHmNAE8jINsxyeKKnpq9eH8TgOwg==","signatures":[{"sig":"MEUCIACywVxIpSuqD+yI+nGJfwi67Xd5YQZ5BGexccgup7boAiEAzsENDO0eiMioYbaSFnYRBRc0asFmBMpGD3dwwvlQ9tQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew/QuCRA9TVsSAnZWagAAWZ0P/3Osn+o9uQwXwnIgGUkB\n2McfLBtQLs+1icH6+Ctiq9x87WvFLHu/L9IWnrWQUTgCoCwEKfBZZh9ppVPa\nm9geH1Jdh5Bt/DoQ1aZVdigPIdsHY7AaBzHPcjl1gczSN/dbbWrwrw1igwGY\np8BXIEC+/g06W577Kjte7VlV0QjzT3TwX03QkbviGSUbF+e+cIEan5X9GBny\niLTjNMMIqkURTJTMBkSQzsOLwM1PgtguYCTpGpc9Ce2kyb/SffHsjWZomnAm\nYRsxyE9LOByWlccKGGnV2PZn9t9VyUnT1UIutj6NzKwt9WnfxihenKk9qLbj\nd7g2Na5BF33MA69JnhMHX8+e6eXR/ruwzxpSG4yZUs/Br3k6zokrQlxbPKxu\nCrjWukyeoTXcrCODBQWEKpGvbdJvKXlGPBM6WNgSNhxW2xn1nbY/M9oUwl+9\nwdf0QpFpGGB/vN4fuJBROykXDMk6DN2KTaPkvdV1uwkdZ3kH4ZZkZ8TB4X21\nsok9HOrTima6QUhIkR8kbg/y1YeN2VH8SsC8vqlugRZh/K3KXJcG6qh2c3+S\nRmBekCAqCsfm1lTvNlsSDvdUuALNnr+XtKS0pY1yOptQw7it5as7n7qYgKXg\nAOy77+oLtdiVWbVchLs4uzvTIXSFTUSZfwtAze/dZAqgNiYKtDrH6OJeadCC\n1IPN\r\n=TlR3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"0bf6c6985a2608fe276e7366b0d26efa413acaf9","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.7"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.1.1_1589900334250_0.42976811187284847","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.1.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.1.2","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6572b326c594570abb9c56eb88e5ea0bf6211de4","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.1.2.tgz","fileCount":9,"integrity":"sha512-Wt0tNrMPX/u6+v0AYWwXpShLJ6EsmuD4HPSvPesF7K70Q54aa2cNCZA4txsZZKcjU8jKhix+OSCOT9lnHsfJvw==","signatures":[{"sig":"MEUCIH+lk9tpbamCdYUfVAaNdVmHCyWRmmY8Cx7GMEAhvUcIAiEAvqNsey9+cGUwNTmh2ZsnJqWKSbMyCXunjhVpAIof934=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexM9eCRA9TVsSAnZWagAAvm0P+gIMtyig4kEiSAWKNKu6\nlaqoI01iSwZYYgS6OWX0/zL23yELOpbrQlcGUorhFaJMUQKJJ2fbUKBkus13\n6iDgx9Rf/wBseoDs4hCrrXYTJvTczjxwY3CvKOU6H1nZzUyil8CJRqbmVX6i\nmucp7MiD6KM/dt9OHjKcq9yHVtLbl1UpK1Khiltid+DtOuKlI8Ww5VjyFgmw\nS1Zz8fDau3kf8Mq5akHIdQQOljulY/y6RyxCa27v0bl2uDqiAlkYgYRsFz56\n687yxzhhmvtYjnKgWq0ePRt5EdOPqq7F2uPQ8vwq7yeZ0+kD/cGXL8WtvekB\notgLEXHZKQdxx+I6FkyegdTyFlkzUnUpEPlXSLTJZun7ndWd8z0Zi48u8Lov\nPMMicg9+bjwywD3sksldcKerJIkAgY1o0gPrUem+0TaUrwSNi3ds1+50Lirk\nr+QwODSfYYYFzrKss7yYfzyzCx7Rjomqb0xzfhH5ODbTnbMtZMydyGA/dDHS\nxkZrnfPlt2GAbcgcUIiwnxbLfLD1ddhImlS7Mr0n1pIb81HAfiATiVpE2Y1O\ngImYsz3IWSCzT7GHfvyXrwri51w6alSduuL2pXn5Z43S5/cUpg4iTff8iXRh\nRafOhlcLeMzpVkirOp3CwaPaEtMMC/rQRnHW1SIYvPpDObCDCMLL0nGz+wRY\nnYyc\r\n=4Iew\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"07e1cfb77f00511541b7600d523f02f87fcf1ec6","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.7"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.1.2_1589956446383_0.8446560337191977","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.2.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.2.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a1449b44edd86f680bdc9f07dba581619a95567c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.2.0.tgz","fileCount":10,"integrity":"sha512-3bW3/PcvtKx5SMDh4n9rxVFNTu85yybcGhU9waGcbZEQEo/h8h5XMFvbWlPTOZdGiWLGOgJB3kQRgbgOz1fdWQ==","signatures":[{"sig":"MEUCIQDMFKzh1AXlUoN2NMED4CUf8HjMtygZRBDKMp5hyhdxngIgDSvsGUMNWEJfWFSF5qvfThUc7356ge1nBP//45mdfi0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexNxlCRA9TVsSAnZWagAAshkP/0/NkgU5OmUF6M56Ghuv\noNspPBShShk+eZw1JUx3/z/BZZyIu3ZVk0OcAjRgKHH2Mb/jcUUQdZCtNKxM\nv0KCLzlCEbLTFTugGlLXmMdn1oY8WMIz3nrFnqsAR2bZs7k4sWzE03WETFSG\nN4BHJb7+R3aW0bgg75pXIcCpoW0Z6iwix2oUqiCSd8rouj1gNY9udGioNiaZ\nbjfwtl8jazMHVArITsJzCU/n1PBQaEbdzWAUVe92iVd7Wte9tRcXde31UeMO\nEOoLU7Ayhb6/vRe6Y6YrH49x3/MIg1dyXiBK3HKFHeW8+wQ49QFaZ7xB3PuL\nQ29esl4vye7xmlRh96qJtK16R+4DPWg+xzwNTobsanOmTSxTDF7jxd6t+mI/\nhP6FMfOWjI8e7BfvqqINJGZEgrjFLoZry8PSu8YLCttqdpYTnebLVkOHh9Yx\nD3Q+HehDLLJaLgvHqdYfCRGCV6kMWVgXxoewf6lWBH3Fl/AcLDZ80+hzgu5n\nanGNUlwUBpAuVz2h8ud6/V1N/TasyckcFEHwai8USzhcMwNPXVg0BenExlnX\nvASiS8G59e7TaDeaMzZ8E+ICEd9koDaYHw9NiogFmqG+vl0OTioUeZdJzTJX\nOB9KqYcF3LNpievfiipfCZJeXXDUrtNzRz2ZvwQTlw70z1ltmI5C5PQV8GFK\nWa2l\r\n=8l00\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"283396d17378ecc1cd116fd49eb423b61bd99d14","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.0.7"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.2.0_1589959780815_0.7283738353380729","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.3.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.3.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0d3fa2a3a94d05c4df3026a1fb54ef3702e29741","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.3.0.tgz","fileCount":10,"integrity":"sha512-omTuGy9eFLEZlv31tsL1VcNt/aSaJcEL3Q2MmNq2JfJDeXCcRlq7CBH5ep08hq9QCJx4MejG+tznzoUgm+Of7A==","signatures":[{"sig":"MEQCIGcsph+LW9/KuY+3f+sYcURzJp5MVUPebs7Tksl8A4vGAiByfJ/Q1Oumq637/igJVDyavt0tCLdK6AwclrcgouJzYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexUiMCRA9TVsSAnZWagAAwz0P/RkOuNU6yqFDvLeA600w\nD4zccKESNbJQZNG3x+z9tDtR7cE+DfXR72ajH6h0XSM1eF4Me7GUxsHcOLkK\nQasNZm7KvOVhMELz5vHqIz7UF5qBVXkiVrah9J4SsnFE0/G2j7/BJhCGjvS7\n09/IuT14Z4aGnxs2Osu3fBduSPA/ylIN0pZHIJ3hrlIunIirFEHM+57dL9Po\na1uumCxEBXAquF994If6yyyEjKLd/CFC+ib7BUUnIlfTXHzsi5nWiAPlxnfV\nHedHwMJhPJuNoW/VzMiB6j8R+wS/XnE+33I83GbNutr/b0SV4D065/F31BML\ndKQPHTnrDdhhIWBnbJKPmdKpPRIs7YtC0ofrf31WP3orfKEPLyhVMaUszHLY\nsMOsV0G+Ul9C17W/5rAmk1xnlfM1NRuHk7VxQ+JyDjdyBwPZ6faumj3Zb3ep\n44w3L46Fhh9JEdpNtfwFmHzO9jsqyQAd5MqTLw0ETqo4xOLwdVApSxPdh8Hf\n/TBuw09T60Yh+HOt8jaAzw9B/10Xr64jVDTg3IbJux7crQKhE3CEMyscrMxm\nVCm2J/lDq1oa/JF5cmygbn/Xt5yooKbz6L3aCSYyGZ18VhHw6PbdPLqJZhDi\n3zIW5Hy7UTSZ2Bunny1o6k+mVe/DzGPNWfJ3sm7d7ylgVmd3xaMa3U3zROiP\nU5IE\r\n=ir8o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e8b0cbcb036596960922cd6a1015a1f30845a876","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"@aller/cyclops-frontend-api":"^1.3.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.3.0_1589987467925_0.21635959561847629","host":"s3://npm-registry-packages"}},"1.3.3":{"name":"@aller/cyclops-frontend-vanilla","version":"1.3.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.3.3","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b64bd26976b319e0545ae0d86fc74dd41202b707","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.3.3.tgz","fileCount":10,"integrity":"sha512-VyWvcD+Jq0CUtjorYylW4rypb3ClgmPgrzFkh8kgkWtjJq/nw+88sp/CzD3t0ZNIeqX22VGounFDpyi5qoPmLA==","signatures":[{"sig":"MEQCIFmHZrvLzBqWvsLX/AD46kGfZC+H5mfppN2zxct7yCaWAiBjP2arM9I8d4kESxKJgCxllaHekDw9ZjhCmtnRUSIIsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJex49kCRA9TVsSAnZWagAAJWMP/1gw9NurM5e7UPUVQZOY\nXPlZ0svisiNeTRc5SLVM9jWfVfXNKBsdSgSkW8KGFP5FbMRsRExtF5dLlvSc\nox9Oj05zQJqX7Z2NtfsvToP31qjltqGsk4cELwYiIIUoa3r2t8gXpWaVsV09\nvv9CibW2wIpWLXoYrWR+bWvDqBiOHXwivA0yMNES4+5FRaOU57990x1v/jTI\nh3128KU46yPqJJ2a4ka+OWZc0e4YaBsAfBQp2GdAJhhPTtMVIdBAcNjxJtr1\ntiUW2uqcqZmayvenX2Wn+v+8ZV75fZVGT5C/enzX98bjt3mg3Q0GkWPuSnPV\n46KUghyqMbiUmagEnBM5DUTR82Mlq9pjyvKB5+nksVjOnv1+TjpQklm85Mr2\n10MHl1nBDD3wY6onlriPR4qWACc2FunqZYPWQ9C2enduuVBMDjliRjxKbnKF\n8qaOyy9SHzSm/blosare4HA1YYqG6oFSVf3d5T7IN68JAd6M0Ed6n+fyty+l\nW8OmIe+vFbsRFqLy+IUC4reap6D6oGfdGtolQio0xQCXXYQklwwUjZUsYKsy\nZ/xFSUUWe9Sm6/w7JCnbWzPBQRqWkfZABkmkiN97Rs/STblWMjAXgZ9kBJ3f\nfjmE5DlfCxg77gcglQbNSmmJ3RcS+hoyZ1B+r4TjKp74BlHBGlhjLXRhb4jB\nmD39\r\n=AmuX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"ad3bada71be9490f1137725468c467f8825d71ed","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.16.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@aller/cyclops-frontend-api":"^1.3.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.3.3_1590136676135_0.30033466060893543","host":"s3://npm-registry-packages"}},"1.3.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.3.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.3.4","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d893cf039e6dcaa810c82fa975308701c4ddbdab","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.3.4.tgz","fileCount":10,"integrity":"sha512-0WJR8BMebEE8g7eYthpKpFEMUujk70YZs03AO4zVJJffrPrnkE8Pe54jDbuwuarH7XJwhcBV7J09D71nnTrgRw==","signatures":[{"sig":"MEUCIQCO3gsR5fCVPXQK4JrX1gr8YrsE/MuFY8B/oOLklM66SQIgFx6qmhF8wFjM6eb6JqG0yqP8MCUp6ASc7fV9x7k0pCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14427,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey5CVCRA9TVsSAnZWagAA0PcP/Am5QM9/UKPViivch3Hv\nNyjSHRPj6uAvivKkzEho5T5ccDVkOGuBgWSsdUe1DGQRrja7BPXNOb24mMBL\nCTzY4cC99X9D9tL0yixPJWD338zLe7B7a5O0pqeZDVmmaGbCjazrn4v8cvXC\nM5NJNc9fKfdA0V8c1Zs83DtYmFDc95a3aXEM3yykk0jHlzuWpQ+hIrzXdcjP\n5r24yQ0+s4ry4L+/0myl3iJ01iuZH919oDfprrJfHnsavcklUXoYnMOE+nR3\nOs9dBKiQ6kjMAZReVm1E7FMdDnojLThMUgivepeN7uiI3KihmXWu8olOITYN\nE3pEE8asfDclen+zdgYfN8inHtgqOyk1mvaylHegawu8jaED2smVf/Iia5bx\nDPNh/7Rbj+TrmO1hv53k4t3D9v9ntuA+tq5hNmoO2fuPxIBbjXyYXv1UFxtd\nGrIUvBNLyo9ytOmqSBhu6tp15zZElMk5w++xGtfZ8nggFEgbAXkXyYeBF9I8\nuRxdYkr0EHMSR1YGyM+TngluZnHwqCO37sGwmbms3lBvtB+lGiA8swa34P8y\nwD9JuZZaMI+SJSxwTC857rvMvpzeinuuwph0YCOLkA8xv1ClXq4cK3/1ePl3\nQXR8DQ9TUwzbB7TWwQwhNQFPz+MfFEsc+omMkV+nGcIvh1O8SMoflRBQAq33\nJPl/\r\n=5EvJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"ea481336d3b940586db5b0b4945696da6f7df3f2","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.16.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@aller/cyclops-frontend-api":"^1.3.4"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.3.4_1590399125135_0.27201685189409575","host":"s3://npm-registry-packages"}},"1.4.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d601d17558ca637c0054bcc265ed10fa7a461a37","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.0.tgz","fileCount":10,"integrity":"sha512-OLhlUz+Hw6tmo69P6kgGBW3/C+/2WInwOwb4RkexTxE0mAdoSAaOC7N2QeytRkIUbek5Fqb+mvz798Iiy9AOYg==","signatures":[{"sig":"MEUCIF1CCr01WmvuniAER6ixryU0Lh15yZIXOfsOdYD7zJkWAiEAxmtVxbd089Bkj/gjFxsP+d3EYCVLjIm6Co4n2rHIQDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezQ3FCRA9TVsSAnZWagAACSsP+gKFLsOZWBzYIOfI4NQV\nEZ1Cq2CTD3UXL++xPd+ro47AdJY0jH+1RWddgJHwJiqDeQpvVVZHaEaI1bgT\njWmWIE4xEKXgvUgzNXk8qnG9oG0AAzGkS5b1Xt8lKhkDEphRbd53reb0EQDX\nbJu71Is2ia2DoxDvd2EGXYhQwh9pOZFz3hY/XZq0/68bHm1T6/sVB5+749cX\nxpbt//dCiCq8EV7A7IaxTxw5JZsvAVt93Ds2HIX1sIkvtPX9ar/zHbgeM5rS\nnDhnObMSsY14Ya7N40XslJCBta2eLyTo97ALeewCvftHHMOWrfhVtegWe5Dl\nHkfL4tNrXT2aIvgphc100XZPc+BKXwP7oxILqgzwuuL2+F9mzCCRIT1r43wH\n8mfso3+ih3MdJqLKJgxeTUmf05HLNHOcHKZsQ9/0OaRf80hbZeuulyqdTuJk\nyt7GrHdC6YmzD/afyfd9CoNBPYEctlA1ogE8HVClH45YuxcHMfOGiRP6qyB9\nme8iIMSWMwtEy2TCI0Ndt0Tf3QW0SolYmchv+xEvHnRaCN7PlKK35Hinxl4M\nvscLs6tcxwabu58Sj3O/HwbVEzwQZ4jvHIcpdQdjdZRUtftv+jA4aP6K0oO3\nV84VEwDX/foEa5pHnAYqP+wVcS0PJvR65cSZIwoM3LY0d6TXovkmRoKLhR9U\nAfUi\r\n=n/k7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"760a903518d469ceaa139d36b19eedaed3498bc1","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.16.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@aller/cyclops-frontend-api":"^1.4.0-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.8.3","@types/jest":"^25.2.1","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.0_1590496709381_0.6916516680479867","host":"s3://npm-registry-packages"}},"1.4.0-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"adee005b9d5418757b4b695a29a6fc359f6879cd","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.1.tgz","fileCount":24,"integrity":"sha512-P3rciuWvHcR331AUohxVWVZDl1nOanoYcDIb4Q+EhDx/mu3jdwxeWhxuV2/WgtQEAlvEFJj3iex5y9LmhRFnkQ==","signatures":[{"sig":"MEUCIQCbTtPjnlB2fbD/2/d1h8rhO95fOm6Tb6GVNFioZDx7ggIgfZYTkXDJBg5BLSsfmlwysFOJnJT3WAar48DTjmBOWpA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezkNECRA9TVsSAnZWagAAirUP/1qzoAP31Ie822cOrluQ\nEISuRetS2VAvw2S7whkhQECu5ttJfl/o7H8mIMooIKyfCmWLVCnaU4ZLN09r\n4NvcV8qnNGM5Fnj+D/LieCJ58+RZGO5b8C6xtmsadp3mdtsNTeQo/7Pp28dO\nhFY99PP+TXKb8u8bSlFD0WooPDiWZuRrTxR8sujgwBTfFyUC1GlQv+JBkuLn\np+8ACSnqe2XM+obAw9ZRf+UA4qHI7ToMnPUcC+wJKZKmNpE25QCZOy1Iezyl\n6Gfa0NA2DuS+J/0JbFDINucOZcaKUyCWvH9ZiaB04PzGOBte8a65DH+S3ny1\nKH8ybHlGFhSzqAeKpXrzLDzuSPtjp3Zi+OFmSwUQBXBqu66N5aoB4z8KUrKU\no6c/qf7IQCHmWf9gAH1G+YaUjqsF+MqrGleGm8Rp/x9U0KEFXCSckgnXdL8P\nAB/QXQ2enLugTeOg7mzh4kFP+yI3s/abwQYKoXJYo9GJ35agqWj4n9zmBL4s\nnN/Jzc06hXh5Q+fWgK4ica9M6Bba0kbyIW8Uobj7pcb/UsD3PZ/K5re3f9wA\n0EpDO6NsQFDIEMIGfc9s8o49ynbM165lD3Q3KTrV6Z1ZL/TRp4s4ZTVGVEzu\nRsI1pFNYI7Oy2S+VEJ+avTUCzS3Xa48cqerL46x879eUJs3+lrju1aAs+AYm\nt8lZ\r\n=gjKG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"3906b9a3331299adb938fceb85a0cf888a913bf5","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.1_1590575940351_0.23793452625263778","host":"s3://npm-registry-packages"}},"1.4.0-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.2","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"1ea41a223d90230e02586791f95211c6a902e198","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.2.tgz","fileCount":38,"integrity":"sha512-3jb9cto5hFdJcCsZHDgptFOdxicnfaiDgKRY/G4d9YcUUB0St4xiLxl/SohYplC98UlHQI2i1alnQzQFTisxBg==","signatures":[{"sig":"MEYCIQCMXjOxyVoF4bPOkYUclH8/gUhtOxZ4ef3ED9Hv++lRKQIhALhz3EtsJHlftJlTwLdRveqNHHWJVF1Wl7w8D/ruCV8Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezm5WCRA9TVsSAnZWagAAxh0P/j1kngCdceTFoT3CuNst\n+SXq9PMXKv/B1+uAdG+x7UWoC8pkplpzprbJlyXuUUFfMxxzlHBwiq5oUCv6\nzJJisFtUUIThr4sF4ohUzLWHy9XctE3P4w/aHoY9JsKpJXvxUoDj85SDBujk\nocUZDCKJM7t7LHQ6ttQofxKV5wj0jC0qBLtTEuIXoHcyWsSFvC9/n7jFWijS\n3SBoTrm2s5QsaF0uHe+BJmBaipq1LeK6zKqwl7fnQ5zKx9JbePFYfm2rDcII\nkF8d6P8hqkOnHH/OhoWZuAjUb4fEs3gvST6x2mCDowM4apDMp7m/rY7gksQd\nWapnYPvdYgMSQ1C0RgI/s5rmLtml3dduelo+pNn/k1OdRPakj9Vb7cfGoOCi\npTkrssBql/z81sD3jzgVy8aVlny5ms3OvilYpvNNt0UHCkgLPPbusZctCbjh\nGf9XhjJfYhgkS6CCVzd9z1w6iMen/nhtnEQxs19ksLSpPlue8oL7R0HfI1MC\nFk9qeRG6ZANjLeExh1e4iKX8iVs5qzta23zsLaEjAdYJ+96HtgJ4JS1SUeS4\nHfNdKgENt5IgWEN6InWuKhtFABAtp0brbdRCYWiK8IrieWaoh/tCXRdadWOn\nepo4MQQksdG0J5jRKm3nsH2+9l3ct8btX7oFeOrJWglXhT+v8QqZcWJfpksC\n1DwQ\r\n=6qA+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"6d24080493ea01df23446bcb37190bc547c84ca6","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.2_1590586966399_0.02425203308952284","host":"s3://npm-registry-packages"}},"1.4.0-alpha.3":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.3","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6d80bbbf6ae005f0c0dcbb42b9866721b5686caf","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.3.tgz","fileCount":38,"integrity":"sha512-Eg0Y1SgmeUnTRut6VNsWz7icE/9P3KeAkGN9AkzeuSoeBVuKnvZLOkJ3crJZTMu1Mr4YDnul/tqqBKR6KKUamQ==","signatures":[{"sig":"MEUCIADRi3icfppM47UEDwei/NK96s3YrNpxPrqKaXOZN5ZVAiEA1H+o8AhOPV3OfmQwSw0DdNpKrk1Ff96N7w4ikXLROnk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezn2uCRA9TVsSAnZWagAAzYoP/2JpwuV35BDrsLnPjyh9\nwv9KZIOf9wxCdlKO3GDoQvi/i7V0JUz7ONR2T+/SfqByyzdJitJTb/Tce39G\n0NF3VA0PjAQLtd1Cpv58cZ+j4/k6mPI9peO5R6aVzIT3AhyOAjDdUtg2qIlF\ndiUgJ5vb4qBlrlFM/+5ol0fBjox+ahZ0x6aX76/wCtY78qd0ZdVv5ii3pxNX\nmRjt64wpAHioI+wbQijtDhvTMbYUt3j95EZ6FAuKga7OyUTrEbiOMp5w8Oha\ns+dJUt+Hc4fBkbaZOK5dY3KH7A/z2FYi8kE4GbCh7+a0sGr55bDb4GTcKLII\nrVv10r8QUiRNteHJnSeWQGsq4E74fQG+U1KDbqzK6OCrQw8TiGBny75abEdR\n4F7B1cMs4OdlPAxnnker6Pukpm0hK8G/SoPfZ+JxEABfO5eubKKGFnbz9fkF\nZ22NEx1peLWtfb+w6N9RhcSan5rCIIWf1h+zeos4htaszZq4FW7wO2joU8kL\nXnfsQ/Mj4+OzoMfsbaBbLfvfCN8cHNlLPwA4EfGB+UjvosxbqBeWR4f2en+p\nsvqZxLbjLEN3gvn90Su9xhgClnKiUIg7oD/DPCfDvKgcxuyXKa9Y/tO6foMS\nsXfV1BcCUOgu8PdlgFFp5mL6DoIOBwRDWGzEdVuslR7rPpI92Sg8ucwk/fhj\nvRo4\r\n=yvUu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b33658bddaa7938389a80214543674043123e437","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.3_1590590893710_0.5086591576450428","host":"s3://npm-registry-packages"}},"1.4.0-alpha.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.4","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2f8f6fd8922f9b4f453084f37dfb90ebb595f6cd","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.4.tgz","fileCount":38,"integrity":"sha512-9TovSwvPQmsgsC6M7zQYF1aF+WWLeRdW9WXG9v3bYFIl2ODnwGjUISXKVqe240nRBLt7eZsLNyLqXxhK4MK1rg==","signatures":[{"sig":"MEUCIQCKcVZXRt2YEpplleSRmHL6hO1N5OzaTzuRER/UAcEsTgIgMv1r/ViONaoDR2uJvp30DSy81NrB1n33sSHD2acNxz0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48643,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezoZeCRA9TVsSAnZWagAAobUP+gJ1zNzB4KoDMtarAQE/\nlrxVP2XDGqd26sNmK+HJZQDTZ3RAgTJThX5+WSdsZrHM3dkDWxtgZVWUfSHG\nZAIDSxJznacJd1fWhPUVihYcIrhLeA+3zz7rX49e3prsQs+FWjLGgUDcX9e7\nptMF5yTy5yp7HM3DYzOkG6x+OIoX/DbLg/5NtHdX5KxbR5U/s5DlD2g+c4bQ\n7bu0XMWCstw42mT5m5TRxPzRDUVvCD391UnmaI7XpTogXMVoKFDX/FB3fu+Z\nNQQhWSImtV/x3ELYwQCbfEKgERYmgVez/qcGU7BYGMJHp4cjnuIYtuueY+nM\nP8LolPbhVXX47diH/1b4gzwf4/sCX0jNv24rYm8UOU1NnRfVJegjFzzVfuWp\naHtoZfvRVjpdlzD4S7gyDvL6cMLnSPTQEYijN81Idkamu0tSjbeQG9miBBmE\nGs+0hVvI41MrmXwxnxL8/UZSlzhCXlzPr+OUAkD96aPwaoL0oDS9OoYPFazB\nwkOWRPnA8LCQnkWwbTNPjAc7DCOMwpIuXxx7tV18gq/f1LM+JQqPZ3x3bCVl\n/bU3nZQL7BKa6B8y/uA1lsez7+Zi8kjJKCrsC3ZNoBUk7YCL6FXdb4N3sC+l\nOaI2iVxlkrbCELiFzXdqxV/qRovHE12J6YwMtBns30z2ZNxjPz9W1CWfx+6O\naDtJ\r\n=I5hw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"a882b410c1e2c55df5b9855397ae56245e5320fa","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.4_1590593118517_0.2330174672249512","host":"s3://npm-registry-packages"}},"1.4.0-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.5","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9d186f269401ffcfd171c139e8ae50c5ab0a2ea2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.5.tgz","fileCount":38,"integrity":"sha512-kfG03vKj6PSpDIXitP46APm2DJsJcNdV2rhz1b8iNv9rcU8/9uN07lc7TZnrJFWMQxI5IXeWEWLVZ2YUIhyKLw==","signatures":[{"sig":"MEYCIQDBTnQGtpr4avHNfL5XF8+3HJ4WFxgQA8IjsVL/ap0XegIhALWoWpfr46eSD+7z4wUKDPIdboUHkWhFGKHMh+jkz/Mi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJez10ICRA9TVsSAnZWagAAM0YQAIHKLdqzyYSHPOJ1rXMj\nMEH8gEKVHkEV1/1J1E/NEDkI9L+vmg8PD/ZYi+G8NLza3T5MacfWqo9KIkj2\nUcNPmjJJJEfoHcnHeFSr5omzOI6aS5FyjtVZ7ZweOOk+JNRn+tORBySWf56m\nmUSS8gta+lUa68UbfAktfkIlvQFJCT30nuqyJX+OgYQEajOrE9C0YtYWJuNP\n0X0jAownAC6BHf3U+Y+Jj7tTHMIu4HhYkn2yxzJA2FyihhpzhmHAxFb8x+ZV\nZ7KFBOtnN78r/bEUwcgB2mcFOJ91lwmFtwrHjzMeHW0VMKlKgh5F1JumKvVb\nYpvSXam4HUUa/7PIeZBhF5BgicytseRJ3ad+taZSKGr/6HAyc6vsJKNOyrr6\nBDxDy5OIJ9xfTGyH0uMU/3WgWqKIPVe3iybrWvldfssHgr7c+L6+9tvJ9y1S\nzvdxU1szhhiv0YHZiyq5tnAnQLAd5mR0CmLupszSZ7t8+odNZxMdubA6gae3\nHz/H7mMDebse7WYAwcgfHMYFcsYiq859ilywob8lquQ2lhC53m3JOmeohV0O\nZbN5xtRxpEyyR3uaqzvu52ihI+AcNNlnCcIOZjlFLc+gPeSb4cPJcAvKJ9kB\nBeF442mq12KnByE3AELFzcnuhFptScy8awVpi/biZTdHwEW8ll2jA0wys6lD\nbXPU\r\n=dfJu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"a13fee0cd4dddb2dcf84fc683350c0ca3c8ec405","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.5_1590648072008_0.1913065588153846","host":"s3://npm-registry-packages"}},"1.4.0-alpha.7":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.7","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.7","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"fumler","email":"fredrik.fumler@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"profchaos","email":"dan.audne@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0ccffdf47f9586cea15a159ee75aba37bed41810","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.7.tgz","fileCount":38,"integrity":"sha512-NAF2BZlW9fVZfSF2UuQPxwn7IY4iu8O2m8lkS4Yot9MjjGpCeM9y02ZfL5x5bB9NMRDYma+MD0CBRp3XGbGlNA==","signatures":[{"sig":"MEUCIQCOeC97Zqldj09fXlHx2NmlAyEC9/YvBPehmXc1CQZMSgIgOOvnxVcW5OA1PVfRAiswTqEf0k+b9W7Lna+C3Q81Op4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJez53FCRA9TVsSAnZWagAAZi4QAJq2/F1EyDeI32QLMUMX\nW9/kJuzMtSnC1DE1cAfr3LHSEw3EYWygL8bA0+G/R0/m3y/PrwtkewjgCReM\n87hObor58leb5l9Nncioll6LHZbmjX/OVa9ngc1/OvgddqiCFMsDbJDh5Qfn\new/qFfOUKGltlu+K/UfycguIwjNmMmwY88crupDb9xHm9o/zj80S5YmG6SjR\ngDAthnYms38Tk+5OLF3qm3eH7zpkrRq/lbOFK4DW5bNtkqDeSQUis5W5KSnm\nzqbpwZB8WvQyWzwtaJrfLaAY6grsB30sGzKj0K0F1Dso9U5hHXFUN+RXJqxG\njM2jh4pQ0OAAHD8ZiD/qVEAEqr1JxtMX+bQi0779vCkDI/fUF9LGl/vLf8De\nRBIhyw6LfDinFrV87DGIbC01a9e3NDtx1BYhtiZvskOXyZ2HVhBPenF3eHos\nmlXWtXSZ2Mt3CjtOGEcm5aMheI063S3+NFE65KTI704RqmD4NRHiKSze6ppc\nMK0dDhgVBLsz+BCtVZ4FYx5jaM2O2j6ctswQFQP3NxU+bp4IZB5GbggXwR1J\n0OSGEbJ/H1AzdYeOKpGs5AgLPftcRi02GitNtqPsrh4UBPx2rFxaFWpm5d0i\nKP3tnvUZcfvKIhQqtwg6lNxdhzYqZcu/lFhSSbaCpJhwcWGr6fZqYjce+SCO\nnJZr\r\n=1qrP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"03dd6f3555f3696a17c056c9596bd5ee3247b533","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.16.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.16.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.7"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.7_1590664645550_0.3260254717460995","host":"s3://npm-registry-packages"}},"1.4.0-alpha.8":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.8","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.8","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a2269a8bbc228d90f258dd6418348eed2e1ae88c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.8.tgz","fileCount":38,"integrity":"sha512-Ca6qpkdwrjyNABN4twRTdFjzZ8kbPGV2+HTpxLPEpwQXsDJzu5CkYsNbqXCPDgKqWBWJzxJetikDXLuVsJZesQ==","signatures":[{"sig":"MEUCIQD0RXayJGw89fVdkpHOhxlJbjiviwfOn3Snp7MqIHy1kgIgQ7+4G7hKc/mffARX6Z13ogzh/6RPymbCWhukMHxgNHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJez77yCRA9TVsSAnZWagAA+gsP/1ZqYOtWnd+6H+R1aibG\nXcaqVcHzg/mSwJjHZJyDsb00O9u+O48KuXph7WB51dNtiMOizio4MN84QWNN\ngNaA7GfIDHbEES2bslkUdPZTAwS231qEy3tZf1BIMAhMnA9OGtHztGOno1Eb\nIaKNpNUi8q2BHO9lMTkPfAMHXYOKYh9rjNOju3mTt8mo8bQxH5EK69fnXIhr\nDfdssz6t/pAs9a/6uchEy2QUEXA1B424vA8LhB3EVy9FT1FQHEC9gEtFRj2R\ndCyXHfO0KEsJjKLHMPwidL1RRySoDW1BDhMT2YdHT0/6dCzW9J60ZyfPIb3V\nrVRt/c7nAlF6XYk71lgx3O7cDtIc6p0GYTVZRIpVmLIoi8a530N7Eq8TKJ4P\n47dSkG13zGSB2FlUG2daef5fP2bHeigDKsc3AvAkaNf97fABwSeTB+uUcmHk\nzWD5WHCVQ3wAXQz4vLLIZzQGN4ThQT0A+WeXSSdnG4M37AueOEWKH9rZGiL6\n7StIhidUSRbMnOivZlFTT8jXF1zFfA1l29iHr9iEn89SgnWOBBfuNWmTX+sb\nolKGnNDzocUlknZQ3EpF3KRt9IyQIoC1QoTZQI/sw5xZCOufL5T1eCL5JklS\nkJIpTUjP0yrlQghdYbksIn8RcEH6vWA4QyPa0rh4E1Nn3H+RG+ix1Vd8/msD\nhbwT\r\n=YfnU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"9ff93ae1769155db09d9d726b46e344f71ecacb3","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.8"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.8_1590673138178_0.5594603169828019","host":"s3://npm-registry-packages"}},"1.4.0-alpha.9":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.9","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.9","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"88e22d8a184297b973e57fc9a2db65d70f4fa212","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.9.tgz","fileCount":38,"integrity":"sha512-4bBiX0QjyLn3FVIvX4oGmr3HSphTcppT13VlUOO3nQ42lvaAabcS+DeGxXqnroI0PnTgW6ufGDGwSiM10szHUQ==","signatures":[{"sig":"MEUCIQCCxV6LCNYo1WQRq1+zTi7GQH7xvlSK9EiNAROJBj18zQIgKZW6bEG3K4OSbBQ1cxNdnjAsKDfxUJ0orlNRFvaIKo4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJez8ekCRA9TVsSAnZWagAA6DMQAKUqU9OBCc0bs9pJ8rD0\n2uYiheCkZNVFPj5Kr9nRbliSt4uNnM0X4aCyMV5locAt+ZfnjqGW5fFlk/6i\nkQbIuLYQl3nhnMGZC0Wco5on9j6UXxfdkb8sZtIFP+51OZRx7G3oyRjzYyho\nOGgCLqX0bRZpxZHCK2W3niuNVx5LO/R1BeQqyc9gTUrpaTd4rUzAjsOB/Y15\nuOFL4n567aOaWFqIAabEhgEZy8la5VliGnwNtFdahzcIaXOWeuGpNUcvAicy\nGDiNSZTLXIIlkoGXqwS/8b5HLA2OqW06a5ccAec5kIWB1/mJ8PvpL4IuQbk7\nNZjAEgcd8edz/IctdcNuH/x3YOWTuPIhbNmcmXWjOz/XTEOap4SxDFrTtwv+\nj4TtMTjq7kOW5LgljuTlX89S0IpVSj2KfcjEI7zxtLGf5t3uZNhXJhWu0EpM\nrF8ITgYBIwXmFL36spIHaX2tLunDsrc+3QQqblCHqEINna1dglnP2tinGf27\n6+g6tEGzD/SCFmcKHPequriz9dwK6v8LgAPhXKwZqU8nZ43cmEXZKYsMcF23\nqngJhvbaLk46f7fEEareV/zblLPA8JlHLkdBs7SmIcb3limMx9fph3u5wEzO\nE3TkovZ7IXazWp3WC/N4hQkyNhmp5z6fnd/2LTKn+72Ujx102FLE34Yc/XcB\nZo5h\r\n=LIEG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"0a85a40e388a8d50422625e977d9ed7b5d4c74c5","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.9"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.9_1590675364306_0.4821514907944364","host":"s3://npm-registry-packages"}},"1.4.0-alpha.10":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.10","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.10","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"bb8a9257667c6db8053bc83f452eb9f1b29ec2b4","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.10.tgz","fileCount":38,"integrity":"sha512-ADnPdbLDQlkTn5/gt6owSbNx+G4gLsbNJzQ+PS0bDaxMRWOb6GvPcclb4QV8mGQWc+qc7okKNRhGR5dEsC8kAg==","signatures":[{"sig":"MEQCIC3ckWiMhc/3TAv2SjlTy6eHj1yNi1g+seVkPsJCIZgEAiBeOQfduPkDno64wjMB9kK3udVsyKiLILxEmI03BLOTMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0MuvCRA9TVsSAnZWagAASTQP/3EEPMbddepIkgSk4tT5\nf/LtZSC7UoiZoLZzDlLT+Q6cxaBvEiZGCU3qYcsxopeqeoCvgnWQTl0kyUIF\nxEFmKSVYEnS5yGfgXDIBZSsacaQhHEHKqhwWQ5D6YmoEtEaqe4RDXPXpqhne\nElW2MArs2mMoQbw97L0lSdHfbiKJ5iyJQw/JtvQwl/WGQ1fBbWhXVcgT7Vg7\n8m6MDI1/sq8ORwqYsMYOkgUnUrK6fnXWm/B/UvvSgw6/8WJCPcvZIp3mpqEB\no0Z2i7NmtKOJ0PF99FwQRgbb2J2OY+UOwKKBCScj02qjmQz5JZjoDudvPCUc\nECgzPKfMuea5uxh9wFTyEbXg2c3JgfjXyWxZpA/OvFRUVuKeuhIiiAiCWq/v\nK2Jb+cYyVz4KkmNs1sMkqXvxL4f8VzDQodrMYzKJCWv3x3SohTC8h7z+7F/Z\nko0SxOel3KM3CpKiEJzucA9ZaC5it5Evb3vUukIt1ClqLTpzKxb8t+TxeBKl\nVG7gPWrvp7CzMbiQGEB4k3k2eCkc5MaTpg+WOpUnMIQZjPSIEnFpZNr7cDDW\nYt9AKlCYuwfrS0MktrvV13CVgtsu0g6sfsDiHCFE+8VhKKQL85rfaZPImKXP\nroDi8m8d9b03n5gconeeGYdtI9IfwaTU6x4Vyd+eaUdqIp4nQvBPFU0rtK+m\n4xV2\r\n=fxqs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"beadb11f284f0097c77bf1445b48742e7bbdb70d","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.16.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.16.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.10"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.10_1590741935065_0.2995496311120178","host":"s3://npm-registry-packages"}},"1.4.0-alpha.11":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.11","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.11","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"106ca33b81fb40efb9a5e303c43350ac8e7a75bc","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.11.tgz","fileCount":38,"integrity":"sha512-j5goIg6oFUhM+2UNxIo/Eo5yQuJxcXAEc5qRhtIIhlPnm2eFrlCpPWQQ/fG4kln2Czs/02xVaDbPxv7fRSlS5w==","signatures":[{"sig":"MEYCIQD0maudO5IDWnG9Kkj1lbQEErCmv75nSqHEshSfZnAOLgIhAPyt8jlalHjKaMbwBgkrf8kYz4NH1aRxZZoSqNzHEI7Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0M30CRA9TVsSAnZWagAA6BwP/10mr2JztrQEVtk37io1\nGz5OcN+ai7TdZAllK72qmgmiz+a10fj+sF6tXKy520wK0cAMzEsLYaRixtR+\n693YBpYk0wpzkleC/Gm4UpUURGaaVxYn2ZXiA9efYckqCtjFR16yWtYoqas0\njL1U236narUSxVsp19JKT3w+zcC5e0FvHI9bnlQsPpjwyqm8mobgVv8cj47o\nIkmg0hI92QlgEEry6ifFg9GZ3YoU0EhKGgcCHrQi0EtpuUGKNunbsZx0Uutq\ncLoUGCnMGyAAoxp8dPRWu3AyNGpjOLa7ogd+gfp5bw0yJ/r0/kJN7B+MKPMP\n/FFOA9fr8KasS1EQXp8a4HzNyq3JsW5KVydCVs5a24KyrK4no3ai7Yt0EeCi\n3J7g1ZvCQRRvE1q+2MfNimuFQbPIM3KaON8Ync7fM6wtNP3V3hamkGbqA0vD\nBmKGPOjh762brR1vCaZ7BdqOLeubCkbeJCcu6UrPVh2599AxefQVKwHUj43N\n39hat/VcyAwJwmgZ8AbOQmvoj2lcd5SlOT0OedVQ4bSc8YbXkkPlI8HmCmJs\nGj6hqeTmOU5GxChcWIjM+ohAIQ7Ol+rWYsRP4G1JIskSBimMLJoxiJwmo+O6\nsaBcFr4habdjYPuv5eoTdyLkAjg2fZXSTX2rHgqYXGZoCa2MkIpF/GAkJbFA\nljhQ\r\n=O7P7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"a67c52fc8f7d4f499c6f5ec48c59561769cf3117","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.16.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.16.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.11"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.11_1590742516136_0.20601857448725758","host":"s3://npm-registry-packages"}},"1.4.0-alpha.12":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.12","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.12","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ae981e4f22b19afd745494bb248c429b204068b5","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.12.tgz","fileCount":38,"integrity":"sha512-z6f8tlulbUmNylWl0e7OAvhfjQbfjGuSIEiwIzJnYkv3ZCCYs1KAZEkSpAlKt0HWwEtsCIDUj+SHmoc7RdCA3g==","signatures":[{"sig":"MEYCIQC975aNSvGp6pv1trYyEHS0gGvYY8ryPjsa246c571yMwIhAP09tu1229KtNgeN42RRHv/4OzZxyiWpV2T1Gy/Vibhl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1iZgCRA9TVsSAnZWagAAAesP/A0kmf+ez1abBB/gXFp+\nfU+lBIvD/MUVEhDIfP2wCZus6YivBv+j+KzsdOhckVDADHjNBRX2yuo+8FjI\nH6VGDKvR+GSMy/nCkpX/zGOy9ndumoNOW//afkPTVb88QmA7NhX9DwlpEOoU\noCTBwppoYTCku+CW02pKuJIwOK94ldNHP/v8NN/OaV+Ved/011g+4qtNQjgt\ngGMULF98+uc4Q260u9ZjqIMyABLcyZkM3OhoseS8s72MDyMLn3N4cIlnq5WX\nOt+3lWGA0b+vx1YAN4I2aLs9VdyA5JfQqQkkvj6wK8kPErBp8dx7JunmjGn/\nEAN0Jhl0Z8x3XkXh8ulPB0qou1wY0PsNWbtkYa/jZlXnr1woq2yvApDwGLul\ncbUaGyAMBsmJRKR4VoPEcrGm0gPETVG4ijZ+cJS5TKiEhCxl0nd3YElsMPR3\nh6BYE1E8tTNVxV2Y1pLgy3hvnyxOvOYZ7q+kCLaY18EHA6K+nG2Zln0/GkUk\n5G1sz/tLf0/e1Hgg+MHrDRyupaTJYh83nN9AzfBy809NRaT2ZOF5OPARroXk\nF6ieUbStJaQ0tS0/4f6gqdMEqN211SzX6nKG8G/n4Z3ZQ1KmxPb58u2ejVvg\nHaYWFb+LaaEzKpcaLIhKtPX3uPIoCGAXcr7u2rM6laqXazA1NAY7npAyCrF+\nLJM4\r\n=3cDO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"5da2ed32007cdf924e261361b7d1d47c5c6a8bb1","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.12"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.12_1591092832010_0.23587694792064884","host":"s3://npm-registry-packages"}},"1.4.0-alpha.14":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-alpha.14","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-alpha.14","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"aee2435e5beb97d0459b843b0d9cdf77d9cc206f","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-alpha.14.tgz","fileCount":38,"integrity":"sha512-QKB7Jx9hkxMCsh8SWeNTOgC8laSwaXCmFo7EVqDdVtiAPqtLBo8d0nYw8hzpHS4AuzUzbROLZwJgvuRM3UsqUA==","signatures":[{"sig":"MEYCIQCni+RJ2WOZVEk7+++v+tJ17Bf+3BxOK4hXPVX4al/IewIhAIqVVLZGCZEFCWQh7hJUkTQy9eAVmkPHK9FIKAbHgNO5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1kMvCRA9TVsSAnZWagAAD0wP/jr9OEERrrJWFDiQt0T7\nizH/ZP8IQm8MlFhi812hjk2Y6pjM50ZX0fnoQwXKUaoXj3FAF8AYv3gjO7eB\nULVamt7BkY993VvRWTFQLYEes1C4uztY0R0SuCdFpVWwvgaNblKKQzxQQldW\n9cMru68gJsdsTul/Hh4WciYPMz3krDgrAC5vtFyExNtlhsxCC3W+1tCXM30F\nsnvYNnTKj2SiYqd0MEgoawL1/zpuJ+kdJOAgNvjLHiQjwgCTm3jbSH1XA+w2\nKJrkdkaZKpyNuQEqcdVv/4zRmA62AYnphf+H/dAfgYFRTKEEX3KdI/XXQmd8\nPLYBrGmWYTxzlGr8jeCqMwW3jTdIO4Q5aLSfh1oHPo7FU/V6I0mM5kE2fzDq\n5w9NENKTpCQJHu6tGYi0frFzw7EcyB1SrVmDIaOTv2puHfdtle7QVVRD+nI6\n+R61IpdN418qmXnvUDABBXIvtEY7mVK4isMyKDGBnmn02cl0kpEthDmm9/Ys\naAp8qEpJFOpYtJciIShRt1vVjvQzeSKVHwElnAYg0hK/fv0peEmm5NdM/KC9\nLCgWrdtKZaMomE+sNeoDeteWdqokV7Fa2G/ZXMOjKAVKk/Ldk5O+o6rqermD\nEgTJSdlLM8vN8shjCfNWElfei4/WTeQLeS05stqwOyFjiFiroS/GvPbuWEHx\nGZiy\r\n=y4VR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"bf9b48f68b6cb923d9f7917039c72efb0c9e9961","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-alpha.12"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-alpha.14_1591100206867_0.05374123817848364","host":"s3://npm-registry-packages"}},"1.4.0-beta.6":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.0-beta.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.0-beta.6","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ad41ca7295f2b9c8bbb74dfa1dde9796fb9c6813","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.0-beta.6.tgz","fileCount":38,"integrity":"sha512-ECdHUIMFTSQik0PSzBoXeV78NJqVLJXnEkeF39VjNOC9CA9YSnNrUzrGb/lfdz/VaA3iVNE9mcjiATY0/R7YeA==","signatures":[{"sig":"MEQCIDrWOKadTFaxksKuCSRQiVksXrKKBX/PPMZWfeAJ3fBAAiA0CD2Cy6IOxHxdNdSN3D+18F9S4zbB598bLIRQ7iPa2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":50344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3hibCRA9TVsSAnZWagAAu9wP/20KU0kPck3++uDmTZiX\nYd3z/APRGIDlKeSf5q28LY4JGLvlkFO4Ycrhi5bYh/WjViuEV3QqEvI4Qnle\nU+bAdw9bjw8ltVScmsf1B2Mzgd7CZfZ1L+FUUK35PoIEI6BbckGBfhFMSL3T\np3D4LEnthHZJZbTmjvX+T9qQlo4jJOEbT7qV86C0ZABESGyXE7Psbi2aMSiV\nuCq/nO47VPXwDtdv/3MNSOcKAp1Pn4rkI8quOSRaMBBY1WxoZByalT+Og75K\ng0tc9UhZhjG1S5eANaISmTuvYaBVp6nVdhW39sKjxLZyejDJlf4/90gG0qKb\nBDwDQupizVqJP3RgvV8rbPUkQshKd9YQuuHu7ZzOIdIJtokS8ctfo5zGbf31\n9t8zVTDQGPXg3HHMfHrdTPQEzty9WagDqzBHWRtEAZRWrxlazLuYH/MZONDT\npI4t+BQFM4EtEMSBFC+hejxJR7pMucOt0P7L9abPs6T/my/5+gLMH/uMULZ8\nY+y2ouKI6m6iQkw4MsHWUsGs87XG6LQp0VRT9vChSU1yge5CnVnwWv6qJfhR\nFN0PojbZG+jWp3jM0GR6r77M+r5N65TRX/xFlkQT+kGQ0K7kgUBG+0o8u3mL\nnvBApumIZmYUjdKiTnLTdR46mXMJPBNlfJPMZ+sxRa16pkFTql1X97CQpa5D\nsuyq\r\n=KZFS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"f125ad5dd4e5a22bad78304dbf3a8edd17c07e12","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.0-beta.6"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.0-beta.6_1591613595116_0.0007193435272732085","host":"s3://npm-registry-packages"}},"1.4.1-beta.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.1-beta.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.1-beta.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"85a95aab8bbfdfd05de9635071f0a75330f3eaea","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.1-beta.0.tgz","fileCount":38,"integrity":"sha512-/j5lJ7cFKsd/nU811YmpwNlmy1rA1XeleaQJsg3zrJqL2xfMD/9ybfh6N5wI1yPyIh65il148rF3P6wfi8ByKw==","signatures":[{"sig":"MEUCIQC/Q7QKUihsdEurBiM9MZ/NC0qczjUPamgJXpslQ7UG8QIgcZV8RrWwWjRjyw+Y/1A8dg61BUFssNmIGb7ANkw+Mh4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe31v1CRA9TVsSAnZWagAA4J4P/26XlI7zHS4Zkdw+sCXa\na4Ow/15/tUBMtrKj+EwEWfSDHVCMQ/82iWPGsCWSbP2qCp/Q/0B/FeCYYvz4\nMtFhCviI1Z6wjUruhSEBadIe1npSWHg/H29c2WmMBUwq9FV5JoxI1CwKzuzh\nOniJ4B3WaVG82pUax9fQ5Q3NcsTHP4ZDIZrnp138J+j2x+EdqOnVAWpoljFQ\nqnAEQz/zZooytBjzulTMnAyVjaLsGpXVo2PL9QMMq9mo0kX1r/njvjnUbWxN\naCrM0tcbkEkyJHHivE6hlHKwen5DXXvbjYSEk/2Xj+XW84cmY28wzqAvFwZa\n2Ac3I9mmZ9cvVqGC8A+YJ4c+xk2Fz/IOieIW2Ag/2Hwmf0K1S5hhDtTpBPsA\nITj001iOpITcvLrqfQ8pFiEdf68KK/JEbHle2ysN6T96xj6byOskyQjkryoP\n2fwKuWHhDgjCRiuPWKjRZig5XirSyptEr/MgWWDq2qvGcrv6iswYu8ZVWcyp\n/v5d+wUcUBaqbGMHQtKm7R51OQAsUvM9QxDb394Za4nXYGeoJRdTRz16niA3\nT3aMMoqV0DrdVvXuRthBSTdzNweRDdV0UJHHyVhNOCLxkSMUohc8x+SU/ZZ7\nLT3ORuHA91rIJWCpN1Q+fbwItzG+EG+Qpysn12s7xcy+Io2yych3uES/Tm2H\nD97K\r\n=A/Md\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"67487008822d61c7478934e382020054f9054f65","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.1-beta.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.1-beta.0_1591696372900_0.02272266964632985","host":"s3://npm-registry-packages"}},"1.4.1-beta.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.1-beta.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.1-beta.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"cab8a460ddfaa2859aff76f270e602de913e4ce3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.1-beta.1.tgz","fileCount":38,"integrity":"sha512-EHNehDMgGxupWUSITJ7h2sR492cgDOVLU9+s3cq7cLtcIM6ICIgrEYtO5nG4pN6DJjE4yl9P6uWGFW0TSP6p6w==","signatures":[{"sig":"MEUCIQDJ9W9FKNQrQ0lHOWI13u+WEhcglNwuOTn4adTRcbwPeAIgE4d95lQg/Vy6Wr2mwzXlfbk+Tb+Vr3BpSx526j6y33E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4LIcCRA9TVsSAnZWagAAeZAQAIhgdMStGa8BWLZtCpGT\n64iRcnZQDzPwVx9guwrWvIHBJqyu4WuvPFEC7G3rH0nmWjP7JJayLNP16/SE\npyWkwV+gUq/zYoYEnLoyWxIK8l2vq5g/Hb0xuOvxi8UVqjxHN9PERA7hYvKY\nFAitQ4PmcHVL8lYNJPRXYmLt/xbbNVIrUsJb0aa4cNGqb5Pmjn8PXfKpywUU\n11FeLXvlROjSEPbYCD/2UmtrKztHLRBHDnKVmS8KEhItgTXcgFgbB/QN7S8Y\nQyIqE4XKRlH34oTs0Glo3Fuk/GYZKxV7gay1jdFM1NgIK5FxytGImr+hEQQL\nf0uT75idioqUf/M8IDWNWkNkAz6exmOTrKBcsyvnPc8O3DL0YuwI/By1JuoT\nwqurrvVBXo2SrPXLdWRpNkUYy9fgfBj5A2X0XVD0+Fam6BbW833hHwdapLrS\nf2vCpLht+jwrTch1BHHuhIhd5qzms7211gerNNG4mvkba0uOA2OcOMUckrhg\nMaGpXIMFHfYJOTai+jo1Td8fblyWB8dCiKiCLHlU6+/bozWzrOmB3tr9urRH\nMDBSsg9uLlZBd2cM0DEFNVZMEvDzaZ3OPqCEq1jub1H7VVF6slU7Y5WPyNTJ\nmOw7O2xXHKyyELIB2HTs/Jx2P/X6UM5+4abSnbrrJr5ojPd2oOArzV5my3iz\nsjUr\r\n=K+sI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"850f085941c6f5ac9e54341b9d61c2208d70078e","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.1-beta.1"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.1-beta.1_1591783964285_0.9963062595112031","host":"s3://npm-registry-packages"}},"1.4.1-beta.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.1-beta.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.1-beta.2","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6d47e6144e3d5a43d74df7247a51bad78ab237de","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.1-beta.2.tgz","fileCount":38,"integrity":"sha512-e+yIADkDNZPB1+WdrfXn9jRHDrBjL9e86iVVerj2A91xIc+bqy1jVqOQt/3nMNnxJEVszzLjvtogCOVNjJAKFg==","signatures":[{"sig":"MEYCIQDYM9IhasTduAOqh3GUp2Xg5mjJvtFuotBuXnrcAM3hNwIhAIln60l7szSKu+UlFtymnXDCMnIIJLaKjE0cfWNlwz/V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4eAjCRA9TVsSAnZWagAANS0P/3eSiiVtDDO3bLos5l8L\n+wZSIrH/DAapM9bftAqEOnEMbT8pw09aGTCmt6ZvGRMxPHPi78dqdY1Stl1r\nlGT0vsQHVDECT5xxMPZHMT6X4TuSOC72sCFsBPIdiyYabX19IFoxjtM0NAmQ\nHptnH6eUz8VRkgZozhE+jRTzsUbauTcEQbE6qMB2YscYYfyPrpqKYWVCBTcF\nHNACGAVbJWVv4uNUmWUAqv1fgIu1hLQNiMFdcWtrtOgrL0pDq5oiD7ixJ2Z2\nk40tXvkTvzT3WDI4pVchFsH6C3jpA/gkU3xp4B3xMciKwGhSb9d5u403k64u\nT4jL6tTWn34oZ83d2N3CPI0SVNpkg+gMPAx7/w+HOuqJnWHYWktcUBzwhFWN\nW3qzlpYlA3Tcynw7i5zGC8zYLnv20t9cVJfesBco2LeBQpiQUbcmqTVf0R0o\nNEBDUnzNFccdtERUoLp08xOzT2EoSESlif8d5NO+aBj0SyFRhovOnBxvGYD3\ndgZgXMz4efl+uVjCagC7/VsrUfn99ko4PNjaObiFjc7ATpzFM1TjJlxoZITQ\nolfHh318MfGkRJGVuAdrUV70vw4FAX1V/JqBulajg81iewzxeAv2T1lgoaH3\nZJmS9Q6dZsQutPuDRx51MCT/EXlPV08LJD0XmV56eeFWANIg3hckLVHrmMD8\n9wYk\r\n=jR9C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"762c13ae6d2a5a4a9af8325395d282d9c7bbbfa8","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.1-beta.1"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.1-beta.2_1591861282485_0.8139000585117548","host":"s3://npm-registry-packages"}},"1.4.1-beta.3":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.1-beta.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.1-beta.3","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c35d43057b4a6afbae11381143fc7cef629d4125","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.1-beta.3.tgz","fileCount":38,"integrity":"sha512-eIwPaLXPIKNTbIPvFJgoRDNPMj3vITwFzhZ6vU5hxor36N1fVtvN2GPToGxCvjKZHCpYyaYKbH5QauekfahlvA==","signatures":[{"sig":"MEYCIQC7QdiYCyr0kuanUEC6yXwXhwvjj6R+WamVywr9vPyu2gIhAPmWT1+ucY2kgG+3Kx7LD6+ur1pvT1xxm3I+ReGB4XL6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4eiGCRA9TVsSAnZWagAAUNcQAI3XOppKaGpOPVsXCGCS\nm3E2qiFsE2AZ5gT2o+XlvWzU8KjuzZqaShYYq3ZwthWJVX0VmgPfdVEsSZnG\nkqz3hEpLI7RGF8HWlmO3YrIN/In2PAp4rCZncdzACL6cUiLvIcy8fEenHssv\nCc9pxk+ECPubLRTrbTeq6w9Sk0pxBrh+EkdDrFNl0lm3CrL+lseH0evw+f/w\n2usHsGU/wdr55NDRSULMH1nxOAp9sWx/mLsbN35zBuC29xlyV/oO2YJjjcOG\n748noMyhdHcoxBHdqOsU3ETdMfRNQ9ZJ9g94hNOKkLFPEA+QSM1OLrrupAmY\nAiDH8+nvtvPqNsCCi6X/qBvR1XHa3lXGi6Z461KyBpIoezvt5L38S8SrhGKg\nff5nAUqWfamPDiwYuuX1E6j/XsSXyTJHGaiGu7dVrMgj4djB+W6MUaM4AA4l\n2ppnun3U44LD1METqG/o0eCuwk4571S2ikT4/qWyJlIcDHzNoNr15CF4Faq7\nAwMXrJ6XAnAlYqGrbKvLRky7yIzTsDEj0/jHsvjmPWCfrFyq2g4L9doucHGs\nFSUBud1vZj5bFVBlDc4EIN6/q8VuNQee/gVIfE3lTlLXUOn2DZogjEOioyp0\nKyFkJe3uTT1PlWO/4eqFUo5i9aNrNTIlnOcSjMJTyyGMO+N8Hew25zAF6mNN\nhTFN\r\n=Hwx0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"602126ac2dab7f7ff49546c2f906cba61b0926dd","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.1-beta.1"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.1-beta.3_1591863430423_0.5566149806537579","host":"s3://npm-registry-packages"}},"1.4.1-beta.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.4.1-beta.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.4.1-beta.4","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6c084f87409a98e7f2a41d783e116985e24cccdf","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.4.1-beta.4.tgz","fileCount":38,"integrity":"sha512-Z36W8baPLoxpJocpzFI98iCtycTLhIzA5Ab9orSu/Z2CmQGLw62p5FR1Ot2Px9hez4QCrNboVqbIOpNmIp61ow==","signatures":[{"sig":"MEYCIQCHpHcn414EQkhaZ8AqR/9JK6zggVu9QZ84SvY275eHIQIhAMroWorTAS37vS1vvMu+0tNlsDzsYlVnfDnPBAMwdtuo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":52014,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4fEuCRA9TVsSAnZWagAAZisP/3uigog2ee2Yb6NSwntR\neUgu8BhObRT2PicHJexBOV0tokjsbJZejQAbEHjyu+K66WzCxqAU8t62GJ1M\nsn+pJAGAeO4fg8t2kYEy9lGaJQg7mjPVOKf+ZzGNPFTZrX3qMTif97oJt1vm\nU3G7tY5+jma614WOmeQ+gfeDVVvpIOGYYIQJYLx4zVfQG3YAJr59/aziYhUg\nR7d/1b5HiipaKOzeBRcBjR5sj1H23H4ljV8KfHDK2vtp6R1KbqIeuM8r2Rg+\nu2rxCKk9GtPEgfhZV0SGfcTAt0L4G9MW7AWbggswIaxz1GRLpjJwuL+XKqif\n65PWexoanEZljtSO0LKRdkxHj+l812Peam0nGx8ju1APAY6OAs4O8DvWPYCJ\nrdnwT1WxvOsNOhhuas6gAsq6qpKb28lFlpIv9usQcTA4+FdhCj4wtlIE92Xo\nSgQZA3x84EjPdcghDljpASsI/YFoCKWT7irnZdK+Lgpw5dv5I5QaJ53fcQZY\nXSAqoeUvZYlC+kY/jgPKbdKgwLKKQGnqpuX6SGkoiyAnfiNgyR+FFTlosEIe\nUaS3y/GI/EFYsYM3Yau45g69mv9dqHvZJYRviXCxUwvAh7BL5HbQkZV3e/aI\nx1F2mEve+NjddEh/r89q/6LpV0HAZdEZv6XfpUKvaWPXxoj3HX/DR37Cx10u\nA0Gq\r\n=PrBc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"2f44d543eab2f7a579e0fedcf68eac3b03e7d74b","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.4.1-beta.1"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.4.1-beta.4_1591865646248_0.6066063165078479","host":"s3://npm-registry-packages"}},"1.5.0-beta.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.0-beta.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.0-beta.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"19faa12b0d131d893a45fcd7f5ca06445a62b489","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.0-beta.1.tgz","fileCount":40,"integrity":"sha512-81ObdtHEUmPsrF4nxOzeY9KbNR3fhJKyptF9J7wyfFNxaOh8RvPQT/BnwSdZD8Kse1a+DXTZe1PvrKne/W4P5g==","signatures":[{"sig":"MEYCIQC/tYr8yyKpMEl4JG/eyX/SMO7ffm1ZF8IO35O5vVjyIQIhAKbGLG9jW8NDogB6P0EmFpQqepvsabrdSQggfiDYS7g9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":52637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6JloCRA9TVsSAnZWagAACqoQAIWc+PNpKUeMVRYo8NRZ\nM6M8mVOsOrFkAIfKX+OoMr7U9pOCvwfkZ3pV/OjpwU56XnRprDYcvDL/FoVI\nLU0p+eVuc69gHO5fjH9t//S2DD74Lu9HQ2exa/dXK5MMbNHWTS6BKCyyEhJJ\n8v8UECQCrI4jIIQKswlyhqtdDl1NllhTz/p6YsQAYXSXCvaM7irdMxBXA8bg\nqK2wsbBkF5dAAxUsmvRV0aMLthUdqzzB89vXklSPpeEHdAX9chxb9N3MtjQ7\nklXjjI76ki7aMh+zDdAIpYlddgM6U/UFFs71dn6Y7yzeZ9rpsgFR45qiaO1Y\nc+zF87dy5TtM+PToWIwXCGr+7ooQAnb9UJASH64A3WLtOAKlL8aZxPibKnK5\nB+w0xJ2R5DIIxzUcVDq6oJHn56w2TjXzk2N/Fh4bpDMcZWWhXxtRJydi+9mz\nPjAMjpLjEe4XRBNub51so2Mh3h0+Q4GgacHgutzNUh00cMkvBByKqRScASwX\nrCW0ivF71LLFHN/lOdGw22S0ghC2gdWV663pBWayhQ0wIGq1PQZuvBfWCbqR\nV3J+2KdSzb1R+Td0arzwS5rhStBL0DE+I32fEVMFykRolWi3Hmd96ysfyO5e\nt8WGX9dfxwmAILEWAYYaTg8f0SFEBGwv5Rzeg/qIxwFfcU9wEiFnQ5heEmau\nKmEa\r\n=zq4F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"fbd02c6e0143d258e31703b9dde93a96d3a37202","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.0-beta.1_1592301927768_0.7050186549846302","host":"s3://npm-registry-packages"}},"1.5.0-beta.3":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.0-beta.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.0-beta.3","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c32b3af81ace2a855ce2fa85a5b4270e11f7cfe8","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.0-beta.3.tgz","fileCount":40,"integrity":"sha512-KHtzI+LwFeJuw4hXyVzqxbIlbDVy95MrkUhTte+L79nr7EhAs8Z+zxsrpHlMlPCKJnRDlaxv0KofumgtmNdATA==","signatures":[{"sig":"MEQCIBrmC8kvtwoxKBCwUMvx9F5BNBKeZCutyi12aRqXvmXNAiBcwkDjrVvOgRFdjMTmyBTwSJS7ccQuReA3aXfzHsm3xg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":52636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6KKpCRA9TVsSAnZWagAA4nwP/3K4DszoWU483H0hKLHa\nNkoKU7cHbMPS8jQuNxEyFQsyTKqk2kFcarpcBJrcxxjMUljqcPv23Y3eam8s\njFpR7OBRbqV0VjXnVG0nMnRqybWN2l5R3KCSjDPNx9N+NEDWDPspNYOy9cPl\nM8s2ts/8ugohFLW8Y9k+V+KXLjqAo81uxc0yBbK6cVwsqRsS8XNtcoYDguN7\n1OgBGLOsjAh316RF6fuwENjK9NArQD9W3uuYjeDbe7DY7J/eCMK4tv/QqZhk\nbwtcobQazx2OLRkC/c0wGreB7EtVnDoqg5tmeY8PDolemXpokAFvdl6+0+XZ\naqlFo5l7EWl/YQqxEbmafXi5NzkjIIOdUVBE74svybPVt86Dl+uNPqnV3YZO\nuQmy38W4cdVvtjmEiNJbDXv5+f59xoOIurliSmq8/D5jtn0C8ndpxjp+q+y3\njtUjamHUgFzSNUl8I3iBxonDI/Zc2OMWxptFxNPqmQJJrxAJpDekd9FZ6TAB\nZ+RODOxTZ1JlN5PPatcxN89yj42yM11GMGY9b4UlTAcHJAjmBZd0UrQPzeYC\nndaR91SVNgJd6IZTbFDTqgsfbMc4fK6MsJ2navavhmi6Bdg52GwkYS0UlBbw\nl0LZXIWH6ycpwqM9FHDfgPOBio4MvxOmdsyjWMSJBrGiwj+wf48ik0Dc5/6y\n+30K\r\n=Obvc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e8910572e908fb13788b4495a0e791b53ecb2abf","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.0-beta.3_1592304297177_0.12215208198446126","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"01d1735a00714f487298bf642a5a43f407eff919","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.0.tgz","fileCount":42,"integrity":"sha512-G6GXyrBuUU6jgqRMBSY6juGmDxJ6Ium/NDsD/Hi/qIo6tUY6wIM71eKdHpjLIlaTzHn6GteG/nvw3NYb0+AIbw==","signatures":[{"sig":"MEUCIE76fFzRrQTjxeS8VXeNkrm0bbCX1Mvk6rcOoS7iC44cAiEAuEVWvZ5jPDSGY1StSjddKSUSbL0BYhlpnzd9fRTpRrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6yjvCRA9TVsSAnZWagAACMMP/2K4qZTMuvOJpggexBuu\ngFq2nUutxhlSgCO2dt11AdT/mihktGIFFKuoGFvhvcymNkPA/5Ljafluw4IV\nxHu8WtWq2R73C+egLjZTaTdCZUDFJxeYgE4vszBaKDpAdowL+TuvUkmX0SCJ\niKdd0MoXdC+rmOxtFzDDTfT73SC9ZBNjfarCX3x0mWfu9ht4ZyUx5raIs/QX\nkbDZyxQSwrfnInV9CPmc2WPFkFfEYMTPT5Qx/g0w8SW5Zzu++puNbqy8iAFp\nTftvO33swktcZKTnm6vJL0Rrn/dFeodhGILGoNR4HiKENR5ra1L7nI+0GfnT\nvYGSOTK8TuEne9ZIHH5fZ2mFQby7suefJyAvRAJzKb2hoVLiv+MffrKEGg4J\nSLnMTMp7jbPdW6nhRCbo/5acrhaB0GxLsNNFZtAt0bG6SEOfK6eRjoQsE9sz\naqzyHQ1ZltQFMvw7N5TqdMXFpbcxwPsKr/dId1QIh2MIFbQRg3UxUNZwElCd\nB3OT9iad8gmTtVKT8MawX7JnVXESDZzxAoyRQCyW6XjdCRBI2Bo3xYtW2yAw\nuwe3FFTXfWFYHTtMgx8Pk56J9jxQTSWoWNQL5b5GDQRj36I+XFsNGGDHMPpm\nn+hiCV7I5AgA3CqpGHxlWlj2/ycMsfFfwbdC0iWIIJChlEjUEU/tgWQo629J\nPces\r\n=xtfB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"8cc888c6556579898ae79ef590de160534735038","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.0_1592469743187_0.3101831048865029","host":"s3://npm-registry-packages"}},"1.5.1-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.1-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.1-alpha.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"5992aa8296c894c80586c1c9c73b9d140ab5c47c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.1-alpha.0.tgz","fileCount":42,"integrity":"sha512-ReNMusIr5+0BIOyRSHei6o/r9XR/XRo7IoiUetz8YpLSlIpLksqq2GI7NqAvFmUr2+RAdUVwFFndC443XAUAHA==","signatures":[{"sig":"MEUCIQDHWIZO7o7Q9qmeBnbGEQeBzhZR4zPSNUhmhcfvnhAr4QIgX9QxSJmcs5Qqu649Q3qnxsffoxszJRxBoVmgexOW5fw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54635,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6yoSCRA9TVsSAnZWagAA8/QP/01+EY30HeTnKQ617ja5\nyl7I85IZvjBB6imakCTJSM77l0wKW4cqACM5FXEvQ4Zp6NpyWhI2mKuYZvix\nq9ALxN1yFT7YTs6YWYxozM+kNn0F3unq05o3b64a6/EvlMtJF9XoU22+22Gz\nlHXHOfzS4dRTKqCGPrQn8MQkXYxCj0mGbqXDbKGyVLlsCHOHPi/hDmkg2luM\nJoOEkY/dCVAcHcNX0hxPVi+G0vWJiW5DN09ZNbvIcqmHOPiA7N7z+es5BbAO\nmkfC8ETxctFkOz2QtHJIXmW6NNjhBPRpJ3c0bfktYLRQGXllGyhct1AoGNiL\nRAVl6cTDm/D+HytPb4l4cxbtrOv5hBhW820p0VVn7erStxjnOevnLXWgwVcx\nuBDg7U3djhSgzu/5fDYE1FcvNENTXvyi/JN9g9sdDR9092E7UPS+aIo59BF+\nCn3r4JGTJzEUoJ1+DGzQJ9lEaSxWdfQ0l+sJiDZg7zN5qElnPI3qIi6dac1K\nn8TBfx6bS4GLYFkGCoEcCXg7cCeNj/VNKCt4QRupERXnnActG8/rUqNeH/jw\njZVPVEv/CS0E3E01nxcPYCDk5UQMceoSR2ztQUQFx7GKhWxIIE9HJzVxUSPU\nC+Ohkqj9e6FTzCN1U84SPWMCU2oUVXIoR6NsBxlAHTdUUf2N9Fri6LldXZu8\n4q1D\r\n=CCPg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"dbf92d9cbba40cab3854970b4f12357c1328c239","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.1-alpha.0_1592470033887_0.6284880408692695","host":"s3://npm-registry-packages"}},"1.5.1-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.1-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.1-alpha.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a42d520ffc49b587189ad75843b70636d01e9cbc","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.1-alpha.1.tgz","fileCount":42,"integrity":"sha512-kWEmkEc06kqPGH/j2nRW1k8xJ5Lzo157OPNNsZzYiCsaay4x+OGWuIWtHi0MiSypMCIQvDbh4iTen4KzsFiiQQ==","signatures":[{"sig":"MEUCIBJmgVTevym94aYv/frMjaq9gr2VMKNHlUNEOGXYHTp3AiEAoHa/pmPRuZWsxsA5WZw102EgwDBlGgCqDuAY5OpOUb4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6zdKCRA9TVsSAnZWagAACbsP/R/r0hi2MIGyC8J66Tc0\nCZRCcNE3TL2n4SgKKAL6ly3Bpe4/EL6HZzcSORREgcNQvu/4sYbiJ2atT5G3\nlApqCnFT/sIKms0s0JNp3tsSEapILPDnKVAUn6aArHN/ziaytRlJx2uLaCCD\n/pW9aIjvjJ4jkbxPbnn7IknVeI2cNDn2xL14qSSe+kV0bcXsF/XB9+we4l3M\nRVmvgTmugnzAfWW/qDRBIFdwWubeGqhNdfetCmmgFtKbVMxN5Udriy8BD0NI\nlPMylzwiGv7TaPTKetUNFg7OTLb3GZ2e1PLBundHuTQnQGnLoLw+dwUKwPsQ\nu3Hw5rw8kaXG3/Tgf3sdW2c7SoO0WyF/Kja3e7ucoTpzWP6VxpOfIDVkN889\nRmDAkcruKYtjjl89Tt6zuCJ7N3nrlfxaxWFwpINE5sarLHbTdyTy3BIdU8MD\nFJMhXKiNVOi/pcRokt1vxGc+TSFT5rHgLKR/L1S0ISTeAAhQZDt3B7EfyveR\n7nFKqgfZk7AMAW898cQsMbi2yc9uIRYS2zM7vrvVEwaozP63ZAgYlrPmRiSH\nL0fQ7HMpk4pygVVs0t7aoqRUoxxD136ZOVCenNo6srUfJ1fcALOw7jT+iLS1\ntzKQb2GifX6CJgTWPWPvo9DBoG9rCgZh9EX5JZtLONFNDjmcrCbwOov+3ASn\ndiW6\r\n=ouGV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"4269ebcdfa20a0e7d76f07c67b4a6c0ef2cd2405","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.1-alpha.1_1592473418158_0.05415080774848113","host":"s3://npm-registry-packages"}},"1.5.1-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.1-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.1-alpha.2","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"97878fe60c483d17c06a0c1f1a2467f5384026d1","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.1-alpha.2.tgz","fileCount":42,"integrity":"sha512-Yz7VFiajPDzvJWSE0wZQLwlWfeDgSw2RWcaAUXQTfFN/33juod3mCG+aankqmb76BUC9JBU5sYWzRaQ7mBrWNw==","signatures":[{"sig":"MEUCIQCSf412EybXN6zMvKnL5ZeGu76stswg+qwCc+WjL1oi7gIgI4FXHszah46uszO8s1xUJJ8Fofnj7on++kd/2vQMQlM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe62wpCRA9TVsSAnZWagAAbh8P/3i6NIPbV63F9N6+oun9\npbReo+mUUh5JNJks6WtkaK1ebrR4yhaQ4hM9AsBJW9YkZQmyX3+YKwgKFrhf\nVQCxkMoAQp4h8+5XpZllyuO6OB79KR36nkhbYW7ennJ5MdrT6EOWWSRDUT6Z\napeBuvZxTRgWyAr+AMLjRFuiVRdDY/af92Kz9JdVPvZoEQYnci1fWVI8hpgx\nYg8/iKyMoZbazd5JyyouU1Oyrz8wbhMYH6/Sls+wlXLuBLRgEeKS1znckhue\neZrPm5L+ZFlanMfRfHQzcUKQK7WVh/RzoBEV37Msxo8TmOAYiZptnMIeJzsC\nLJCwh0N00n+asC09sdJDRLyKUiCTcFsvExcFd+/yxc0uCM64inExLUd0H23C\n2JZVnTZDGnqcEheI50sKVC3y+g8zk4Nn0IyzAwN4P50tUTwcq3sWiuASq5Bj\nt2AN2p0lX1hV/KUg5/0Mo6iUV8RBsPaigZf1llfdUMNeWsEwhsHlOq8v85hM\n5ncy+pq71s/qhdr98Bpt+KP1Ivzz81oI/T8z+PH+2unYJQKm56xfmKbqqHsv\nujx9FGZIJy+O/itKOlb+JVJ9ROG6b/GDfs9zeB2ooP9ckgJqZm5+FI9NJybd\nlyQMAyr4X5INw5jrCzs3ys0yYOlqE+Sxmjz7KNGvy2vYMOJ97NRo47pc7b2z\nHYKn\r\n=w0sC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"6f2531b182ef770eb1c5b1112083d52d444c1f23","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.1-alpha.2_1592486952874_0.4619645210380452","host":"s3://npm-registry-packages"}},"1.5.1-alpha.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.1-alpha.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.1-alpha.4","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"8ea8acc3fac4622b96d4bd9095e7170b229b4d1d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.1-alpha.4.tgz","fileCount":42,"integrity":"sha512-c/THQvwUM49t7oTQneK2be2S2edH70hp4j2ia/l0NN+PyTAKYtVYxJGmA176/qOWRmo+cJ61bxcCsi2xKg1fsg==","signatures":[{"sig":"MEUCICG2JppWIAeElRReiQFVHAxDnseWnXpIX3h+Zp/8ZybTAiEArsFKYFvZ95TkpCQ2T51TwyQPPwXlGUsPsBQA3iL5jkQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe627dCRA9TVsSAnZWagAAvaYP/3GoIgbZNEcuQqdNPZ/U\n3hl9oCfZbszYOWl4MZExpP4DLlJymZwqqsT+pYpCeU5UYJZrOgwn8ifJ4N3l\niwQ82NiGN8KYsDNOxgwLAOBrUp8ESuqgg3QJ2M/l14sZmE+e8aLaXkN4/wiM\nXoNydIH/pOVGRxG0Q/0Lk/AVHg5mPpgL8peqyk7hKfZ6WXn1oB0oJKl4Vjxx\nWuiZSYzuuN5U9blyBvm2Qp9o+up0cx6khF4p4e5BU8cZ1acorxegAsFqCsNZ\nnjaU+0uIHjhpcq8DCMLjjkvG4M+zoJHgH462YAKc8D604oGRf59h7HeYcpe/\nFK3B/axZsBdBkWNc/Vf0mRnouVn+aKmWc7q/7VCZJtZ0UUOkCdoCJo5oeHh9\nN7FrT4MjFZms5NHPFQB/XhZ7rs7bNYmwIgozWis2En+lv2123AuytpHXhsw/\nUo7wWS6a/SbS7JB2tIwx+4fvcWY6v+SyFcP5MYuOHoIuLyf+X1h81SKbLf5/\ngEeQI2UN4kS9UjOMcI9wnRMlqADBYqdG6SG+RLEeQnApTFm5/KYxa0TwNq8V\nXiQEsQxEySKXGU8B1Q1/+nKH9NoAPmnyanJvcGApUSZ7nkl6iLKXlH3KPTnQ\nBR5jb+OaxDxB8/0CuQPj0jri7xtwmNhwWncdjLrJvMRkoPZVNR8Pj0zrx8Zn\n96++\r\n=9QHj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"516a271dbdf56f1aa6d5e9baf5d6eb3ce7ae71e3","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.0-beta.3"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.1-alpha.4_1592487644774_0.28333038042539793","host":"s3://npm-registry-packages"}},"1.5.1-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.1-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.1-alpha.5","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"453d733646f7a2527803a08ffa9b0442091a4e54","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.1-alpha.5.tgz","fileCount":42,"integrity":"sha512-nP66WuQX5z4xeexIZ/b5bepCSYwibRZHCok6MkjAx0udNaTAApK8/z91JpByZBQAkWl3kA7FMzQywGC0YkzfVw==","signatures":[{"sig":"MEUCIQCvGesja+4zcn4R854K6+j44TBKyCej2xPpE/mBFF/jigIgT1wFQiTNM6MfS9/aPRfK4usUCERC08b8KSAYvIasJtU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+x30CRA9TVsSAnZWagAArLgP/jKpg9Bj7kH4MfSS+0BG\nmpPpti7OizmerddQ0TIiAX23kRiXV1jWkSZKGpbhakEkZjXCHY5MShuijoTQ\n2RMQuA3jc6jBfqUwHWguzJqIHJl6TN5tmG7/lBpwsYr+E3UlQaseGfj62nCx\n4olJcRfnV0RroW3mOX1IbMI9+V3D0tVGW6wn/BCNVR3oyIsmNBji4MSEVCQ5\nvu2M26VxwiLILsHafAmJTIBUClC6rL/y6xk8duU3a1ZsnL9ABNsiB1cJ7+qT\nBpqXN1S8IW4/L6nL2SMjYRyviiEZ7IC9Jjm+KxMKVIB2FPuLJ9I7/0l3iweX\n6DnY1rqHmFbx2uejVdqrVXOp60csd8YKlNTfJxP/cqpmXIetIqBsQ7Hv7EIX\nCXt/6dIBgJlvtsqoln5OwwoHpr1Xoxto2RGBPI34cb63M3lsIzxUqJzbt1W9\npeGVZxGZIxtVWye/vawzkzLMOU29zz/thdWTwnY+QQTZEPVhuWo1tK7CSY1z\nEaRXLFr3FmYanpSLlZ6rw40nPGo+dKCtcmHv5schYpQguSU8PEIjkWQzp7PW\nSK9XKq0U4uPgU8NLe7/2Jq09eV7jqeX05DdzSPTE3P5kl/y6CSWBqgQ9lRpm\nZpPw9652BKN2uglkUWWIhEUtC7NUIBFb8DymY/HSq5FPOqQblLUd/Q1qePRk\n1gv5\r\n=PSVT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"d192ec55b5e823248e70c2fc927b43b0a8ed5fee","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.1-alpha.5"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.1-alpha.5_1593515508304_0.9199576102608731","host":"s3://npm-registry-packages"}},"1.5.1-alpha.6":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.1-alpha.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.1-alpha.6","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0502fb414c7588eee3093300cdebef4d3d1be928","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.1-alpha.6.tgz","fileCount":42,"integrity":"sha512-sKVf+D1oob5O81m2kbgdWF8BPPBE+qBe1sZkanvFx8syFAIGmrg408ybTHXEVtOelx5WCkpfrovGeN4fhGUFQA==","signatures":[{"sig":"MEQCIF1wN4UsswEEjMGr13nmSGW29RS6Llb8Rf9MUBNFyLAwAiAwZ2pbG2yReLxsupvvLRWE2nreKY+3dJx1B3CBrct7hA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDbYzCRA9TVsSAnZWagAAIAcQAJYJ1NUrmG55Lh5eQ2KQ\nwKZTirHnILUnnaCI6Cu7/F36dzL9a4Rtg239vpFHg67s+GF8gJCvAhG8BSDn\n328AKgWWhXFOC070UIoyU7JeGijs2VOULAfWU3Gsma3tu2tCZfctLOS4B0RY\n59glTIjyVw9h8dDE+wISYG01BVFXYoRM0+/fxsxuuiQqbJw/zYNdEzXemZt4\n6djIsWo84rg4lAvu8GAzP+hLl+GofUilVf6ShaLxXqDGOw4/IUlIROaAsYyt\nS18pC0RfV+VgOxxmvvpqWurJMD0PEVu9MtfnloPAp/9hk3WU0p8uIHe/n7fA\nxtuefdMC0PUIeBIMhnVIwCfGOfCNSy5N9IHKiem91hyIkecI38igtU5T6p26\nk0RqfpowmCcXTj0KT60Uz5diuY5mlx6RQGxJNsjYhlgju6tz707Ssg/I6aQZ\ngks1BFywW95Ilopp/iF3tGf9Iy9oCFpfwbed/Nr1q9ELKzSO61ZH09gN4ytO\npFNiuIScOZCWEnEGFIRagoQ94RIIQZ5eaARGBbedZ1QffHNzja06Tk/TjFQm\nsHlscTNWZnvLKqIvvTC+5myYnpMAmnTZ5sjAHNJ4oyNz6v+Af4p7ZN7WaTQ3\ngzd8HjHBG9eofAOMGPO0pJXFAnCg1lA019n11lrLMyFogD2JHu1HJ4sdfCYC\nm9Sm\r\n=e3lE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"4ec429f07e311a97af45cc35db6c16439195f3bd","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.1-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.1-alpha.6_1594734131018_0.4154257977303575","host":"s3://npm-registry-packages"}},"1.5.2-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.2-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.2-alpha.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6914ac266b8fc7e95e9827139401fc9dbd00ff61","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.2-alpha.0.tgz","fileCount":42,"integrity":"sha512-zdelTMixCMlrm5K+epO4OUPFQTbHkkhZr6IaUKnb3+1E0KxSRBlV5/PUwNNWOxnElDdSM6vF+D0+JqOHowoWNw==","signatures":[{"sig":"MEUCIQCV5M9zPwxKWVmDxYicKnCq6j5LUKWdr8wu5QoCj9h82AIgWXVAkpniLQMwNgF4I52wWUqp80gnwtNqvPNUv7Vjrco=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGA5eCRA9TVsSAnZWagAAP8MP/Rw7SLZHyTH/IpBq0WXy\nOV+5v+Rl9nsdDk6nQ+cOWA7ey3Iv/DAefQG7PSz8SKdkhZfynnhuFSnce7lM\nnU2GC1g4ogu+FsiA37bzk7JXUwjr31Temx642FKc/72tn35x2ZlZ10qzLeQq\n5DLUqVp1KnA9O3dgBl4ixfNqcgNsQNiPnsY5VmrDWrAHoKBM3o/wrButq62s\nGREf0bKzl+9KjAW++fB6v4V+X2XRywoMK75sugS1DmEO4XeZTM7uAFArbgI5\nv5ZLOioFuvECF24Br7ZUuv0NiohqMjHqjlo6oNpkpXIB8SZNvzmhq0ii2Sxu\nTMsWKKzyrrg6svebFdU11Fyypx7sQP7T6wZZ99q6b8KDi3i+KaFkPBAA2M00\nbdRLWHpB62A13IDD2Si2/DFMb+nMjLJeYd6vy2C4jI36HqCUwcagvj3rA22P\nJzC5kBgz/E1N62wwMaFAHDhIxu01rg3j7lslo7ggxTEvojLghhnEEmgpzrr0\nY/gi9alXl0ocYjrB9U9vIuORSGEmMvz+wjXRCtwguO2nIKVLdK3ypJZR8fuE\n+ugGu5UYMtiV3WFz4pIXOAbPo1NxSWY2z5TcvVHYvmBOCbHdnfBeGdbKRdCK\nfCs+oO4omT/E3IjinStUINP3Bg3xxGyYTqdDIZwrJowvyWKtYVV+ueGuVCRW\nWeFw\r\n=fT2j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"8772e525aa3b0af2f2b3fd2e820d83df08c6e1bf","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"alexbazan","email":"alexander-bazan@outlook.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.18.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.18.0","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.2-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.2-alpha.0_1595412062230_0.9849624452031964","host":"s3://npm-registry-packages"}},"1.5.2-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.2-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.2-alpha.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2d82f2991f6a10860f561bfc7e57499071c75de9","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.2-alpha.1.tgz","fileCount":42,"integrity":"sha512-FXbGgGRAKnaRwFu5yD9LN9t/PACMy7ne4GCSf0JJbs0Le61EO6MPHGqsfkqlTIhGPW4LFM58LU/BTB/v6YFKDw==","signatures":[{"sig":"MEQCIHZjWEddjxQRewNX0BTquPEdkOSRn737fbU167rXQBLbAiBqvKZLefgN/VWwKSIQX36ctEFZQE/vytL18m/gmoJ6Og==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGBv/CRA9TVsSAnZWagAA+6YP/iULdRhJHpOXDGjBqo+J\ngO8RpnGK1CneO59jqxJl2vEn+1AzoderhXjdkRa0PhmxpnyfavIQAYRf3JH5\nrrTErfQXzcFGy82gzNHc0ysCd5LMnVcVWOM086JWiftaMoWrj4y6E8ysQwfO\nXLBrLdtg4XaTQZ1dqVaIwWvNa66a9dIihKG9mP5EsG3XponZu6rXv3yl4mMt\ndKD2URRkWb7RJQiaygda0mmh4TCL9qkKcfH0adJDcYVJodcwP5KGAy4p64JP\nZV0Fpw/zxoxUsu26y6TfhBuwHUpF6ZOBnxkFM8yBo5LCHWldrUnJokipIlEZ\nE3C4Ri9CyDQy++AIIZF5ou/rWHEw/IhVuEq4NfGrB/8QFb4gFEye5+g0sCp4\nN4Gj9iPHlJcpSTfu0tkVycCVDSgVce0BXqN1PnHl8WtLaLRzeJ7gSa4RsqOi\nZL7B3oMPYS016wWbV+f93PnjFs/uQiuKHWqoR75qlgGEE/MimbKDHEXGAdEx\nkx0v3K/fnC8Sclu2f+1XJ5LeIm9XpmgU7vzyV9I6B6xccG3lsjY8+KtBkQYU\nWPQl6Wq5RpyrfxiaLtDEJ+4uG4q1KhtVURJF4c6FhwEhi9JHsY03koHc5SOv\nV1Vien0+P7sbKhjRygxlBELOmmMd5fHukq4b50XG3O9ZVJVxtmf/o0aN+msT\nc6zF\r\n=SJYe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"924eb75ef722198e3270442f5bb2d823e0defde7","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"alexbazan","email":"alexander-bazan@outlook.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.18.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.18.0","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.2-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.2-alpha.1_1595415550947_0.15507069720204325","host":"s3://npm-registry-packages"}},"1.5.3-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.3-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.3-alpha.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"5ddeb0a13ffc79446a8e40c9cbac1c35a6eefcc2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.3-alpha.0.tgz","fileCount":42,"integrity":"sha512-rko8jadQiGv1rcTF2MqPodl1rdjb3TxNKar4kbArdWo6O5AoVzlhnZ8ESdrXyWjEOGjHZK7eiqO27ZUV5fIMIw==","signatures":[{"sig":"MEUCIFXRD5teOR8a10oJhDlONBRbO5gOG3zOPyGnObzNEDItAiEA4NKdneGHN4Vl0sdqk2OzaY1+MHm8ZF9AyLq4a9tWaCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKCz9CRA9TVsSAnZWagAAcgwP/2MeebBjKyIhSsRKmzjK\n/W7YKnLUpwRLAQ65sOCk23UNUvHtu7lRPFugYn+KALBK049GDZPwYMA7Yyg5\nAq70VPMAZLe3MLluqcdM6koNt42n//nTcO64Ay4f2cqfy2NP9rN372hDlNXf\n8OQ0fYGpOYv8MSKab8fsxD4EHENErEHReYMKG96TpAOjYVMsUf4MmXwxvwor\nWc2go1zD2Lhb4rKDicBf9mbRP+/0ZFczrbDKiyPqXCJiJ+0EMaUfFN+H0xt+\nYIO6ObrcBLsn6nn/y03g4ltzQC+g6rSKaEUhQt17J3bhvTOYyN3jOB48CKDj\n4bcC3AkVtp9VT5s80zAJZ5ddHuhR8i+7+XiJFtxUeOHkH+ohUc99aCZVWINu\nUOjrKGMtuoRAMYzsKx4UkBl+qZfU3eTk4/dAvE/Re01TX9Lv8vc5AnyoONBo\neZyzfFQwDggJAUEqPOcYbdYTZAPaBObX0XgSiVrC0mARZyELiMW66MO4YTUm\nHMAVo3EsN+DUvG4UUPyhXLrZxasTZtOqhLJ5xyZy8jVn9qCAA1CCsZwq60F0\nkCbSYsYCBRvjBN2Qp1IdJzW0Zv/Ly+td1m1wgOgBSSfBcoByqyBxafCGVQZN\n1FhY3LlxyZyd9gkJKmB3LP33E4G9TjG0/0ZXXZwjI4SiRtGtiBoWPbCZQ3LP\nvldg\r\n=QRz2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"6c8e69c7b6db0dbce557e028eae57ac958043b52","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.3-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.3-alpha.0_1596468477561_0.8616080830750759","host":"s3://npm-registry-packages"}},"1.5.4-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.4-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.4-alpha.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"3af86a3fcd8504e9d693e15bc6b0a7aaf7ac6244","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.4-alpha.0.tgz","fileCount":42,"integrity":"sha512-Fs1IwRf3sMaj5hHr3Go6gg37JXQnlllx7nBtDZHN2FR/3gEa9xb7Q+0PXBDztjYWKhIBAuW7OP2pcxs6XFW8Gg==","signatures":[{"sig":"MEYCIQDv/WMaFAcW+vQdj/hK2aJZn7L5ugm2PKex7i5ng34LDQIhAOIVloKiJV6fzM7/doAk6+pZRFmNdD2Y+LS3w/AiwmFB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNQsyCRA9TVsSAnZWagAAtiQP/2UiemjkIrKm3bSHSjxQ\nV+vi0e5j/O26qqfsRF725JLC8dzvhqYU6wZbueBacVMZLTe7IU/vYAVUkRvA\nGXErD2hTdSKhAR05mpFREZZWvAGkwIYb+3vb6j2vZJCXPxMTCdaqnru61O0v\n4SQgc5gblpBf4G7hrrnVWSoceWOV5K8NzA8ObxPf/u/Tlg/twXUXa2lmu0LP\nLs9h74TdHe5mhNdMKCj5JJRB5gKKfKJ59Aj8ZOyusozh/qor+R9IkqAokWCq\nmpdElv/XvLFOUAsTi2mDx+Nlst3Ec2mDu46lLXBi8c5crCkjMzMLB+MNkfHY\nQEwKUBg0xWRPmrPiuFgxzf2MaxnGCMZCcDLDDHKRljj6O1uyDl2HnBHvhw5G\n7R+ySXDWrLkC+PBYxgIfhEWgnPq2/eSmAHJZQWJtALQFvk4JsHBjVf4Dftll\nwY+gppwoT6OqIeSxfDOsvYScZ5E+5DlXMNtgBj+QU/ovdV3hr+2nZ/NhfN1f\nlpl9Xe88L4T0XgejHA4IUmp+ntzObajneZ4IZgmSc9i9JOXDqbZhTUtH14H2\nngXNkVvc+J0gQ3APX0qMla66ZBXsZUgrozTgYNxrpB9GWFkq1L/UZ+CkUDvB\nd5AAc4FsGdkTyDcJl3wYUfECLUgYnqjVoxkuJMLcPctJzS7kEZpr4vXPXT6w\neapG\r\n=vyzc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"376c1fa95858cd3b594112404b2b62de51f39e91","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"alexbazan","email":"alexander-bazan@outlook.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.18.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.18.0","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.3-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.4-alpha.0_1597311793973_0.3352214982119912","host":"s3://npm-registry-packages"}},"1.5.5-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.5-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.5-alpha.0","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4aed0700e45f035d2a5f572228fa3ef94fe8e02c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.5-alpha.0.tgz","fileCount":42,"integrity":"sha512-9qFXN9FxtjoJXcHZDZTXhfPLBkFCxO3qDiWAyXpYumH6RIIf6O/8k7lND/uYAnvJ0Rh8rvxTz1CYP3LeSIX1Xg==","signatures":[{"sig":"MEUCIGDpIUTkJ1oGPf1BwBV2/TppsJyh+CHS8PChyUquSf/iAiEA64KWRLMi5gPMlVLmTpz5GLe87gcWj9K4YJTCoB/wArA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNjjLCRA9TVsSAnZWagAAnOEP/jQAN6e8Kk8g6rel1uDY\n7o0opYjR8KZJkmFuDxi8LpCgqgCYTJK0op4rJ5cSwvwLCFHDPEDwvOGcJtRj\n8xED42iGNNMy1y8bF3Moijbbrx4QlsSqP3ogOBgvdFAo9kmgLJ3q1raU+z/3\nxIMBkgEuuJcBipE8Rh5k7Viadf//UxxcAgPCbfHUFsGA+sxiVp+fz79m2zr1\nEVgvy2ymqC2vWnUHmW2Qpw6+jyZWFg3pB+baGE2quMUmgd9kefioQuEmaKvl\nGPTQeffqXFyH1mGKsZJb+ydfr03zxMqSA32aUI7AIrayUmeMS9noit/gKG05\nHX2NH/JpNrYvexbf6DI4zR5K5OXOCLkG8X+P6IlMtfbbfaeX0b5CMbUP1LlK\nwgYcfGOCowG1IMhccpil1AsBO9E5uevh26MR1zc+srf0CjLDljMEv+qNl9+N\nv1+IUuoTJ2IVzL7JjUTt8UciRfx8bpmPA41IUVZjyqt7UmLRWE4gD7gYIliP\nZkfNmCNc+xkO6tpXwjgP1di7vYV4DWD3AOPqKIDK3xM1D8lZYkPsWd7abA0i\n/Np4EsTo4cfYgK84LeKQrxH1upG/rX1JgAADFJxT+klHX+s0Qod0a4xp3qzY\n4bZD+aPqKKu/TJfzwLorrDB9Gssk02/qFVedXmjI1Ips45nPKr8fJWAaCTLm\njyVJ\r\n=2udR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"166d8ea75f84227d4b19ab65cf2698d8504f2e5e","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"alexbazan","email":"alexander-bazan@outlook.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.18.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.18.0","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.3-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.5-alpha.0_1597389002990_0.9361937352752248","host":"s3://npm-registry-packages"}},"1.5.5-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.5-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.5-alpha.5","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b3d8ae134f4e0d6d93c25ab77123c721dcc9b627","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.5-alpha.5.tgz","fileCount":42,"integrity":"sha512-lPufVMfhMiKdtEIldjBfK+KakwpnQNxkUdUOtQOyVtUVyHoHD3cftAxGJUktOAyWT6UTdGscWkBt6e1Fxv/uvw==","signatures":[{"sig":"MEYCIQCUum5theqm7c7jP562Zz0VZqxxiQtw/jOLviig0psjVwIhAPr/OqP6B1XgOIPVTBgOa33P8bC4JybnY8Sfq4wy1vF6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfO4r8CRA9TVsSAnZWagAA/F4P/3g+ML7KCVWeLWJfT9Uz\nOySdkzwNgBbjoXXgUWeRn+8bSE16N/QRWNvkQaKBI8EsJ1f/syZQ1x8t6ojx\nSbOuZQSS0laOLT7IZqjjSEBYvUgidtPUNRMVeMcKCj1s9WAl7CmwEaf3gjSV\nWkY71KEpRgia+2MUuhSkLwS2lybcVC+h5irN3ANFYqR/gCf/WN+qOaCNt/nf\nQfrmxwzHLeizeZNXietFhYUWrM3qhueU+wy/59PcKosLs4B/LxWI6YxZsyX1\nDzbZza4tfGTdGNhiFOzgTVD5hW/lyBP8gbL5JOBqdOveKhN8aKDbF2qZYoyS\nzA7oQ/nfTfM9LMlETLkMs7nw4Gf/NSSX6Avgdh0GlJOqwkFiSiDhEFEwjbsV\nxaF6EkoigEEfEyz1hYxKVjaEro9xjKOgylZxoXwQl3BClC7GQsr3B9wLWmn8\n75P2zovmobNmIABwkqeabXuzM/bpZ7/EaDdOifVsKmkzAt9aL95Edj6vzU27\nAMdYS3ohks5iMyEnpi2oRubB4O8g1z6JNRZeBORupyAPxlwKc8oQkgxa1caL\nuHmx+O2QKGNbG1P4bO073CfYs4EgdQuhDtpnPRCnoFnqMjBijS3+xDPQxmio\nunh0mXtjXuuLDHO612Nd1EnPdolW943m022LsIbjOcyIIQO/ckBmKl/g4b+a\nctbd\r\n=ckAB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b7ca33d0dc5256e63e7e0aea9f20ce52d96ad98a","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.5"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.5-alpha.5_1597737723996_0.7447492844662063","host":"s3://npm-registry-packages"}},"1.5.5-alpha.6":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.5-alpha.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.5-alpha.6","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"3f5a832712b85afe7ba0e76d578b5dcf3a30dfb2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.5-alpha.6.tgz","fileCount":42,"integrity":"sha512-CG1h/xzd1jFtBE8iOpYX4iiREZ00TGT5MUB3loeLxyMpzGvVO9oQj8sFwdRsfVzloEuGVErRhD1J76RTGmFuyg==","signatures":[{"sig":"MEUCIQD7E/bwzJs3gRUnTNpTzHH11GYtm3ZRQCkED69EW7xq7wIgIrNK6pzLkgeMEIfHsRKCh12mBpc5Nb3pkELvO/54DVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfO53JCRA9TVsSAnZWagAANe8P/0B4+g7iPWQsCROSFTMi\neIEa1a1yG5ObLTgfPzquYvzaZ+6eu70DVVoLtkk/mKevB6gnlPKSXwpIdTXQ\nrsN6qVzlLe5aNNs5jqwRYxSsoXT+foVBKMApQFMfQQGEm5uxayLp/43NUQ4W\nVEszRvLGB6+pPFFfZ23oDZ4g44mWC2av2/TnOj6f4PCSw4I6j92Leg9XP6+W\nv9dVRlA394GrfswzED5FmFsoqxPUpOqgZS3xSyXzl80wzUE33OHYK834hbgR\nXxxoBh+ZKFimCVYqp8keFySuedaev90L+ChgXC+vEVg3hP0Eb2E7wVSXsol2\nXE00/2tKBS49GC9iJU1q3duvkGXZ6LgBWYVNGAXBBVjJjkJW5z+Yo3LFP6Es\nmNDx6BnfmPgoIzujndjRKw7Xggc8sJX+Wc448d0LS3mwZfQanDB16RYOX1wg\nevqg7QilKVCMSgcLTCJG3TPRCJKEmNHO/vK0m4GVux2mc2Co6eExwNwPlXDN\no6fapzFN8U9ma5Rhl0BWiSy4hzMscxxynThr3L3IO6vomh+zKrDeey3km1fn\nvWnBk8P9M4ynNapAfm4R0YuRJmibvP+DI8RU7crSFC5+CbIPf3jlWs2KEQcH\nDrYatWIhrZly8Hba+C1NNGpAY8n6yo4ZJGzYYFzYz7/ytY0BLPp3v5CY7O09\nh1/o\r\n=FCoi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b53f96d601876ee025c16696f6967ee61486739f","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.5-alpha.6_1597742536936_0.5699285396756246","host":"s3://npm-registry-packages"}},"1.5.5-alpha.7":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.5-alpha.7","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.5-alpha.7","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"1409bd184e89480df3de03c4873d83b6a9a07244","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.5-alpha.7.tgz","fileCount":42,"integrity":"sha512-e+tynm11MyngZaMiOMI1nRf0bhkyn/XAU0kDvhYOvDbXJmdvV9z7EdqugrdMws7yiBQbul+mj9C2iAgLrx8UmQ==","signatures":[{"sig":"MEQCIEMRBpmP+4Opfxft4zlBFkA51S1JFZa1LFk4lrexjgFWAiBuB91ko4b16vXrztPjsHpGFeW/SZIBx7K4sMAihiin1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56041,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfO6PqCRA9TVsSAnZWagAAmmMP/1ETr6pRLshKCQ58wfWW\nTin97GkfZciMDazkciKTQEOSD4ElnMorh2emlGdiQMF2TIYcEXtoNBR/kIxJ\nP7LfyEiMHO3bSHA4pXgsMANBqrmWuDBCWkRr6aS4UDywgkXiZkrTBCsSaJ71\n9UPeFDVOGRBkTtFbIR1LxaXskl5gpwwi/aZIs9ANHusT/JFAV0aBZ0uvncg/\np2ob3qgZyBRiFF2kPYzbH19E0X3MFgmFhz/zZvmKUVbYQcAISthbWv+pIv27\nNA7eErVJ2hZUQrnZGli11f++v/ZYFIkvNNs5nT0UQ83zKkYOg/LIHsS/3lDQ\n9l9D2atxluDbjnJTk/3ZRIS0pbid4/VFLW1WQxG9kLJKf+bfIwMNsUobsFOm\nTneMcLaFzh217xxnWe3eB85QIshWHAcpcfVyM6e1ODLVMFD+iKgJ2t/uTfEn\nA9HdZeef9/SR284a5Ac++cfRzsJD6W4fjX/0zD+cvuivlrLMN6KRM5iWNFKM\nnlPgMKkNP4LoTdsF2SLR+NGI4ldWeu+Ar8KhobJVgq2NATYg9NOrg4Yf6Lxg\n8ZO3RkzSvr37lIgJYjewhjh+Z6OmpkCkRw9aZMbSR4y4gBzvMpafwEx+1MRX\n14rBMmaIzcsVKKwBCBaxXU01nbKIEaG0TqzI475lEsep3aol9baYJqUzyKPw\nYOrM\r\n=ito4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"4dacef42081e8dea81e6db40d6fefb33b373cf10","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.5-alpha.7_1597744106356_0.7794345855761851","host":"s3://npm-registry-packages"}},"1.5.5-alpha.9":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.5-alpha.9","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.5-alpha.9","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ce7d975da2f457538950f2567aa792eb75699b65","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.5-alpha.9.tgz","fileCount":42,"integrity":"sha512-B9Kah6fZWEfVw/PgdS+gPyOJaM9eullCtoRQjE/dez07Um4IDQuaBYFwCPU8qng/jFo0//5bADuYf9DMgNZuRQ==","signatures":[{"sig":"MEYCIQCun+bi0Be9QtLdq65yqAPrnydmiE2qKIH+UsY4QOiexAIhAM4x0ZdhtpOYWVGLbTl9ATMG8B4HWLPvIS7iZkImxwuX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPkwvCRA9TVsSAnZWagAAMCUP/jdITZHp3FiC8Q2/G/0z\nG68L2n0Pj7kG1GcdC63sP2Ablq+D/z5Xs0OH3hAs+Z65qqoDiF2LA3W1OQHI\n08XkpmM5TnQTuvyx38xqIonETu3jhbfVQ9LTKLI9CfXZcPMCsWQNMnYYO8/M\nWjaGwtBVTBOEE3G3WvuNCPn9rt3N8n/c6W+UwMwy3DCx2w9HARfFzZr2uQSi\nIpYQ1ytlPKQgOA1+RySowwGm4xdQhvJFc8Z7wx72gsQuVvRzmVoBu91kXKTL\nHCO5WNl3dvrGhXTVW1h9e7s6A35H713sTK0sscTu387BaTxdMuB7ZeDgE0zC\nk/0x/T/D5WuFaDtBoZSsxWKxxAFsm3JXIuElkY54opUGfACDr61x5fCxgpa9\nkyNjFoXyuy4EeOI26qxdBY3tZsMSn4PVshRR4QqDooxd7cK/uAR29DQnauMe\nXlV++UoFqgbgYnamukhdhi1e+06d0Ri3PXJBDV4HYMr2n5PhVWkzIoMyQlZc\nzhEdjaFX6rC3laiz3cnFvzDYdr0bN41UwcZNI7QaDOKXzDSU0W5AUlcegxZD\nKfjLzq2P8NWxu6UTLIbex0Ypa7MrWLv+zoiPNcBy24b7+gfSwYcgFjiyaQqk\nw7nBsaX66Ccswt8ohq+Walos5Lo28hsuzjaicxDE+ujE3CDL5KWfhueY7T4Y\nHpua\r\n=Zo+6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"60869fa205edc39f317cccaa919457ac1dc03ebf","scripts":{"lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","typescript":"^3.9.3","@types/jest":"^25.2.1","@types/a11y-dialog":"^5.2.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.5-alpha.9_1597918255070_0.4682386122057993","host":"s3://npm-registry-packages"}},"1.5.6-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.6-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.6-alpha.1","maintainers":[{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"misund","email":"just.misund@sol.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2c3c745c2076debb7e8c1b728ff5751b1c2e4639","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.6-alpha.1.tgz","fileCount":42,"integrity":"sha512-o5MHz182rXRf0R8KlcXdf1FPWisw1EB6JGdpSzSZfVfL/v+L7sJ04OlV6wR9hE6s4bDfx8zRvrr9yZ6+eCqbyw==","signatures":[{"sig":"MEUCIQDhR6zYPLV1R2clGrmwEeXox1NrYGhHD8p3By/PbPfcCwIgJcFV0DSYFDHfwzzguYwcXjn6Z6Un7OlCDUpBQIYk9YA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPo05CRA9TVsSAnZWagAAUNMP/intBozCcIruQvM5FDRV\nE5+kubmhPuoX+Y9ZGSYNYhT06nbohlulbBPRNmZDOYW8Z3qCLBChuhnbFPeP\nVHGwtccQ0d5Urm71Hfbqmnwr1bBQZt/XLyionGRw4Wcp15f4IOIuGYZ4GdAK\nFCnaDxsjXMz2PtLiDPpIaQa9+HlZZdU2MsTXTH6DTSq5quw7iuWW7Zv7psfI\ncyApZe4o/f0Dhz/hl1KvseX6adFpGTvYEvBA6aRAoeqEB+Ocg7aTJTr56xvZ\nbM9ea5AUgRsdPlTViAW4DHuAKLXE3leG5YGkbj+/GDi0OlcqEM4R1zdRIX+T\n8mpxZzMc+JoZHrxLVn06PjlKt+WN0PJwiJMhoMYWX9+F8+cUZg2edglGtFGr\n8YGt25uY4nwFK48st+p7atMYit7GUvfuyDprclS1dtf/ahh/QlEJSAn3Zy/b\nXdi+BeInu08KxjvZqG1PuYO1dlDg1ntAJTpmXT9vjy/Wxnkyi03Ugoa3ipp8\n4zoUiqQgMjuSMCEsoXhoRpIVAuhJoFWxbVouFntyziZjSXnTwNfJ4nYb9OFj\nxWG2xtr8Hy/vxBekMRObnWeOcHO1VmtpXCBM0QoD80RUmYt4z0mE0lcNjNUD\ne4seRACfoqb6yOSyGcFQR5G/P9hMzsixo6fMkf77JCBkdFO8Xt8xm6mek0bk\nrrLu\r\n=/HBD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"26fa3fa3d99a724893b0a6fcac5ce3f8ecab4096","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.6-alpha.1_1597934905129_0.5947695745186989","host":"s3://npm-registry-packages"}},"1.5.7-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.7-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.7-alpha.0","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ae8975591fa1a9c07e4fb6b4f97617ea1cd958c8","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.7-alpha.0.tgz","fileCount":42,"integrity":"sha512-KSNam1XdrGlWTo+Wju2bv9pST7hXDLPpnOM/S/Yxv7ZOu78DUWV1jXiD8DPTDl924O4PubazTLNsG77aGowhbw==","signatures":[{"sig":"MEUCIQD8kDX0huevn+wTY7vtUoI4GNHtC5ze7j8QktLgRoiY4gIgBzAJKJW4O0tZ/Xuyyl0Vx1nPdupsn7xckgBcN6OhQxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV3H5CRA9TVsSAnZWagAATrcQAKMG2HU8T69ljIliEV3u\nSQldvzqfcsffbC7SNQBaORR/9MKmUdfiJDOrw6FGPv3BfRk0SMLDuQwouybL\n3N+bnk8a/hKXU1XRXGXkeFXD2zAQSnASjz6yg+tt4KHe4eNVrs2Vpx80uQNB\nsj+zb4iR+KQIUoS+lVL5SD33IQAi+448t5bIfce68hCWFmEv3byX9PYYI3po\n3xAsDU6ogC0Ece1wsRf3cIfu38uYuJnpEfjKwQ36C2V7niMprp9MYsVoEJ0H\n5g3ezd+ZZmj0n+JEC7CESOt/U00r4DDEYMYDGPmBReql5CarJB5tzuzccVNd\nAi8weg4qX24DKr6XPSeGJSmGiOGDKhad4WqTGoSsUZ+jzecboUQ+9byyb95e\nDYF8bcgWmDwNjTSlcJxppZNroue/psuESfRDrGJLKFQNmyfom3+RmcV7oeak\nVPmzigUYsnT+ktWiCaIVs6u6eKO6fEyjzeqqaUdUszc2Ino1etuVJc0j2QEm\n8T5zoY8ppzH94MIercxurIlFmw0e1bopSCtzBwvgllKEq+7nLxekTsOEKm/S\nn7RibgBiekOaYddbKhiMVu0W1OPK6YfVOrEuVxzTmivcg2N0vsuwaj/gO79o\n8kTkjqbZTrxkfkS1wgoKqk5WcJxY1gzTFcpuYdjvnuHYq9P6h7RgQvLnFAnK\nSxjn\r\n=m6rJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"df2d2b9d894b27400ced10f8e53c67962b46585d","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.7-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.7-alpha.0_1599566328700_0.2109014598030703","host":"s3://npm-registry-packages"}},"1.5.9-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.9-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.9-alpha.0","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"729f821929aacd845eb6d496183b39af25d2341b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.9-alpha.0.tgz","fileCount":42,"integrity":"sha512-sK66qYSuASX0CRDUCwndrrjqG6uvs9i2Y588kQzSou54/n0CVVlPhoWl5tVmXgDvCfFBh6irqWI0VsMQmVzMvw==","signatures":[{"sig":"MEQCIEI8qboQJwXiXlKaZjaGwZ+PCxZJeGX6i+BF3YqH47RoAiAzLmIVOAFt0/cIwIiX1q/ThEpxRgEYngHXlInn6yhwuw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV6HvCRA9TVsSAnZWagAApbgP/jcLAHSUPqmGCVPdMy8R\nCsQsVLeMS8O/TFeKNcpHapC2Dy2RUbb8aZIpLaJ9DtD/DtpLK/DZhXk8p/e1\nDF0tKfIsXxBJ+4KJ0Y5m0q4Dbp0w6WFCOVX5niwG8EH3dlqRQgM2p7StpD4A\no0xqIGC9pOcGc5hw2wr723j4EPFadypEPvL+0tN09lms+QFeOfOa1kjQhx35\nHNInRgKHhQBU0nvmkyHX0Vi08pHAbSWMxXszGoZmM6V+ik7x5OsU2IDEPoPy\n9F4cP6Og2dGEWXAf8ybM+8x+D2SnpPkxfv6xnOHapVCIg7R1ZMyrPn72feLP\nYNl6kF+unGyjR3JafNL7uczBM5LTUJs3PcG0l0X8c8FKZ0bOAYbeciiyNpkv\n45X8CpRpriLQTKwo4GwseCBDj6aEWwUe5x0dQmM6x43KjgOsNnvf0H+Z0n+k\nV5q/6qd0h1WjetVMBlQtRjZbkFDXSa49rItFRETIloAJTG16ny74PcxQoITr\nQJCTXkGzJHSXApgUksHcezsT40/2jLK3YOKdSMAx4GHbxSrTKSvt9CuWjLLH\nBKCAbhMOOqemYW1dFyuAJPEa8A6+MTLWkr82Hyucoqms38CPH+fLzwx4y1E5\n2TAPVWuBDiPBm45isj9kKL0CfkhtqjPtl9ZBaWPrxgPn6OA+izKVi/7syU16\nF4tn\r\n=mzcw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"7c809e0a976c764764bac23831dcd13377c710bd","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.9-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.9-alpha.0_1599578607441_0.6565980340230613","host":"s3://npm-registry-packages"}},"1.5.9-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.9-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.9-alpha.1","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6910e3c62d3f3a66c64a20192575c1232be96fb3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.9-alpha.1.tgz","fileCount":42,"integrity":"sha512-muLOeo0kgz2ZsfgRcWtYikZwrqBv50+QuBhC6638C+LYwcDcaGvisg5cXMhi7Z1YVeTMJ8MOjHaJ+QJsB3GFUQ==","signatures":[{"sig":"MEUCIB3hXd394BvEzfz8HbjNgd1gYXoenfByWPmnSwQrcBqrAiEA4rnz8ihH5ftLFDBIt7VcU1HMuBK95xHQIH76de+zySo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWKcYCRA9TVsSAnZWagAA8H0QAIGiPvFW8JJFBh/102wN\nRN6pGIKq6ApKezMD63OI7sVRZZWHapMY/JKIzhq6gNaOiPfMjVXSDMffcqyo\nAMzRyFcrMtEsuBtg7kL7MWJ7/mNDZlvmjFMGrzs7Jg6pB3nn09tpsMgLUu8R\ntlf7OJRTOKa19yzO1k7VnjaFFxCVubnG+epPtPJbNTtL/Ji1qgnH9OaVXnC6\nMDi16QIbulKeQ/5DRWse7+4ErPa7VcjgxluRDENzEfZEoexErlQQqoRfV1Kc\nWddB0cU9Vzge4SlN7Od4B1g1GAsbwXUBqmAEIpaMJcwnUcMl3vixsIVYbHqN\nmenzGsS+Sn3yZbZmu75ov3NtksIHd45PanHHfJaHE/4e2wOEAVQokYKcjzrI\noR/1KjSPUQWf01rlKuHIGQ6bWnHy0Ra0FWXDpKDQe8V2ylM+ONdJeUNlLa2H\nT3bf5Jh0GKYf0GAtyJc2EzZNjoKDOqF6FJQGhK53XzxdPcfujqnYGWCwZ4dU\nisUeY7VL3QoxchqEurVNJgg/4EeN2J1qUMD7S0tg3Z04AJ48sMY7C841p+PV\nI3cu3Vbi7iRuA56G362aq7EpcMAS4YRnT4/ptETdyhtqUto7SliHtfUtt3f5\nIT0ffCQEAm7eqwFUOsAJURVwwm99IUzuHv/t0LJhjH8IGESWV4up7wYJHuCu\nyaw/\r\n=g1ou\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"057f0fc4d61eeb4022e8992471dda6bc1cbebd47","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.9-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.9-alpha.1_1599645464204_0.8667131992733457","host":"s3://npm-registry-packages"}},"1.5.9-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.9-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.9-alpha.2","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0c459ee342d8fcca1bd03f0e5e947983fe96cd21","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.9-alpha.2.tgz","fileCount":42,"integrity":"sha512-cy/p+GEsaDz0yvVzikiRKESgAjqaMgs07m1dCcFaXKJUwtwCT5HfJ9GXEMWjPvT65js/EqX3pPbvH4E0hG9WZA==","signatures":[{"sig":"MEUCIAh6PdayIgPNDcUaQiOBUbhbiOybjTtD27SnpoucULkiAiEA1likd7W5ezTaKVlK4WGISCbF4qdilfM2fJ9uqFa97Mc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWzkzCRA9TVsSAnZWagAAjNsP/3W1amzUNvweSvklGOZS\n+DFovBY1nveBFOHJfQ0GozzAhhL4/yvNUXMfGvUEFtJeg7LicDI+hTtYLO+V\nsVVgOTLwIc8dNMwHehz1orFmdg98bzhsVLzcLCyJ/5EAHW4oXAikyiro5fkW\nQA0c8CoPR3OcTcdbSO2bl7xlx9EkQz72e/yzyCVIuPHK4CV90T4fBw8kU87/\nIrQyQ1cadGoIV8SUvKHOYqNmxcvZ8wd0LtAgYISYE0SK7cUi1vFHElNnhQFt\nFXqVxFlJPLULhjQTq9dE9OIbgTsVAPupZkOf5o2pPnZ9jOxGIk1eNzysskcm\nIeN2E3r8C6NKT3TS8MNiVv7H0yus63ZkybyNoGSXfIhArM01YGIi/jIDIOQm\nZMnkIsJ4CAKPo8oqrkMbVfBnVeJ0dfOT32Ut0v87n0NzWiMZC3EJgooGjJXr\nziAS3TShWU5Ha4Fl2otBHso5gstobq7WnSP1fdlE24ltOnWwn7hjIPEO19dq\n/8R6J3QrO8mVkDtb2pTeon4TVElezlOuKJT14Fww/Roe7X2KEEve8QT4n9ML\nsfffKARrw+oB8U87i8DWhdI0okOqIykZ5LZxpHPHRvBYDF7LxrRzwXVepXC4\naL9EDWPXf3v81R2JxDHWIBN3AyK+Cg4ANXPg0TZ1/T3qvs625kgc4wS+5/7n\nB9Ti\r\n=6GB4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"192c11cde5dab483f95d184e7f85f4d5129062c7","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v10.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.20.1","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.9-alpha.2_1599813939405_0.20923819851858227","host":"s3://npm-registry-packages"}},"1.5.13-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.13-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.13-alpha.0","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"8851af97dd6a377191b8b4dd9af291e0bae5e7d3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.13-alpha.0.tgz","fileCount":42,"integrity":"sha512-xpwh0PVnlDq/D8fN3cKwUnqA66CeSykOpJ1Vf+Wx0sIvojiylxg+DCOHQFEAZ58U85dbhMF9fUVeY4OJYTdXkA==","signatures":[{"sig":"MEYCIQCpzOFHD59IARscGDjDUZ1qel9Pm29zEmsNMca1b8eqXAIhAONt52VClK/7ArRdylZjhdA7EmBgbkg5X8I5eyHmYZT8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflopTCRA9TVsSAnZWagAAcKUQAJZ8j7CqJANI/d5rcOpQ\nMokC/5QzPc4IkwSdxzSPLXZAwjEh3qYu34arS6wPaNPiLA2JAQBOj/WgnDkr\nhiPdc2gPZAuF4GvzKQVfjMIj9b0PGCqfISIul/Yw/fWILKiSCt+sT3GvAKAQ\nMOdU2iCcNvsLWUQFfW24gvX6Fiz73S9fggAFtbu4iiUK69QFeW5cFsiPZAN1\nqVrwdu3F0pkj+cmtaRu27jMCMjtxakRhaZ0KPq4SzcsW6ZtHEbSGiojSAo5N\nBVJZ+oX9uImCI1NxqB2UAmUvMTWXfKhDqpFmugCszFQM9McUBIbcx78WoobM\nL0AVE8bkg9lin+wnNjsTcT5GsyWmrsBT4hvLWx5o8/lirnZ+nBvFA2hfeASz\ncGEvdzkhY4tpsiomruHJJumOYGxRPrpTcX0rohxjZzJkF3AaH9BLvPOUdnKm\nxfhQiMMQfRxYOu3ENv2AkywOJTi4rRrCuC/0041uElmnu/x1osJCpNkJ+AYq\noXJorF70iA5Di42vV2eOHdJ6an80+Cx07zxeDgx0bWR7mwZErUBKFslQRIDL\n38CRYOSermBlkTpXQ1cQpRgrVqyXpPgOdMhPovinmLZbVKd81ip4NApl7g2E\nhXtqfPeaK10JAh63P5/9iHt5ak+tJAtTz2ORizPsw/YULGY8xN4cBuluHtvm\n0lxX\r\n=gW3x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"fc21f2870dcbc4307b00a8f30a21f904f8fb2b13","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.13-alpha.0_1603701330850_0.5716929605435226","host":"s3://npm-registry-packages"}},"1.5.15-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.15-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.15-alpha.0","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"17b06900a4f5a3e2f724ba6ef11d884c80fdff2f","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.15-alpha.0.tgz","fileCount":42,"integrity":"sha512-I1RsZDCbTjElh34JHANlutNzIF/SsR+x+MoELXw32DUp3oGJRxmM2W4AdltEAQksPN2SgJb4Dsu9GLa4FR2KMw==","signatures":[{"sig":"MEUCIQDJiNxetCQanqDVcnjNJjZNncNxYWwcecFT9YHdKjDsdQIgGPbetcD5SSd4JIxbFwXXjRmEd6goXWJxsTYJJR/lEwI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflsz+CRA9TVsSAnZWagAArOAP/2TxDpNdpcqQohyHRfl3\n9O3f4XtjaNu/PAZ2aV/jeipzRMdxRK6ougTAD1V2ibEKusw5JGF7S0ZhEjeG\nrTENCy2XD6jNtNX/1iaECzhry0OXW7lfG1QvKRrA/XQYOXkrHRuHKs2Pti9B\nBPYso6qyschWvUGjK4GQdq0BzuL6lvReOMnzAqvGz/BiEYyZbbBxxD7Py9z6\nMqO4Latgg5/EU66p0H6kpPolW/mpjP3AlXKElpYhGpM/cDZOjX+stLFBk+s2\nJlAOF3jHs0ra2d4ndaAMWvcw9Xsin3+ESxR03cazhhdWeqj6pmf8gAJOOt1I\n00XvCHi78dku7iqIqhN8RjKIz0rtOulccrOpMiUqAfksiJyDh1qhD9mOmJiE\nD75DUxSg8d+9+xPhdIlL0vXQpWnig1z9cHM8VwAynRQbYkeH7GcOCCPfGG+g\nY9sC311a6xPiBfHL140XYAQxsFX2srHhxx/M0C955sxWWmAKEoTRBP9FI1R0\nXDDy2tLpBhuH2Cn/imSzlTbybz3/4C5eYjnSixADh781NUU66Yj072ak+4uP\nCNFEcGgLW3hX8Jxtve4NwlhehTlUu0ajWHB+Jq+o4Dua4FS0MeyDprNJtSCt\n90b7DA/GFoe4YkXdsgfjdq00nV3LAVLzuTGGzQoQWqtRkGXGH2PcWFwLwq2L\nC/q6\r\n=HNkO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"555b1429253c8b5637e9408f8db630e9b4769228","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.15-alpha.0_1603718398055_0.42411215100761157","host":"s3://npm-registry-packages"}},"1.5.16-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.16-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.16-alpha.0","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"356418302b6d4cd37e7b6735eba2e73262d98ec8","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.16-alpha.0.tgz","fileCount":42,"integrity":"sha512-hW8fMpo47vmWJv4eLpVZiFD/O2ZprEog7MUq+B9UQS/52aGgBPLUat6Z7qkgmYLbje9wFgzJ0mrx0acIzu6bKw==","signatures":[{"sig":"MEUCIQDbWhGyg8MYzKEPo7mQiHcXe+TyJSzakEBhxfq8K+boWgIgKLrv0gTCsttccKNg4TE9CxsKcYtIFyg9twcxpqnKXHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmXypCRA9TVsSAnZWagAAmrwP/2g31MXmVqEmlB7HcNdK\nqMnv2qOIpKqYC6eZE/c3yLwfqDcBr2K4fSx+Nfn8JCqDQrv87aoJbpbi1LDS\na/vTgOI48EnNHQhN+9V+E8YN5ZkvjXDo5FxLHHPPVIklhC9Uw1BzJFzqpsBG\nEsprSuSCxceV1b98RzYPozam+VcG5M0do7mb9abdfpYYNvxtPmBm46T2Zmwm\nVhyhle0VvzNMxz1GdrTy2yP2+Bid2ycHc2bDyNDehdMO5oZtwGn89xyvAibt\nG9mvzS8Nefv3sdGarb+UMkplCIZrldVYHEv8pIqDrKJiEP1ONn2vvz8KTWjK\n9qWe8TZtDc0mTCzx86ExYEZvUvsO1YUxt6kUtKdTvm1ZsFd/Ptnc1AYfKsmR\ncPdDdBpKi1LxNbUTHOXQxlKh5lWtfbaVI2dDA1+lvnfCkyBnEqAVqz+64vfy\n8XFM2L6sds+TBJbx8Q2Wzz1zW3+69CXzpiLP4qqwyYidVlEUexmmsXxHW//c\nfUqjIPoQaDdsPsWsYSbECYPcKOIg5I/wZyismughdS7VHpYphimWXFisduFF\nNCmqhlNzgIElHIJipcRiqg2N/3dVhg1r0buvFgrB1K89Ehs4NaNALsvYDGvS\nhyziBRXDO3qpm2FTUIcGPmKCE6BEKGvh9q0rEvdbm2pVhfNo2ShmoJU6jI2X\nx1cw\r\n=2zz8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"1540c2363f65b9c41bc04738eb4927169a5d60aa","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"^1.5.5-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.16-alpha.0_1603894440917_0.20315929596339588","host":"s3://npm-registry-packages"}},"1.5.17":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.17","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.17","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"f4240b500e5bb28d07c2c5a88ef92c399817ceba","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.17.tgz","fileCount":42,"integrity":"sha512-i+S9Fw4r7JPQXyjQbFKOCrckShRUnI3RZZGtG9cMrx7nuTSXhLtDsfu6zIltDGrd1nKZ+llhzt6bPp7z0X68ow==","signatures":[{"sig":"MEQCIBeAKXLQRT1AiARS0zKZ20IbUarRN+DTGuLBf81LsiM4AiAdAT1aCNb61CzlBMDxZt38bAKhm3P2Lps0gxBenHQadw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmsuxCRA9TVsSAnZWagAAUOkP/2wsUP+ZFeTr5kxf4ZmO\ndj+uzb3OVSxogINQhyjsLQxSv10T8bqwWhS56Ifg0EoEwBP4tJTeGDSDl9w5\ncGGTOiGgqVGpYchPKQTMxMkDYI3LLYOANYoeYPnZB+65rANMYI7nnPaUNTWN\niqjswjlCphL82L5Lu03LrVTO09C/u8Rlb7b6hOtUC3f4t6Pg7b65tPuenG1M\nbtYp/tFcWWtHBucnuITAwPrW83lC0uhpHCpwwyz9xQ4j0yHoWTrKjHOtJhnd\nADJ7pO8yue65toilfwwxkboyD7qgnK5Tqv++CvqicT3Xf+SstP7T2qsYSwAs\nDPdEzcySngrMye9fqrvc9U3f64mzig+YvKH6cdcqwXatEStbJoBGV55JqAXj\nzbcCd5zi3ZV0zwShFuds14cdbDJl7oZCEeuoEqMhsbBSkb61IH/LTLY9kcv4\ngdpkn3KHzm5Qf9P8Lip6X4qEaZyoppuGNHrsCcPmv7rx7tBHluExeVxGQ0sy\njQYZZcGWqADYaqervlwBpdhsglMkPHTqTeWWFfWK5jgZE8CsvnnwmoEOVCV3\neTUed0fW6u+UrqBpTTxtmgGp9SiqsbqHrLnv+obI7SwQvKm82v9tA9FiMJLP\niAsilLdnXcncwGIgGquRRJWXgiUzUx44rHLcLhO/KyaB4NVT0fhlh/gZaOON\nCVnR\r\n=qAXT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e14e1675d5c171706f4718da65c69d8899c5943c","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.17"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.17_1603980209190_0.22698789780018713","host":"s3://npm-registry-packages"}},"1.5.18":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.18","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.18","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d17b43e5abf933e234172df21f7f3c6b641c95ec","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.18.tgz","fileCount":42,"integrity":"sha512-rei8u4tJBN07lL1MUcyfzjObI+YmrOWXwvIkf1sTzMMN5hcYMDb6gg9jxHrN8E7G0knhSAjmlRBAeXKiSgZUgQ==","signatures":[{"sig":"MEQCIDz+mUvhEY6kwsrbw8v/zyXRid9T3qSb46cqR6nmYU8BAiBiwDnY7mmPi1l4N4vOUvKNFiMsUynKCmKtu6IRzfkYyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmtcJCRA9TVsSAnZWagAAH7kQAJByEBYsAGeYpFpKpkND\nooVr+jscCwfLFKNlztIRcP8/Hyqar6oX1bN4MlfShDVsBAIDUWRr+TZPXnvL\n431RrOGAUwHmXJmrjOnSXRGGPEddBEK5Nz9WAitpy0T/Hc3j9MYXfaHlZ6lA\nHf6o8/Tjtii/KCg6Ob3N55u7fyCXrCvpONocDOg3XfJEgs1k2l+FaWmaA1pf\nkxukEo5yXi4rPgunDyHfRgPCff3Zwj1AqXEZ25OywwR26Q+u8ke4eJR1nd5w\n9EivKhJrQjyw5t02+Ap5SEwJwKokThN4lcb+p4koN92h6aFqqXUoPSws30H4\n2teHwb8A+Q/6fHnpSTw5N1nbJxbge9lIpcAQ09K+HD1MR1/VaChS+rYgbbwA\n0h49eWuPCtFQa6VEozqlqvzP7jLy0a48GtcdRk+VpJUD9BK74+dVGrpB3rcl\nehmKeZQNIsPFzq8JJcIDHfRGGMYSM1FWq8o7DcSJ7H5cc1xd1tyPA/3D0y/Z\nWpbgxsWr67fbXrYK8KDLmztBsO6d3Q7TKuruAc6jbGGL3biOO2c8mY/0No/6\npSuUJW4CyYsOs3tckRxhbeXlDDCcxUTLYi/n2RpGzlNyYVAFazeWOBehBZgc\nk2ZSnwIHLk5vD5Zbvtv5rX7ch8zXqUoosqAAUSuB93f68WwJcCVU8MIdBnNQ\nwG11\r\n=TrR9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e202d48db8f6e0cad626f343da0c0e7002a74818","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.18"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.18_1603983113402_0.6080162258848156","host":"s3://npm-registry-packages"}},"1.5.19":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.19","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.19","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"04ddda92582971c05b2abff6446e6a65873c0b33","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.19.tgz","fileCount":42,"integrity":"sha512-1TKMJohvy/tnv4qKJyfhaK3MOcA5D321Ll5nEvYz4Yo6pKJztUvE/rlrSn8O4BZ7Ie1QDWbANGo+Y8jPoPqXcw==","signatures":[{"sig":"MEUCIQDJrPHwByMR7VDD5oa2lrNlzbhYH2dl0iknA0WyLXRQoQIgSU+qd/by//cAilwY7rx6Z91wxAqPBBGIFJDlNX+dstM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoonQCRA9TVsSAnZWagAAOBgP/2+Xv9USX8O3ww2sArbM\nqb4Az8D1sH7PGdPXZAAZ7iOBXEmiQrJENgXyF9zdvbX1HExl7L3NN/LiKI12\nVC5dL91jYqCaEcxR/NCH40n3zj4kiv6QeuG+/BMG4F+aTSxYi0+0JlzXriG7\nNmTYYusp6PD7upbBP4aJFr0VHRna8XSfz+Bk7Pfdzx7BpjG6Rrt5egbIN6d7\nsfLWJErLaP2BMA/s+I0m9zVPwOzQbN4rzoh+7ZNpm0LPg5tt7pIrXf34CBQM\nTxyvSm2tU1juEdK2rissuN4DJhz/ERmloMQ0Qm4DRGTsttzjoyRF92qgozP2\nMERMxSiwKl46pzn5XrugBriGbRWTbZ6KnaWHQBoejH9pyae81shQBZkNFkuJ\nAPWca1pLWa42EJfn/94myFjowTFr1sHNGLsjvTjuac9KbMxdHnkraULClNQG\n1PJgLu8VFi7rw2pxqSUCya0qBdTDcV6+3aGW3IjrEfbZVnZh4AcGZSIVOM2K\nSMGCf+g/X3Wm+7+v05Eiz0urAmz1JX7rh6I7t0VrnjVcy+Lm1j1Q+kOX5wnp\nLoHX7KTP06Xb286l/5PKvi4/0YO2jO/Yu08J6t4UKF5bU3DiM1kfscqtJdiv\n6QnZowEnjOMotFu2+gFiTxfsF4KefZrP0OSfBcpFRNitKB5tNSj5uWYZrYHG\nKDsF\r\n=oHGF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"10c390939443bd2820e1dd5d0f82de37f61ab4bf","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.19"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.19_1604487631886_0.5381402350226203","host":"s3://npm-registry-packages"}},"1.5.20":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.20","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.20","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ea489c96097482bfd4faaa1414efc89822151f39","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.20.tgz","fileCount":51,"integrity":"sha512-VcWuQzdlF12YoC5cvhBwi5aPaFkTQ+H/JFzfCh+0XzLqR/ZRNK+ZaoE6e5/5tqARyVNi3kv6dKNfb/pBogIOww==","signatures":[{"sig":"MEUCIEs8JzjV3JTYIxp4nuPecU01n4CLPZaiux+K2bcImQFzAiEAkbawTCwFtCmYognWjQLrqCKwhhqnnYk3dSOMdT6I+dg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrnnUCRA9TVsSAnZWagAAaE4QAJR80tXzb0Fi5c4a58El\nyYLzdAUsJ92PMGj6zLjENxoyZol+57D5HVuYTYE6iWWDlwOH9ZUweC1Md3ov\n3RXGsARR1kzvza7CSl2Fioon4KI8hiqI+bgFUYWEjyKz9Ez9oAVOccvRmGsD\nmYt5gRYe1zrsYSZaO+/BvAUMG8ZFWQD3O7b3T48MtvOElLQHNzyEfhXbIvZh\n3PFPEJatfryZ4fjezZkyo+3YJyLO0RV6oS8ivcP45Y5ZVtZplX7FW2uU07Jl\n2rGazNUliGSWggHoKxLka9Dux0XWqj8WYYW0cm5N6TnTSNFrpfb+YJTn9ntC\nneUt7+IcGF3SaDKN60v3LVCVqC4o5Z5YtTQgPDl4ybY+n0PRlZw2bh6K7HZy\nH0fNXVD44vq7JJcBQGgBzsnb2MQCFjudoHUjJMPBSPal55W/S4NhLJDB/tin\nfeq/4t8yqIyDU/e4cRS0nDCxYYciCvJPl2mxEQheu6AqwWfDMlwRv+30UkGm\n9p8Rzd2C0XZfwQgKfEOoQGfLBXPiPuwOULW9fdzIO7vV5PEypETSZHN5ikWw\nHQQ1MkLJQ0is+4mMHAIrlAoUktU58Us/czWKL4Kx2peCGFaEwtxvoN2ZZqAZ\nPmqc6YZtlBMzEqYUv8gpczi9pcFpTu/U+knil4Z9WSRU1Zj+aDMbJoSu+6T/\nL/NE\r\n=XMk2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"6223815e7adbd359e1334675b03aba4874a75100","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.20"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.20_1605269970990_0.8725658652622774","host":"s3://npm-registry-packages"}},"1.5.21":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.21","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.21","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7b68896b9401293dea606f3a204d37e0b0c21b15","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.21.tgz","fileCount":51,"integrity":"sha512-MwPfSHWZOuaSbzhQG4a+UhXQowFhqilt+rv7MPamJ8OsN2TGKYgxfHu+Z9BTASY58qwuKXzY0Kd1JQanUSiCYQ==","signatures":[{"sig":"MEUCIQDlp8HTwnrdaOAobjZR/soZxan0Fy71fhTAlMP8h+cIGgIgX1qsAEWPFVqvthJZZ1xrQ3hYcgCnh7x+EnPePjcXjMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs7oBCRA9TVsSAnZWagAAX6MP/imweytziJrLEOBRTyet\n2uICvofO+ra2R6MEe9tB0nMLqtYEDkGEW8yy0dPofmoUkv5Cu8m5RIyWSonN\nRxeh/3ocnDV1bCXQ7x8S7GZ7KLl2Nu48A5y3yX5NrKBIDdcbVYQe6K++g6HF\nEewBDfKXpxJyw2zqVLy7Xxf+7fGQTGhjQ/azOLa9IltR+fpEYkTE5/hsnahT\n90EQoN7gpOTwTkbSBioVgroiP20ENuXzYKGEuUvspXevumyPYbc8YCk5BuDC\nVWmwHc6ye3O1rW0BXEF1fXoZdkXOoGgnO70KO3wX4qL5dfHlCQT6jMKw2sug\ngdrkMlA3I7nLRtRadCpWsHTZsRccD0kNYBxv9O1vJSNU3QAOUzN5g4a2XB/b\nih9nMsCh/z2RwEOrpocdB1I3L5PBpNy/NQjn74uK9QIvuE+Zek/UGWKB/dls\nLXtaiLcNiZKnJScRKsH1d0bjztDTX/zDxR8qXRpI/xImCVfqP61Y3D95UD43\ng4VRVkowbtst26tJevrDzYX8Dj2ZjwgZptuuok0j8gUidXtUeOh0B+XxUTb7\nuMhqJwjTT7kIwRdkN3T0YWfo59sbywdmzn5hUhs1uypU9vBsIu2vziK1PbYY\nVYlt+670WcnYEgroFg5JhAGwnE7LkYUOuXvJZlx+ofhCI0vO5p2nAgsoEUIQ\nlWmy\r\n=7N0k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"9c6da53f3e899ec50745d4fec56df35f7a006d6a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.20"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.21_1605614080478_0.23085661878038555","host":"s3://npm-registry-packages"}},"1.5.22":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.22","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.22","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c800f51e9365f4158254ca11b521f48471edd579","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.22.tgz","fileCount":51,"integrity":"sha512-1BCzT/LxAIDCM44/Qc5COPYLLD4wmyrNeC2gzL4gcvFiqm72R6heyRRKyPvGLWzqD4+o2gsYJzcVW6Qsty6Paw==","signatures":[{"sig":"MEQCIEVW26AGj0k4tlJMbVerPtRcsweCVTL8XrB5/1r/utr0AiAQ0uAeXKfjEySIECcPl3tQDLzIO6eAJrunh/yUItQtQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftN7RCRA9TVsSAnZWagAApGIP/jVVg8mvr590myjjSWJm\nNvq+v6XCxlHVojNFXN0tpoVt9YBmpWTLGEFX7XavZw+eASTRUpOTn/mQwbNe\nRKzgx3pcVz4PLz/T/YVnZzpk0TfkW9IEWh7sk37du6zq4iiLf7bQPHpDcueS\nIp2Uze6u9D9sl8hD9q6Lag3RzSMW1eFNwVDnXiMsqJbltx7kcJ6ujj0+C6FU\nXWq17rcFNth2Srn4dm0RqWF43JpzViNdHzgGu4H1xRxRfMmcUlSEyrmF5KX+\nPSTIzdDok1Bt5KLtCgRMHtmrZfDD8v/3NfAWaZEU7MP1ympVjQqRrdnykEWI\nlvuGbCyCkMDn7Iyr/kqO4aZu92B64Hj4ANA/8iHQGrx+aSJyUqOnT+X+0h+q\nxtVB7L6x2ZIHsncJwGjrJen9Llj64PtAxiBjN7CcevtvaOqhy5YG2xgF2IL8\nYpP+PzeMNw2SS00BIzv+G39iYsKvPhru5FOiA8bHClgtDInPU2nVYZekP/3b\n5LgAaa4AUAsoQBX+eMxuuRdATSywGucUnCwWRqPscwq/ZVqkcbMK4yyYIz3f\nu/FjWGLD06Nitu3MDELG4VjRjdX6SmHMfxf8sJsORkAAfClNq7WUKVX04pQE\nWMu9yormemmW0kLcbJIRkxYj9jSuLKXVW6h6XQx/HpOlcnowwN7BFpZadU+v\nDRgS\r\n=K+0l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"5f6fa02e15b63524bc41d9441cfb2cbc4492e72c","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.20"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.22_1605689040649_0.8874160250553635","host":"s3://npm-registry-packages"}},"1.5.23":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.23","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.23","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"beab33f11b7e29cf302559e7f2c45700714b96f3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.23.tgz","fileCount":51,"integrity":"sha512-2vfeXO21Zpsa5maUeztC3Q3fLUm47PSj5DsUeR9luM6pJ/prkgckkWUy56ir2KoXUb0aV8oOlcUfb9I4zbj3LA==","signatures":[{"sig":"MEYCIQCUHzZPsSPZ7OT8D1w8cbsD8aDzuckzuBbz8VEp63nUIAIhAL7MI1Ss1XcctuHsmHcgmXVl9R9Kf2yXdogj/B2WJGNu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96507,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJft5WXCRA9TVsSAnZWagAAw20P/R7e2zhAK+1xiuEgSoCN\nctWzF2SDbVBHMw9TZHTF4Kj2VBY2XQgBFTgMo0TKVimvM2wasL48Z1Gf6z6o\nxJg0HEcoBIWeGSwIu4hEhNKfXku1duPQDm12Y2Yz4s8nqlhQYCY7JMM2qLSX\nEdsk+9XkafwHSgRqPVLC5VwsguCSelcqiIzYlJ2/TQvFRkWmArMPXog3Yx4t\n6Fkqtwdj3fe7b90f8ZNZRQkrLHKfV6Clq0DJtjY5PEqk+hEGWT9+Z8yt6IUk\nEAYVCr6YsFlZC7Sydvi+0F8/z9Ggddh2cA8FEJSGcJyr0fOs/nbA9NZTMKWS\n9CTm7vvKEOMNbIn1iROchZdSyscPxrro1OoV4XF87pdsPHc+OsVuqckpR/L1\nqp+0ij5f+GbgiL9piBj9xkVTj2uLDxAqKvh/cCxboYcjUUjUyTcfoNZFNOgG\nCnwZoMhSLProrNXD9ZXa9TP8cm3HlJNUPPgzZHClAxJBWYzyIErqiKc8WlhP\nTJLmcJSy9gHxNFsdHq/qwEl+jLnCmuQafLDGttD9uKzasX7uatT9sDXB1RaZ\nfW6Y9Oup9XD7+sMyApeb19eqVYqjiOQphpz5HDqaT8GmxDePZ9d2O+bIkUVa\nOt442/5dDrxbb1GORohKR8FaOS28PhDI20mw0y9YT8HsMv9tRt62PTdjRAUA\nCMz2\r\n=Tqxz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"57eadb93fb8d5b10e751495549fb96a53c61c221","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.20"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.23_1605866902468_0.18412792285047286","host":"s3://npm-registry-packages"}},"1.5.24":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.24","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.24","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"76132ca23ec21d0f758cdf52f0c6a2ed478fcd4b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.24.tgz","fileCount":51,"integrity":"sha512-kTgoHUkllJdRtATJmTC/Qf+P5krOoPf3Q26P7E4px7g4pbCRG6zCH9f8wLkxXYSJguE7jXR1YPXh4UfDK54bew==","signatures":[{"sig":"MEUCIGubFusI5N9JKCYEfvzmwB42mTykNfiJLq3s/rB/pPZlAiEAiT6Jbl4ytZhBM0/pq2wwEB0jb3lq4Fy0zucYZ6gwlco=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJft6JDCRA9TVsSAnZWagAAvOoQAJo8ehVHlXKzRYARdsGs\nBCBf70YWqjm+Fdqxqdwp2YPrDzTYvRoPlDc0hF0B1/Itavfl0gVymJ+Zkuq4\nq9jQyG3Q5CygYDzhXck1UiCjUkhk4R/e45HIrNo1OG3YLdNBf6hbMq2uyFFG\n7ferzOrvN7uvsjonXf3hZ5FttQKFfNwrItpW9L570VMNSAGmdnXaSyPMw2de\npJzvgTHXFmPgqx2BBk+uUpRwrqABfBnL6maAW/mZzEVmcfnLTWcZBUcdc1bC\n5LGxC3thahAQVm+MV2FpsmQWB1Xd+7YCRgDLMQK50yZPXcl8Ps2OHUup/b0W\nW/B71hbTg5wOvHr3YK68I3MUfSaWbCB4UYBfQLNQ3FdZiohary4H61wccUgA\nH6LPYJgFMR2OVJWDvkDV5yYIjYh+SGp3OtR7Y0g+A8fIxw+FuOoqR+Jcy0KE\nfYUAor1ktTXHWS0o6GtOu80bB5gmCCm0mCk56cFsAnjK3GJQ3cen9KTgqs4J\nVBVqVwnB5MActFQ5KqNW5c7GcHUR+5AmeT7bAuqA0I4GMfyb9rncFmN82Uzu\nI7oM6F3rgUW/7dlqa2ohau3lx1bK0AHoIOlek7jYEeSKf6/WbU39pFEOTnMZ\njTeVkp016gNS0Q7HwD8Jw3m2Ryfos++1gMYuVfzyw+I/MuPC/zmGY6SyvHkI\nDzGU\r\n=DUJw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"de3f68213bf1f11f8ae2f69fc7c596b0469e7a99","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.20"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.24_1605870146611_0.18372321360976107","host":"s3://npm-registry-packages"}},"1.5.25":{"name":"@aller/cyclops-frontend-vanilla","version":"1.5.25","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.5.25","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d2ca4a7909fa685657148453350afbf9a68a5120","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.5.25.tgz","fileCount":51,"integrity":"sha512-460Zzob2nkaX8uUzwphmjUPmTj6a7e8OtleZZCdfgV/cg43ghw/hpltiFrJL9Pla7YAhpKx2Uf+bRJgwoYhYJw==","signatures":[{"sig":"MEUCIQDknh7pcrKAnq71GuufIQX2MCyGManiIG2Zn/rQXBWV9QIgYY3VdVxsu4P7Mv9uGrz1xSYxJLoqMFGaGbmYKyuneok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJft8/BCRA9TVsSAnZWagAA168P/3PkmlpXrJfx0BoZCmXK\nj4/GAojRQMmpRzQ9mAQmsT2upX1vCEjL1MagdyuAc5AQrhEJLdUIg1sjZyTU\ndzcwe6d+VGCceTffSepg4ZFDuNZ1HMKZaR2RWYdVNvf7KdGNeXNVKJu91ud1\nyT5naSfr8TAMtBkYQl6W9uFcQWl7PvP+2YzWJB/49nVw3fHOHMTnT77Y71Ra\nqkMv107ooO2/48Bew4oNS5ARLjxUnUz0midLRkI+QbSLq2AiYMn/R+QprF3q\nysqfntdtPOQv+5Z81qYxxznBw1kGORO9oOFjXhTKyHTHlq8F/+McWzfKVINN\nlttofmM69eFuxIGxSgTDkVYLxDUohZa5bDr7skNQRYS/9KAEKvlLEHKPlfGh\n6cyZcBXgf1vjhfEPq/Toas6l4OjfoHAX7lNWXjgOmjXp2+LRjek5ac9Ms/CC\nOtAbTC6QkIDbAewhhttuI+gi1s0L71bIPFBNOdo/NVDeZYQi/WMLYLxt2maI\nJZZWeCEEh14MGxzNIVe+3ZV6Mu3xk4IuSzR6LerxXlZdlGxc13ygtuxtcWyI\nJRgxJGevC8YjWP1Ds5KhO5c9CF8//0ClQkHaiQH0bVyfKuRri5SE+gczX9v4\nJfpTYlzYxEpm/u1/BuFg2Ql26KJ20i4Z2RLwTRw8mNNM0gjwR09+gw71hPYq\nYD2Z\r\n=3aN+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"4dc1fc96908db13824d421ecd7bdf1bd322c7940","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v10.15.3+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"10.15.3","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.5.20"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.5.25_1605881792607_0.4182511816617829","host":"s3://npm-registry-packages"}},"1.6.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.0","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"1070e61ee7b0384d6026ec43fed893479f9195e1","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.0.tgz","fileCount":51,"integrity":"sha512-dn6+3+s6CLc7/etMQagu9f4zV4NuXh5vHmBdhEAA+MX/EDpSF3oHEU6rHS7fZ77qoR4bODksAqZ8ubpCrFnQcg==","signatures":[{"sig":"MEQCIDUkt842qSO/Y2PwrT16KeepKYgyUf2flrIIkQlKH93jAiAe99noQMNjUFQllc/Q4cj3vcY9ajSWLC7B7imWGi51Lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96648,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxQqnCRA9TVsSAnZWagAANlEP/3/kHk0GdHa1VvdiOe6n\n6hQbhS9bryQ9urybijyhl2bY1rZps6Z0XpSum+UqAE/0LOEtA92x6LVXGZCG\n9Ii+/i/CeAUsd8z0/EOXQGSvlnSShKJsBU6cNce7kkdOR8Y+eGMX59gkfi0d\nuaStk/E2QFFdPgxA+XbHUS/40AtOiomhWn/+gKWycQ7cmAd4A3DqtiPVAMPK\nLtQR2mredbTrvc/IjRKcJMII6EgY9HeyPsFHKXF0hu20rAB8761p2jNo2W5J\ngsXWtg+WJMbUSqv7T3s/PR48CnAKBjinxbnX4mLqdWzCdidR/2tuBm2UjHjk\natwWFZ2kp3JGPLsrDAp1KPoEYXcMHknxSSdyxgnNaqfWsp+wU4m4jUN/OHjT\nOGzx54YLwdOBVKUVQDQ8DcSHi4OHO7r/6SfV3Z/VJRRhvsvm9sC9cim0sRmJ\nSN/wk6T27ie5LSNnwYA8gWDJSAhkDeQpjyho1JLw1zApKFYBJxrBbUkbJlRK\n86HD6DL1qUyFmVbnIirQ+PO+ae4w+3LAo7HcKpM87vCogoKpageUehyz+ecw\nOOFd1SoEbw3kcG4sqNMphnMfnhYPmK5rr8MwBihlfCi0NUdA2luGBWoJrcJf\nZx+9XMLeOqOeec7dtL4+3fzFDutnpf1S223m3lmPYjm40wCceVviahKEmPbf\nqRMX\r\n=eNwC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"f8b1050126d9a1d4be7bae3a5a0807fd97c66a99","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.6.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.0_1606748838682_0.952486963695123","host":"s3://npm-registry-packages"}},"1.6.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.1","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"1a887321e206e7eb702d2ab7c52cf5a703ac42e2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.1.tgz","fileCount":51,"integrity":"sha512-yVmJYoW72IsYs9xq2awjyCBQ5vX6Yj5pl4FF6tMOgmeqlwdGcEE/TBSIhQCzWO/WK2zJpXQStdcyGrLhTcp8dA==","signatures":[{"sig":"MEUCIQCtVMXvOS4zlbVmwCtIW6qhR0lJASEQ0OGuxAdhKYM+gAIgGHuLtaSK1xIfY2CRyl9zXawRKyH65Gk++FY/uNM4jfI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz2xxCRA9TVsSAnZWagAArewP/jn1GnCOivUCNXBBvpmW\nlik2CZMGwM1SIMvz+rGoJ37OML4mEBKejGvrP+ejP4UXdaHRxKkh29j7IIrP\neIZzOSoPTXy7s1jDzV5OGVXWniklW6JcOGHwl5ObfdB4hgDqXYaQ/hzNHe+3\nQ3OEh2vSl9Aek1thT2/Kby3SxfhsNt/haAOU51Stnazoc1rf/WWGbzoQdhlD\nnUn6kHfhjHDzbkWD3Ffh9lcM3+9Qaddr91NesbfjlZ6ceZlRUxGlTwMVX+AD\n6iIuyxrb+fjay4MqLdvuH3YITpmfeWOcrDYqj/n/MmK4+TqzfNfKtMC1usGS\nESTJQHaX8mYCe6H6GeEQGWskqYFOL7gNlStBrLjtsmf/IXi1KLEkJux6qyVh\nB+aU0p6EQHMNXGDoQzNIjW9JQs4G9/ERxInGWvyxu9YXRFwR6Ew71PuiMm/O\nQTFy9ACAlrq3EaSTaTgoBH1D6t8RBoRRwiA0vk3ZzbXln21t5Ng0TCGPop3n\ng0v16utREFXLYqvMlyY1oDIb4jBBR+e73mR8STD1nxK0tXifzfMizBncGxkc\nlI2wNj2QvwZ/uKG/u1RypnNUZOP009V87KCOabNwvDGO48D5CITdoI8BXtne\np0e5wlok90tHP340shS+amkFEVZAwtExSvwOGhnr43+DvQctyZGEpveR1k2D\nZ77B\r\n=I5Fp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"c1ec216c731fa005e5df7d14ae0af78efa9522da","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.0.0+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.0.0","dependencies":{"a11y-dialog":"^5.3.1","promise-polyfill":"^8.1.3","@aller/cyclops-frontend-api":"1.6.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^7.1.6","gulp":"^4.0.2","jest":"^26.0.1","tslib":"^1.11.2","tslint":"^6.1.2","ts-jest":"^25.5.1","webpack":"^4.44.1","prettier":"^2.0.5","gulp-sass":"^4.1.0","node-sass":"^4.14.1","ts-loader":"^8.0.2","babel-core":"^6.26.3","css-loader":"^4.2.1","gulp-babel":"^8.0.0","typescript":"^3.9.7","@babel/core":"^7.11.1","@types/jest":"^25.2.1","npm-run-all":"^4.1.5","webpack-cli":"^3.3.12","style-loader":"^1.2.1","babel-polyfill":"^6.26.0","gulp-sourcemaps":"^2.6.5","gulp-typescript":"^6.0.0-alpha.1","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.11.0","@types/a11y-dialog":"^5.2.0","webpack-dev-server":"^3.11.0","tslint-config-prettier":"^1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.1_1607429232766_0.06831560966349293","host":"s3://npm-registry-packages"}},"1.6.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.2","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"144e23cb8299c6140d4ce5c0215cf96168e413d0","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.2.tgz","fileCount":51,"integrity":"sha512-Tv2LXmsnp+6Vjw1P+P66IbM1TgtEfJk07YD7o6pi/np2JkgzNawa8TxpguU/RqXgusObvizfqN9ZQzYS3nJMhA==","signatures":[{"sig":"MEUCIQCY3HxyjE9gOXFVNZztjxJIKu79+yvDmuZTUDJanEtqSwIgTNpTG2TxOg0L+YFGk4iWb/c1Wl9dNTIcvrErc3pn07Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0NC7CRA9TVsSAnZWagAAu/cP/3OhHyfuT+E/9j+/0LY0\n0jQsAAHP37US52h/7Imm/UEZHK81GhzKDh7OKDzkut7KVkm0/H/ctGnYtbD3\nRh53VCO2mo/b23WZgq1oWL6uUvDvIGWBFcHS8OrwHfLU1g6Le5SOJXyavWUR\nlipEML1GEcN+XWiWhqmgV9gK6GvIKMUb3YTJyqHhbBnBC1h7sX8NKUcPs7lS\n/4v9Od3vlwMBYbW4ZcqfbKr7Nd4yFyXTjPKZDy4CeqbpD+uynaajAnDFkzHR\no2p7YFiFJGC9+QJ1AaKkPIGpafndjg0rJjrr7bnd7CcUeQFETn6wHpkidJ/r\nTbU8zUdFN3oHN6zXY6b40lOO+vl6kRxIcW6C62AAkot4yZAqlLHq/Zp8IulG\nDjxm+IFaPAM1rV8N2aDTnOOV06dh+s4VH4BwJ5//DJaRGv36GKNr8VVSjglz\nvphvTp/Yq/RWKA+pFIVVUzIro+VeZxl0i7BidGoqQCGWoc+wVl9m/2Llq8W1\ng6Hum+EMRBOgs//sIVAesRtUzNIKodQ4NkQ0Am1U6/1jCEo5q+WIDivFZyiq\nd1UqFCMSQPuALQrlcKBXkotIkiPRSRpuHm9uJrX+vPEHlfNKtDsGNMH5fee/\nZbjIqMGLU0rEVCtuDkGrSIor3DJpYm1g3KAzx+RYmkTpF0ZSE08NkCk70LXt\nNHAl\r\n=ZMjX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"42229ad6ed756e26d1b01c7a1a913266bfbc4840","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.16.2+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"12.16.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.2_1607520442757_0.6190502888308569","host":"s3://npm-registry-packages"}},"1.6.3":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.3","maintainers":[{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"8cf468f97156a361295781bab97932ec0e180061","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.3.tgz","fileCount":51,"integrity":"sha512-MRxerub/fIpxtyZNNfZ2qrnj5aDXXe06F/l+g2I4C+mTZ+Gw1ezsMnpd7kZ+/xx9px9GvblbANn0Xf+etzLb8A==","signatures":[{"sig":"MEYCIQDtgYgd64VVLXuYD/y5cSzlEGtxX/BrTFF+cnfq+31kBgIhANWUkfDRCXrJGuna445IoVJ6lPRn6uON9JVjUtjKL0A3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf00btCRA9TVsSAnZWagAAmHkP/RkReCE6Qgkmo5/cT2n/\nUMNW9DmVd4GPHspBy+F5p3hb5pZBIDS/D31U/hdMqV3pzzxiH6AAiEI5BcCc\n068IBP4mPmJxfJv+nOy3mSk0ZwoJJMOApsA+k9xHU0N52+0wlQjF2mSWlSiI\njM9dSncazIqWqSVjcagfMLRjOSvCLuUOODo3Xx8jOAqUZqjq7lTrXUvVSUjY\njpYze80vvoajatISkl1ebcq4XUf55Gc/cJMdR7LgfLBd9d1uIKhXew8gWrCi\nxhDl0JdB5mlD48wmF90IclUzW6iXxX2hdoRCmre7pXcY8ef11+qv13IXnTDV\nNLlOGB2dQQ5l8dFsTS/qvgpnxFZahubrGkil5jmYJs2EeWPso5SXJSG+aKkN\nETMOy7tXmMx03ydmqoyjcCKmIUAGGLGxW/Wdh8i4gxoxst6iuYQadJxDHbnt\nEpPoACEY2Y4MKbit4gBmY6FeG5ihdwpTmjDtE+19689qaaTXgZkYjVDw7eel\nwJqypQbmhUdjuPRli8GWRueNlIKtEBlhVxFFiUJZN4I3hGLqWCeh3pPFN6fw\nAgq2wmUt4k1bH52g5r1u0qhBtgsyRE6NkKltMqNRMggVyVslJGQCeLUBBe7T\nM9dx4i0FWhI6CZDCUs5o1FfrrcyHHW8f33Gz0FAbLx0yhpNkYBDQlnaIFIYh\n8ddD\r\n=8yFB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"198c013fa24bc49a4535861facd77f4f6ce2d707","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.0.0+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.0.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.3_1607681773060_0.35002521671931963","host":"s3://npm-registry-packages"}},"1.6.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.4","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"96d1ffd46cb8cb6a3eab8a432e12b11add278abd","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.4.tgz","fileCount":52,"integrity":"sha512-K/Z8DIg+6zoA0BP25jcPHcpyFx9ts/xN7oRUOtD9mgSIKrfmqMtqOx4ahgJDs9l79BfN8cv3DBpjWIHS9yD2vA==","signatures":[{"sig":"MEYCIQDzlKiOaPpPOJ0wpnsoV7bHcOPP8soPP4GW2/w10f3bHgIhAO1Mj051N0AkjSN5kbh5X/soIrWB8Q89avxZUTcr9t1+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2IBSCRA9TVsSAnZWagAACbQP/2Yh4UlmeKQhhPN2DzjQ\nVUKUvltrZEusiQnhV1VP48enFaEgxqZpcpBRj3VCWzWPkbhG8n36D2js9HaS\nvPmzkWJHI1vlLjNBFBNCfuGXfNtWUjgfpcCS+mGxNrPUZB+UciKE05rOqO2u\n1U5sNRo2m2PXBg7HjDlwaSuT3i6LRBQy9oj2cJu/AQBmGKC4ZuEsCrzQG/Ge\nSxty6kMuRjpOYAN3C4JyYV4ogYcoGhuPAb+8fmbU5QN0nOQKBGKejmVuM78K\nw1YQg2xwkLlX/La9JQV7efsSWBRKB7vzbEeMBIe1Me9cpTGO1WOgnglLsrNs\n1sSWSM0dg26iP+6YqforatNTei6plvnj/H2pdz40Ien258ua5d/vaMxIEBOD\nNIESiDbx+x0pRS3Qt47MXOCDuJgmQhQZ/kf/paFCGRr0kHGCdS6MhuzGmQx2\nhtGupsgAlBHJIu95v39Un/vqQ+kz5l8rFOZPdZZPSGadCQFU/juq9d+ULWgb\nlHrTSdPGJ6EMla2r71LJjidTYaJj8XvDbuVpRMVt7dsQqrWEv2bTKSyEf38s\nFCNWJFw+6IXkNbXB9qmnAi+i5+soHux2niTBcbzT/0zyOb0d3OUl+FIrlu7w\na69IX4bEa2UyJKzvwv+bHNAy5q3mVbuCjnuy2rrAtg9uL8LVb8JbZtBXcJME\n76rk\r\n=J4JU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"ead10ff4a00420355671309ddc29a8d35d979710","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.0.0+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.0.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.4_1608024145525_0.06308808073728867","host":"s3://npm-registry-packages"}},"1.6.5":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.5","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d462987f9d80138827f2316e24f388710322d695","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.5.tgz","fileCount":52,"integrity":"sha512-LlkfCCizuk2Xf0sJSOdHKGAkqPvnha+50v57pezHNoFEAzAQST8wN50A5KXYXWSamOkv+vHjWq4eoEf1pzIT9g==","signatures":[{"sig":"MEUCIHsp/JtGZSc93A/JmHlls8QWhcZgdMzGE/5ATEogdNt1AiEAzIBYpuhcNKu355X7p0O72gMFPB6gtU6kRW6gGkoB05k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2Iy4CRA9TVsSAnZWagAAv/8P/i3WYoqs7u0nguj9Fk2t\nIOqH5imr2DngoBZ+g6AudyinYoMSYsbLPqBBrkso2C46V65KW7u3aQIIA0lR\nH9syCUB/3NpylUYtTPNdRKdZ64RLh763A7UWnS+Hx4b0ZCOjdIXqPr3Pez8H\nC7VS4eXrb0WQylYUgVm2GvB7v5/ef2mpmHjRvmq4qY5frolmm8WVddh/LN36\nHBez0tf+akKLab++lQEIkPfY6wF+cnUrRRKZyIQQOBA/BY0d1xJoNy1NoUDy\nYXhwl2KWkuquECsSOaoAJrVLqsSGhMGBrGr4MM5gBjGFjY2H+amxhCdLYTpP\nwHk7JHvuhjifO5fjG8MO6NmyM1ZIGX4hHizLg2A5wU6pappzelqbJ0SgIArR\nUDyGai817bt/oBv07uZV2c6coK47jE3Zk9mK1xBPPa/psm4tJSAGC3/r9OHB\nSgcMVPpWcAorW44bAoXtiSfbWSDro4M3oqvhdoiWVNSmIPwP56makgE+7HR3\n9a9p+KItLvUBuW0pqns4hjyvAnZNBWMMIdpGjdUnMnTa2fh7dATBVGGpFRhc\n0KeeEbmN6x77NsTiOVZ4jlHzVfBsV2PnhwvKuMck3PeKHSmP0QBzv/zL0q2J\nQuGSthPOkVCGDJCtEQQHvwbJiDrcT2yq5SDWcCdiluHju079Jm7qdJZw9DcL\nbYZl\r\n=RsNw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"949afa56dfcee8527f363d4c4584aa256342e4c3","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.0.0+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.0.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.5_1608027320006_0.5698779385908213","host":"s3://npm-registry-packages"}},"1.6.6-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.6-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.6-alpha.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"771151855ce97fedbf66851d3b0b13caa46190c7","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.6-alpha.1.tgz","fileCount":52,"integrity":"sha512-h4q7xKbjlxkSIzZ/plgSipfp630z30sTDD9UGQcQn0Vj8Tr3CSL0qPZ8n5eckuaeik2oWoTacr9Q/onXl5YI7g==","signatures":[{"sig":"MEYCIQCu+4fnttfppi+QLqz0TqplNMRmGEoS+pUElYPcc0W3+wIhAKxhuVZNexYrNIaVgcqaWLsdumOkjCRmr2p3jqdrMJGl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEpAPCRA9TVsSAnZWagAAHegP/3jODbFryBvNcy4DPONB\nQt1HQRQclmVOGq8bHHv8QF7UMK9qtCUsr+Pl248anjSW87aLQoMnA81+mYYP\nj25JAZH1l55z707ybMK5yr8hUsYXCzFBnOivDvhnYLdx0/zcDdLwTBd8uWvI\n+HbLNldhuBJ1NXjqV2zN2lqYFD0XUfPXSStEXcnLFMKF53h1U4A6WrilF9B4\nbJ/myJ3lByRKJBOhvU5WaX+v/U8P7qn2X5/qryuqRhaxDZYSDiDGhuMVCRCD\nEKdnU7AByQeILLTqXDKzUIL/98iLGA7dj/T6sp2nWHNX2StAEFEugWM8cSSB\nunZ7SDDGl/HQR+5YPU4jVBVCosDXIj3SMlrAVueGAhYWcdjrkXmAFKAgMpAL\noK6V4uyKQz9WJbbV7jS/sytXrQW0EgMGmf1FXAErYPVKfJnI2TvBPeI2ZDBI\nFBp+KsDDhwKKYFymmS/7Mq7Nf0nIHfqW5g1DwQcWtgQRVpKxyQtk5Yeo6jEh\nM+wXMf1X3zQ9+lqC+SylBJJk5LqEoUfEy8NYXApFPmUK3Y4Jy1xnKcRHga38\n8Tk7OQhHr1qX1EV3VTNLfmTZoLM+z/iEb4zc4Mce+RVvQKSJ7maPZuhsezDj\nu0agFiJjnYmONHVynBX/LS2jEqPW9e514eLSsXhmlFlZVBtMCEnijPo8eFI2\nmaz5\r\n=mlGf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e5569b8de0d4d7d7e1e34ebe365d20253a25d14a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.6-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.6-alpha.1_1611829262657_0.26128592816630314","host":"s3://npm-registry-packages"}},"1.6.6-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.6-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.6-alpha.2","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"eaeb8632cdc31bf58f38d895c5e2558d5c06d2f6","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.6-alpha.2.tgz","fileCount":52,"integrity":"sha512-uUYFyL2kIyCGDP9HsjWiX2SnXsZBHfvE5n2DFP35IGyXSlqzM4MfYC/WcpO/xDN7inTOUz2PrJlcjK32WdXP0Q==","signatures":[{"sig":"MEYCIQC9mBoCpdiOTsfsO/KnUHjjTn4Je3g2NtsPtAN8lyqo7QIhAMu8UflaDTV5KUPgB7oQkyQefCx2XfZfwd7FGveoWPC7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEpZ+CRA9TVsSAnZWagAAoKYP/jKaHFM+czcl+6OAIudO\nex9o9/PI6WlEGFQ9ogrrfDh/o9CEti+Az6Nesc6kABRogE4r/PZjYUZAVs/a\nxskOlQTMf5UIQ+S0pPvdEcMI0qfz7d+IlK76u4OEL8n0vAUDtJECkk5T7BSH\n9zTAJwb+lNIRkHtisqAwjvoLdq2WN7Cd3+57G5m4cUcckng5NqaPioaEtZyB\nXQQ1Wl3ZaCJguCrSP3/N+iU0osPqI4xNYTWWi/lsBiVascUQNK3vTlDIZB57\nwHsJvBjrc81Y2DdeniyoGg5AVm2ch4IjUZ3i/DRbcFKEgBcXKD+ratq09oKB\n7cvhPhagMC5RWILMXOer6Iis5VtxgetqLJKbn0g4RHeHbqgSX+ODtr7mcpAY\njukqYKm5M38yeDdyZjnLDu3ulc+aWUwRFGMk7MSGGBxndO7N+usM9jDLHn0N\nAyoM+jCTg8bRhPm8ka6T9sBZyL5tpijoaARnTNugHE9A2NfbJrB1xR8an3Ma\nOu02Uj5tqxNEX6yQhAinJqcXdGuLrk7KnOSV6Op6MtKfklvQt4BntaKoolbc\nTce4GDIRnhvk2I5jILIojEZQ58cgD7vHFHMDVniLYg+ZguhUkuzAyiZ7Fonq\n16vzyCN4ufLMgEQcROb2rJP9+4II5Ul+AR0HO3NaKZToLKLiavpjJn7qmUmo\nINGq\r\n=IXQN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"166b940f1a424a878132fea7c046e9c7c3588680","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.6-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.6-alpha.2_1611830910406_0.9172994981990668","host":"s3://npm-registry-packages"}},"1.6.6-alpha.4":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.6-alpha.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.6-alpha.4","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c6971627d9214e43de51c6f159e5a6a658179ef3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.6-alpha.4.tgz","fileCount":52,"integrity":"sha512-7VlT2ifuWlykJKfyigJz95KHG15zR0maAvtY1GbOkqH9h2iJUOH09T24WJUv/1YsbyzlRgox4so2LtE738IGfg==","signatures":[{"sig":"MEUCIEdAVNzOoCclT82oZh899ln/Vmaa8ZfZvx5rPe9uzSvwAiEA7/2i5p1Gt1V6QfYWa7TCdD1W59qZUn6qgpPlsbQHOZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEpkLCRA9TVsSAnZWagAA+LIQAIBEqsjhWYWyzEiVAuCY\ncJqrhjyr2MBqzwlwpG07NxhGr70I9qcn+1XKnb/nSpOpY93n7Z8wdagzMRXm\nM4qiRc7YH+MSvQsmGq2hNvu0KzOIwhYRDw7c3Mx//KinYsZe070ueBFCIjMA\nk0md/wInzlCWvkTFeI0CfTToOC3md6jbxAbL4hcsrpQAXkjeyHTf9p0s8uOD\nM2qG3nYvak97J4WklPpThTn3ecYbFs+DJ3v+gDLQSeXKiTiAMj5X/udW7P7M\nRgtdIie7Q2g6rrSYP5FZx6TJyPqTCn/iRJyMjjJX8o2sT4AOZh7OGQA7ETiP\npRshhe/1ZkDeRNeKhMQMqhsFMQhER4xnuc43651e2MMCNrU/z8YdL/Bylrew\nbVvVkq3Eak0p5ufyvh05T+PXWyzwXRhjgo2xvzA6AEr1QOGjjzvIHc6kCda7\nPisw9anmIsnffWSJuGLB5ZdNaIETvVOQyQgKe3UPlCnrMIO9ayUiw9ybgdsG\n7G+9LDcO4BJr8Rk1GpvGJvLsbkY4MSlY6agKsGd1PBNh7iGF0Oq1jXdhkmw8\ntBkJR7IrGs5KcBB3qAEizpWr3gGq+/myNiIWewLmN7o+s8il6BrZj6WBs/tC\nJPqwoMs6S4o4KQuAMpjtpgJI2pACm6T9Nf3c3GLHgCm8z/pox73EmXfpAK5g\nJ9dC\r\n=vC5B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"579e55530f9a0e9c8f7a9da2676040ba3dc69317","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.6-alpha.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.6-alpha.4_1611831563171_0.9007376636493836","host":"s3://npm-registry-packages"}},"1.6.6-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.6-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.6-alpha.5","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a683792668e24dbdb46d9cb1ed15e2724d9dd0e3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.6-alpha.5.tgz","fileCount":52,"integrity":"sha512-bb7pedzGrC49QRkAHUbMza3xu+g8T+kZo0kQmXtsTS5va/t0K3CmW+yYoC+hScRgn/atVva8khYmTBMiWi3nXQ==","signatures":[{"sig":"MEUCIQCLG46P+l6T1xMiXJ8p91KcmgA4GifUQ3WorTF7nPMFXgIgdwM+waEet21ABl6wQL53+xQ79kbNp+vbpaE7dMTTKCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEpxeCRA9TVsSAnZWagAA8JwP/jw+Z5uU+esK5fjgMDfs\n54F/mDtzmKxAOIa6SX8vaD0ZZhM2Zdm9WL74LMriO3ogmfpSxJ6pJmPcepeM\n5J/4f9pBltWxUBK1cN0UOigfGDNi4+LlQJZgZ2HZiZOh1UmJIQPUsZZLZG6U\ngBqan/mPM6EqYY6LWwFPL6Jemey1zDXJQVFGN3sUThZI/DGqD0Pkn8jpdfRl\n1FnRl34YXONCbfinNmr+6Vaw9Ke27fsuHl+4JtSHRxXPV4X3/8+7e9W3Jfmt\nZ/wSmTx4ydKzyqCjKlVGNAOKmDQqvpgF46ybs/o1i4DA51ici0KtXdQG10sp\nOTXENAvEY+TinPesw9BOXZZfwmdmaIPb3mlSyEiaeSAPEadNhTkrC2DAIeqk\n71U42tH6JL8cbCwDy3/xHfZdOpQoFxnfY+NSrrLPTcAIx9XJX2d7U0ls+aVK\nRWVkmFo+y8ODsfeljW2e/c1Cp8NQ+fb68USE/BbBKA7Qu8DxtRRHJD+Ldbz9\nw5B5NY5qEn4DuWqzZdQVLy9ACNrLzCk6cy0OezmbzydubRLyoEOkjESBymQ8\n+RjaBF3oL8ExYw6ZtFe2NGYKTWQ7OA6X3Aba4qaraxsxInSMxfVeDLKyoTtR\nOLTkeLQTMxsPaoDS9w9OQbFs+iIKx6lbiDyu1pCfOZF9mGUfeOrMvAbUMePA\n2rSL\r\n=ulWH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"bb92be8fb6f1496d798b37e0ea0376d6dd4b20d0","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.6-alpha.5"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.6-alpha.5_1611832414604_0.7864620261494188","host":"s3://npm-registry-packages"}},"1.6.6-alpha.6":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.6-alpha.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.6-alpha.6","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"cfd527e2f7b70af85513a681bc081c032156d1f9","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.6-alpha.6.tgz","fileCount":52,"integrity":"sha512-gQ0zXHG7rdwWR3i40rjP9F/Wsok5plwljAqMGvwWsmfoUc/0kXTztFm6R3JNbqkVVH9JIxwoSjy+8vPhZkvRaA==","signatures":[{"sig":"MEYCIQCS0W7xkvVbGZy2TL0ePS8hXo1qvCfZKRIK80bVAZUJ/gIhAMljiKJ3ZJCFwT2AXmZ8wIc2x577AKsr2znSINx0aUIn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEqjJCRA9TVsSAnZWagAAlHYQAIExjT1ioOG+b9cnEgky\nk8FdTBtiPRCekcKwCpORSHFs2WVx75b/fY5ycIHb0FlU/LaDXJZQASNEOKGL\nYOniLb546n3AJPk6PswNE7n14eAWzHeQ4S4WMd8ou4JFrY6WAeRaUp9o7t20\nJPeIB+YyQD0oytM79rXxRNG8ihJErX7HoBCAVJ/5m0n+p3TRTdwtLYo5i5Ih\ndTGf2A2UW5kSRUZ6DrQ6OAG1o+3MPdG6VO1Mb0PaW3CGjWDSzZYkDVSEZPZm\nIGqzjrOSwinsSM8lQZaL0A3kdHxwK29Sr/eSrifl9dVWqCmj6EfxiHxZv54m\nnuvRJ0Mu+JjLB4hemkdJip5ZLSOzKw2/UMICqWWl6T/rwrM0X9y7wPTC97kN\nMc0Sgaka1HrFcwQxA03ZCwlOR88QhlxlJ795re0Vwwm44lp6ZuXhcqt8RMxH\noDNyeHj0DhDFzYdv/mWRBMIHX47+Y5FxBFZlFoFRU2GNqiEtxrYuGkN63RWw\ndh4Lz1AePguoTX3jkEO0vHsiW0m3GELrLqc0gk50FD3GdTHuTvelfbP5N1Yp\n3qdQSWLtKWkKw4h3ydS6r59cDp6R9I/fuHQ8ihbZhqXQ7vDcIr1GFg54rstJ\nHDu1+HKRh8KRL/h1aLcslCHc8chXqP4dJdDLTDtYiE6BU98VaeAsjmiqEFZS\n6sNx\r\n=TuT1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"dcef4d658023b0a355c143154a6abdbdd011d4c1","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.6-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.6-alpha.6_1611835592541_0.8618358498317349","host":"s3://npm-registry-packages"}},"1.6.6-alpha.8":{"name":"@aller/cyclops-frontend-vanilla","version":"1.6.6-alpha.8","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.6.6-alpha.8","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c5b999203e7ff93d3d59fedcd8f1e5a997fb059c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.6.6-alpha.8.tgz","fileCount":52,"integrity":"sha512-gpahr+GLhm/aRBmE7lGOMh7ppLxWXDZYNRrv/FcoWQ36eTtK//xy+5hbUtGYMXIEXskcgdlaK5VIHkTl0XkwbA==","signatures":[{"sig":"MEYCIQDaeB1yV/JHPEOcXFu9/Y6q/ZHORseN9WHQ3Syn/EAtpgIhAJpboJFAb1N37ZlhPxZPOjDmRXl2KvsODRk+kWIHXu5q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEq5tCRA9TVsSAnZWagAAqKwQAJsi1nWWheQE5P2s/w9w\nGkfvAN41TaFURD2hO/JjzNDBdIi8IUeqboDd+stu/ntUlDeCBVTC43zZzD5X\nMOhXtlbMaR943lceMecHFxQszhSPS4PZG4NVNQt3fWSNtRbzkf1lyBuJf6C/\nPkg7L+nGfbB8mUe0QymIsQvQsRStplHeqqJSFzRRiKiEXBMTu7Z9pk+NyH1T\n12YiIkEqGIhprhAktuXO1eMgq4PN1JowQXU8DY5r5A77k4HG3OM4cRy6T+Vr\nKJ/Bc9yA1i6iNspsix8VUs3EeE+Cp2zNrgUMNHznH83BQaC6TEwPv6cyvWrL\nJJ5AhY3gdrQtcQdE9teqiqROFiPiXt0lYz/OeQZF0D1cPgnotnPb+Y1ELLd5\nDlMJ93DqvmYCqCkxIZ41KhzIMzKStyJcJk+5ouQLjIwLR7tE/YPGmCsHGiI3\n/BG0EwpFCxtPg1VCFwz+qMYJ1UGSRJrp/xiafx1s0m6cFQ3x+CoR4ZS6zgQT\nvAa6cOBfqRJ/vKTAX7IG/jwsBTYIl4mVLxbfq2pov07LKQ0gl9CsFBfAuNGM\nDpmm5qKx4UaWBArSC569q6L/Jcr55p8jlODZXK1cXEOtyXwyrAg3tx2efKYA\nQZ6v7pwZL4FdPtKdx64M3dIER+z8fZlKyQnpgzWBoTGLSLFuBjkBLLGqZKlu\nxj/7\r\n=ybF+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"ef2711d328942724e4f4c86859c156e6a4fbb334","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.6.6-alpha.8"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.6.6-alpha.8_1611837036852_0.8838362433122231","host":"s3://npm-registry-packages"}},"1.7.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.7.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.7.0-alpha.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b091191549a7431ae39b52c6a6567161e4cae6dc","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.7.0-alpha.0.tgz","fileCount":52,"integrity":"sha512-1h0pB9fv1iqZ4FS5OREilAx8SQlt3f+fzPmDUMurW0MCrT9F6wmDbk5zhAmAOeUdR1vwBXgspxWLVnyRaCRzdw==","signatures":[{"sig":"MEQCIErzmJvuy45OTaKyxGb8wbVc/2tdUOUZ5Y/6P7ukt/FJAiAUa/j8ej7Z4aQlKt+qXnGyvkZ/KSWm/FG4IsP/tkr+jg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHRpUCRA9TVsSAnZWagAAkKYP/AsZkjsFrQprKGW8WVS6\nO+ao/ORJuVqGy5KhdDxtHkwAECvXkRWPQijJ1UaH/2Y+VpYqgbUjRItc87Mb\ndc5X42G0dMubaJKD53PGcx8LITYTAtz78pUYEShBa2/3PXTFqdg3/+/8VKUZ\nAVF7zDgQd5yKBChxG9UPwlPvPiYtLKOvjmIcFemSY1ftFx47hD52a1OBgds1\n1fMy6fVd+gEy6qHajOA+rmioSO87bfeM6BXJcErq5cJWtIz68c9/MDgVVj/s\nyo8XB6ZV30SDaUd3PYKVEC+reoeC86sK1Feo3v+GiFClAcdkLdlovtWeD0+V\nfpFob4pb/4SMbKefIPrSluEVvBOsCJBI+RFsW0zKMaWSoy7BhYw5I9g055WH\nZ0Ia9vdKnxUTsc8PXehSMvS0bN9ShpjgK8U/1eIpIPevc5KJtTNsQwjIaNHZ\nUfbkJ3CteEiUgbajqOs1FmDimVH7JICBX+h2QujKqGk4iHsjMmjFwklpffpy\nrEhUNBYDPqjWzsOWAqjc/7HLJS+bVNPILdZaHvrwC7Z/29enBY8D4U//SB5e\nCurSil0aWUZFVfK1e2ZmkFaHryWnWSEyjKOKakdGlal83w4ZyzkIO5SB9jg9\n61C1DaqEwmYI65LVNdGZksalKmyld4CmD86Nski3yJqV0vJAG3w+AHpj210K\n/xTd\r\n=s+QP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"8be97dc8178dff6937e5618f0be2c58ea5f4840a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.7.0-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.7.0-alpha.0_1612520019746_0.3689684842824841","host":"s3://npm-registry-packages"}},"1.7.0":{"name":"@aller/cyclops-frontend-vanilla","version":"1.7.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@1.7.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"79b3c78a49514b99091af4a924375846ba195902","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-1.7.0.tgz","fileCount":52,"integrity":"sha512-JFQsfgFx1CvnFJ85K7Z0hbMbOV7YUeNoivtAihaBx8O3egYgxhlcAwMyZHkTFpwl69W8EVgFjdPr4ZDFBIV1AQ==","signatures":[{"sig":"MEQCICFS+orZnYw8z77qSl80dzUv1dKaaUT2N3kOSIxj9zA4AiBpfmknmwWHIeqSwW7lUJnsYMdcwEL0UZm2jR+ApgIodw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHRzECRA9TVsSAnZWagAA3UkQAJMNQUQdk7rQECrnPWHA\njpcyGhw9sDiFj7zgmaPXYMzQuokpOc19+f0681x/ehSAyM4kZUANF6jHxDPR\nvQy5QHjXM4OftHzr78tzT3Tv/FaTgLuZc3QtG91fqpKQw5W7INM9wrRl1W+V\nlmU86Sz/mes/l0mZ+GidLOUPLzb8dtdVAoyGBOCIY2QWsRPnF3lRwjLiYO3M\nGjnwS0vQO91cRySm6awjnq1EnH5SMNQSLP3zOU8AMVM0GYlNwxpNZ+ww8AOA\nF+6GTF9E9MDvQcIkbiFQ3eIVfkhbov0ghwlhaKkygHQs48DOLfRcEMRfra/2\nUJ/DOM7mT9f6d3DrtoPLF3I21oiFw5dCOiuxp4PDpe6NC6ec4cFdhYahecxu\nhlwcYMMHZc/kpACM8UKBryJTFQ4sSch3kFgZ+CFCReH0ILU2m4Lsv3nfYqTe\na6r/Ms52msrJAkFe7jDrNRsvN+iG3i7iKGqRh+JG9QRAIGkOd6dmLw5WVRDx\neg1MCukrE2C+e7OXADOvocNfFEWf9oTsKxGv2gbtsSaoeAINGl0hpsOdDEQA\n3L/tvcf66nw/g6wB5lC8w0xFMgHJLVP26bG7L99cwM2RkMOChAjPCf/h5gLf\nAJCYdppbNzOJpprODPfV4Sj1rmaf9pRLWTgYwbMUF4pxld3EOkzzWJPHb16+\npjmS\r\n=Ntkh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"38597937b9232f88b9858039e59daad42d83f121","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"1.7.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_1.7.0_1612520643698_0.052396263289385736","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.0.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.0.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a3a201bb3273267b24ff63de00ac62e2f926ed8d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.0.1.tgz","fileCount":52,"integrity":"sha512-JAOu86bEEF/wuvZC/wTAEcdJ2iP7vWKqL+dgECzinozdkk2FBDwBzK99UES+XqogU37E+D0yYW5ToYiy3N5fgw==","signatures":[{"sig":"MEUCIHrP2hCRGwjLBTsqUNr3i4p80JIHdGN0tvU+K+XsR7HKAiEAx5IH1IPiY8gI1K8y8muUl2eKItlSuWl6Cep62KOR0OI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLitMCRA9TVsSAnZWagAAjc4P/1+oRbCMchGzaTfqmv7M\nqjJxOF4FGff8j5doyGgqq6N4h+QIUBjrOBnzVyYitpovegiG+dseJ3WNj1q4\njUFY2bufO2hcjFfm0zhHdBKQ7nzWMMgaX9OqWnQQ3UKHW8/spBkv/QThhpv8\nKe7XUDmCm/jS+nwv/cNPqZ6hWRAS2BTgf4QfIlThL1X7FjkC9uZQVJhIYt2b\nxXOQnqNOxFC6bBIiUi0siFGSpOIWRaJL5zA5eMIxh/dhoSyA+kd0CbCCMF1D\nlXK4h102t6t3BhpRg3aedgq1LQnYMDhoEf+Mgpze76GG56mxqG6B80BUYtg1\nCZ2D7K5ktOxq8gx3YMAb16vjWMGFmadhEnMw+fcmIFTPu0oPAOoUoOwaRzUW\nBZRyV9/9bJTyYNg6N0BNBNNLvzQNngnilOcVOClpYqR8InGYsvLDRgFqGCYL\nlzc91zto2NulOsbFmhptVw6KGCp6JSMMeonm4HVqqKJl5578d6BYXuENbTKt\nWXczPaJBXem8LDkntXOVEy/6EB6xq/Eb6e7J3OuH01UWqFSjA1X+A4fPjCdD\nHnMoem35f1Ez7d4coFXd60ZMjzzsOkm+idMiEVpA/EubTGik7FQ4wGMEujdV\nJFIuanjq3mTd3jBrymG2R4JRvq4mdjWR+xVOYnhqbgEymH5FQNoANneNMoy6\nfTbL\r\n=n0xM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"705fe4332ee11270f278839a225d199ddf47fefe","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.0.1_1613638476007_0.8101063991583555","host":"s3://npm-registry-packages"}},"2.1.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.1.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.1.0-alpha.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"985f01795548db37240d48c8f01b33c8ef7fde86","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.1.0-alpha.0.tgz","fileCount":52,"integrity":"sha512-dg8U4/EF4fd3YH6V7OEabSH7xzQtmdJxl8MjbUYjr0KEyIAtWk98rTjer8wtZXKMl6OaAdFAoF5W1VcyfEQoXQ==","signatures":[{"sig":"MEQCIGShY9h4m59Oae8BQ3oQagGkKtVMlDMbXPt2soeLQ+SYAiBQYIGK5+H1hd+/NrhFBXqnVq5eXf/ieDwpSoH6pHczvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100720,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQkYiCRA9TVsSAnZWagAA0TsP/3vh60aGQpFWOinVJPw/\nZagcamoflps40dffkTlJ8Enfiit9LiTnatAKYCv/MoJHvVfEE3L9Z61/oArX\nNYOOC/FYG7g0SHC7+fQGPj3vGLCUJYLW+UE18EXCr29WGAfpyDj6qk25s9g7\nwuEiEiasizvjJhU+1Vz5o4MvAcb+12zXf6RSQyFTxIXUzPAn5BLkPORU7hYd\nphPB5YRCHMXKPJU9SPrlAfzAtjyfLLmQQ4uMQJl+q+DSVcUcAFMhRrKjgnL8\np9NgmzPvu4zjOEhSfqqWAeMoPZUjNiYW+5eldvxsaORnUPBpKLIVL8ra3Anc\noBV3DyaJ+EPoIfrsEh1cpaMN8TogfwQUa1bNz0QLWHhcwzUuUzUvWrrhDbi4\nPlqvZuXJRwM+CRgpD094cQZsZUnLUMsgtbgV2p8EXg2DoNTzCjN4h6OHEIF/\nl0q1ChIU/OEwlAAloFcD42HJJXy928+jWM9gqxChIgrNU4d9+3Tfnqrlgdfa\nDegXdkpdTqK5ruOluER7ChAlqKDOYhivFCU52gjgaHG3ssCXXcrsA5bHhWVf\n/4h8OElfYff/q0/O/kaOngXtvIX7o9hM2sOp3cHD3W0oip2NWNsQCNYmT1/E\nYwiJeBBBsxPqvIz6A/Y5Hm+fr+sZNOXI8P73yspZLTCQalEfHuhLTBCJ/3OT\n18ob\r\n=ukPM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"79fd04467116355c171932054c5ce2b151a614f3","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.13.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.13.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.1.0-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.1.0-alpha.0_1614956066297_0.14242417063063684","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.1.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.1.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b66a1975c4ebf39e0a5cc70229599a96ca1dbe70","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.1.0.tgz","fileCount":52,"integrity":"sha512-WV+AN/Ta/9rvsTGgeGiPFMBT6iC9M7AW6Zxpd/WcOVOxFBJtYkT8ejq7Z8tvU2EKOmgN1oFDt6ASfin2YMXRmw==","signatures":[{"sig":"MEUCIC0EXQybYlB70c87h33zW+0KRIzAPRAHTKehVWqE7ZTdAiEA8jwHJowfM4Ydzt2OIJSrKppmW3A4XdaT/ssK3oubhug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWgnECRA9TVsSAnZWagAAbrIP/2WhJ/Nm7EW+TtidOQeV\nY6MT5oZURysTZ9n8QIJ4H9j/hqbEDlJPXduBLvkq5QbssbxeMRivMv0wf3SF\nhyZ2srcUZZprJtD6T/B7cyI9rXXF/lC1fL9HQfK35hqMm2ESemHIOqu5qUpJ\nW/aOBetLq2ultxbDQfcpxQjxm5WdwfvbgLpY+qEkmpKgWiSQ2tRQBcyzKj67\nFobAXasamA2+jIyczwWLiFhMXxzX7ZIhBfXlXePAmxhbTeMd1L9Cn2Wd6BRo\n+5RS1+6pu0FhroWrGkXWtSwCLDLGefCF/lVdc2uyV7bqIadXW5FTn+TvJ9+g\nVbyMRsSy8sf1ogFioTembc5DFM0rmhLe1NT7U1I5KrZjQIgjvtb7r1zpJWwp\nIQA67onj//lHn3lTn92m8Y5Ui9m/0PpZz/0f8P1taZ7jYGBRCAk+Moh6Ly3r\neAhfmyaJJgnhkvMmAAcLmKwhS0BYS5VyRqQ6ZcIqWUchmlIRpH6j6HsXOAUp\nVX56Gpc1EsV7QTkXPSgJpefGOmsmobETJI8xw1wIyXdamTIYUy/+RPJJe7Jn\n6q+GEW/Vpt9kUPGtSEZitUflnj3asjv/0T/NNkpBb8yDlZY26SdgieQ8stgY\nvgcuIM9PdbuWPkyYA6pVBKud5Wq69YNEyD7OmwOU9wPuBNLv8nSP5/X10VC9\nHc8+\r\n=XHD3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"7f66df85e36c173b07f7be663b9afda92d9edd44","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.14.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.14.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.1.0_1616513476350_0.49990654744609286","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.1.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.1.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"f5e82a017b66ea25d53c8561a2269b4824f1bdcb","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.1.1.tgz","fileCount":52,"integrity":"sha512-MpQi1Hi9s5mK1wNPgRkPQ+sGH+kMPMxG2gi141zmeBBcxWvdK9iBmbFnpXtrB63+xCkq5e5qjYUd5V/tdfc3wA==","signatures":[{"sig":"MEUCIQDISrMtMFY94yx2Fn4SLe84F+2JabW6NOfx5VoJjy4iUwIgcjGaH2UC/A6ITC2R2VVHkS7dir3D4JppJWyQilHiRCU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWiKRCRA9TVsSAnZWagAA57gP/A1MS2+cqxTAOd6FciU8\njY/3vSTCxez7x6mScoKInk9fFBV3NEtx7YfMfwK7ZwXG/94G/N/B8Cp3vXhx\n9gihmbr12/x/VthgnF0DrwZI4zIj9AjhxPFP08mfRfAaXc6DSe4Hk6C9aXJ6\noAzbOPww63oWI4bWPm38snMJ3GRM++01pgsMymjWPsOTAyV9TWCoMywVdjJb\nFn+Je6IAnc1c9ujWfUOcOQhtFilTOBvg0ZxDous1x5NDYI4nBDuln+lwyJHY\nOwWgbpYf055ogdQAQzlK8PcTz4OgA5mmRqDBcMePwzLxZboo3+xSVy4N5U1X\neFb36zVseVd31/9METUaljClM2czxz/r8PPY1/LX8py75/KSo3XxL09PkxPL\n+rYhA+spLjZ1pdz7GqbCpOBuz/Ns8VWqMDhmfZA/ErCxGGUYnS9eEESwYpTX\n5F7iI5AHJRHBleiad/3zSkdCXgoXQDGNBG0oo2n4npsiS4FZ9mQud5C+8Eos\nRrL6GMr9UFjEBNzsCx0Q1Jdf5ljQmwmIcIe9GpPDA3rJwYx4VyNKj39nUCIR\nsGBAjNMr5Apqvgm6SBVK9PusAP9iWDJ6XaVf/+3dRlhZkIVo/qql7P8Shnr1\nLYh/ab3t8aj46SZKI73P/ncSM+UATDqwMBbgISKo5HYGoxMLSx21nul7ceXK\nTbvo\r\n=g8Y8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"2416ccdfd0d3a09ff598ced46f7cbc9b032f4740","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.14.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.14.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.1.1_1616519825386_0.8170547290367338","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.1.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.1.2","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a83b031eb9ed2f4e25f275f8379577f19b0af7d9","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.1.2.tgz","fileCount":52,"integrity":"sha512-+9VTwNa6bnfEKuUu6NR3ahdX1KQzX0xg5NlGSh5zxxKAXqW3+WQQqqcEvfMCImtJ4WRvHuqcITaf9hnXinPaeA==","signatures":[{"sig":"MEUCIQDbjmt/dCKi6fFH1C4SPyJZwmiowATD1v0zV/CBezYAPwIgIVI/cVNpTnjQslcoW3NuvRpC2vap64pJ++yjNv6T7II=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbCG4CRA9TVsSAnZWagAAVU4P/jNwHZjXwODSWXVfQjDb\n0eqwE2egeObcLtn7ByZWTrFOBuHxFoFphYv/qmJhGdaR3Q7McWD7CXl5Zq0Y\nM2Opl5yHbigEANypaWtBzQQRncLHtZwRrDvZAe0F+PuxVRspvDxgKSSzlwO5\nfy5/bAAB171zucPHJpxmZtrN0dLfreun2XY550ejTM7E3hxpVV/LJsQys2iR\nzbZtqZh/dWh6DDsPAY6sxFg3mv6R355ycVDDVk4UsvqlBQMF335XBC7ApHM3\naFjRM2IwRHbUtbN3HeD9eO4zngAI5WXFBezEso59Q1TRcDEaidygZJu1xfzs\nDLcrsWt1/mEnio3HqZpDpY9hzJKUDddW9jWvS7bImoxQuXXwZ3s3nCae6A+m\nZ5QXiMtOXBVY9CesbijcQRDyWMvPDaZOFiiVVNxdArICK9/wP9tvCLGiRu76\nwJMfeTmAbPUdg1vOWnlsoAA9GiIIfPzVAWE0bVCE2M9ni1ku1YTzbTsT8wV8\nmM81nWrsSZdOrxr4PaIqdNmoEq4yuDxywXvEbMzeuUSIDz0cFbkXOgaXX3qz\n3zc70l6BCQNNx8doV0C8nhXunpAd4IG+9DGLvmVlrpJKAr/XLLhK23ur9uRa\nKLGmggXXdinVGn05xZSpjGLANNqYoskwUvpBcpxfo8PHejE+MKkVVRUowbEc\nAb3K\r\n=7hzp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"a4e67655a1b8b0f8178c1c70e63341555da47664","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.0.0+x64 (linux)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.0.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.1.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.1.2_1617699255927_0.5955773632822907","host":"s3://npm-registry-packages"}},"2.2.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"f6c9284ff0794d0ae709657ee6d7a47ac9fbb29c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.0.tgz","fileCount":52,"integrity":"sha512-OJwhh5QhqnYRBqf1VD6QkV27Vdh6/HpL7JrE7rbrXrSbdbKui4/X4q2HP5XSceiOsjCqaQsEgzbR7cClGlYHDg==","signatures":[{"sig":"MEUCIAYT2EIl1lbeuNbg32AIhfjkKYVLkU0wZcINdGFDeXUtAiEAkpxObPu7XoOqaC4Aa/XINM2/4C5FqWXcPeE4fiFShHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk6clCRA9TVsSAnZWagAAmooQAKKLlnB36TPjRCLOe27M\nm05msjBaGYN1FQynm34TUdbEL+r1CafpyKZYR95rp3KcAQ8R9D+qjAcVHydB\nb5G35b9Z1OjBxUHUhdStgZbwnalHJSKVwW3EiaGCrbbDO3Yzc9kCArCsMKxQ\nfnen80ktj6dR2P7tFSMze38GPfklZWpuN2Ngst9YYq6b/qRJRJhDFlYD2ZRp\nDdLmbPyidTVrlrYy0y2EeWbTug+4lPCoWmsO70qfXbwJBEPLsbclZti92RIe\n/hPueuck1smxug3Kpy9hvvXXI3ur62jTJs6DpkeRyaK6bip6Vjpq40zu8bry\nZvrsbDY3IkWak1eF2sf60Hdk8wtbioK1uhktI8QuoyInsrSbIS1GMdJ0HvCI\nJXucgh1/uJpBwNIMgsGwj76vuYmgsnm05GyO+t9dddmc/Hg9iTO32/kJujh0\nKtn9om1qiIwt2BkV62M6onMJBB38zqXszFQUmTuOTM3xkyyav6J5DVHWwhaD\nK21PZDMZw58Jnnh23+L5IL07spyQAlQHsuzdsCPtqLmxiyOJ10R5T5AiSjpj\n07tX+Y8J5m1eg1K7H512az/Bdh1fHmE6XM5ieHqhSGbXq/ZfIDPVnQbgokDc\nray2hxuNoXQ7UBx9een2peFc0N8PdyFVLbVy8DNxzza5e5pDgzc79sOSYVYo\np5NZ\r\n=WP7X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"371f4f374ad31fdbd94ee42e5ea0e965cf2245f8","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.0_1620289316985_0.28937727620863885","host":"s3://npm-registry-packages"}},"2.2.0-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a23fd3f417663219c0ad671dd8dbd1492954bbf3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.1.tgz","fileCount":52,"integrity":"sha512-jJJg8kjd7BGH2AS7OvCdkM2Z/u+FAAkRQHIeLsjDJrZXRctyeUpyqesf2pRtcBPf1ym72m70Frk0oDhoanpjWQ==","signatures":[{"sig":"MEYCIQCfdmB3EfXsYEbtFt0+2HKbhyZ72KFyY+Y5jNFEV1OQOAIhAL8Gnywv1c0qyRQpYsgPNs8cWcWn+e4hBIvzbmN9uj9B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk7PQCRA9TVsSAnZWagAANNEP/2RWUe+RHG/8wttwJnD0\nwpfMjVs+8qcoGv+yJ/ondylasw9t0O6UsTL0bHJb0QtUxDfYz6OI2+9t8uXi\nsU5QrO8ilaHQJrxJPv4TB019e6hfRjGH6u6AahqIYvpNQkAHIrzWqophIoYw\nYBZ4sxJDHTjxDeeA8m5Eiou/K8JfHbUrj5r9gWMVPaEXOG8uLDQXrX5x9spD\n7UIm9AfsH113mN57bncpWspov0uuU4LeKxpQwPV8YlqRzHvU3ieEQke25+Gr\nm4IXZ7FZENNDs6yFedFGLn05lv2vYht4Fodpd0t5KusAHZSdyLMilY8+B8+N\nRuIL7y71l4sv5y2V8NnBzgIB6lK1cfKvKEMTSilP/oBZT4R+dNBrfTJE2FQ8\ngxez+jWPEXBMzpTamHoPN6sJXwGz0a706A9y0sOMpaspRvoTOnESTwt4EU9E\neur4NgEg/4yrWj5CDxEljS5D95qnkh6yMsBCKAG9u0Oa0A5SvcroRIEIDi/G\nz+6Xt3tChr33Fi9GSo9BhUFh9pIKpGe2U3JGaejjgDXIy4mHcfimkS4iFJTS\n6LayODHsywpuVwGdeGLQeZRmDCZt5lni+i3PIWYukVe5us29z5jQOcvLlx/V\n+BL4M27aDDGcptErwHT2B16MC3TxGeSbTL7v0SQch/6RYdhPiB9gKTateuEs\n7BP1\r\n=NjC+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"ade67a8bea8e02fb6a0b94a9d2d486ea0854392c","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.1_1620292560432_0.8604753583763736","host":"s3://npm-registry-packages"}},"2.2.0-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.2","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"deb03a4edfdb052ae23c05ef40a7df1d2e001464","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.2.tgz","fileCount":52,"integrity":"sha512-17K+h7krLjwbADuI7XWtO4kJLz+Pq6+MfQcKeCtPXU9baJPOYQcfoUuJK4PaZODWUT4M4g/bCWIkOfsZ9N3Zow==","signatures":[{"sig":"MEUCIEAFVZ3gJIAhlck9OsmUKdI5ddcFriweIqJ9VFWU5cvUAiEAw6AizQgj+QOHjWgf9UQkkEX8dNUhz3L7eq9+A3jafmI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk7eUCRA9TVsSAnZWagAAwDAP/09eHaHxE3kYqp+hmwGC\nw8pOKIaw7CTZQuZhiMeJ/KU14R3kWmz82JbSgx3qM19qSXKPcuF0t6BBrTYC\n6cT8gyL7zlbXkuBWatq1jwfDQQT9SufwppsUhsboQndHmRfH4qm7tgI9ZPQU\nQgyxlZJB1p55Dc7jpnixsRTjfLx6tM80Cifk8UyuDCC/j4vZbElhBk9yfbrx\n7y36PDLRNe/RcSg0/VWF1ZHTviG/1+ILO4usA9+3eZV3BgtOVAqry4re2Z2a\nuENX9IWT8yt001q+iALEF7Pe0jOG2QbdQI0upN0tnA+JMW6Mh5wp2YesUcju\nv363XWXDUs092tvXZpZcN6cPzcUy06QRs5MfKn7qm1j9bIR4lB09H6kWXDVx\nzrsTZmq6bICYyMMqbosRlE02k7xaq2OaAVZBkB1onaJC1L8Bx6gaOaUbp1nU\nRVbZbF3tQSoMkpwMiDHxZLRCRTRI/kKsn+nXxkZSSv55EgidZqZ8WXsyu3Sm\nXyzO9Rj4fwcG8RXqqbRAhRy6PiBcX0TH59o8/rnsS6PPWLs/gep2/cJZjurB\nOyP3EmI13rSlLzzEU6wVNq8d5DB0Go5uquaxppSd+O5Jz7MAgWwIrC4GwPgk\nFIldxcLPecUkH9ur/XESNB90vll4584g/zV9xWkhT9O03ciOfG07sREF5hby\nOTBH\r\n=3S/3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"b63660547d0ae6170485f192e7f6a8faecb84b12","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.2_1620293524321_0.7821934155419419","host":"s3://npm-registry-packages"}},"2.2.0-alpha.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.3","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ed29bb52a6f4b1352deefde676db4f31d6fae6e3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.3.tgz","fileCount":52,"integrity":"sha512-cOcloaK1FQTXTk0OXqlsdoNuF7KwSXS9BR/J6QsVBHvd1sv6WOzi6x//1Z2jVJf/8TL53RPSLkrGfS3X8jXfuQ==","signatures":[{"sig":"MEUCIQDcNi/Q5QKOVvpH6kuQZkQaYKhc5VrsPlv7r4GWaip99QIgZF9nUqn7oWCtt+sqYfm0aDLoNvmL8zYVkIlGyHhv6dI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk8KHCRA9TVsSAnZWagAAtTUQAIYjtnSQZudxC2OdHCif\nLxOXEc3j9QxTfsfKdHnXWRKqppjF7nzzf6Fhme03Kb1olMRgdU1ree7UW24S\nhPPnbG7nVOA+QIKUzMK9aDQoC/XsJIndgs2NDcUtFQYM0DNRTD+yDABNtphB\nQv7N6QSs9ahw/26Y+YUyMKUwJIfDkI8EwhBqXvJwgPfcivl9ONOlRYrv3k7o\nv/JesPMbt116jN/GejOgUKKyQY4WhrIQviVHSEyZoizKr+EkfSMvx7e4X5hR\naaLSjImBm6I0fCL4Gdto6wZ3ZbBS2FyD5H5ht546Pr/r7EifW2KVQe3e+l3g\nSfSq7on3w1jLLmcgVA3doc+2sc0jwsLamvbgWxEpdXrfmfJ/uyLp9jcWLecv\nMo83G464bAZiCfrM2Mp8Lko6hIctRgOGEoKy8Asmsduz6HYiPvsLfY8ipBRk\nMjrBYmt6ehaeSaOmhX8rAkEwBp22g+ewuvK1rC9yw81jt3H/l+6GSST4klSW\n994adKQAz6200jcGwwBgiev5Bn1hpCgRSJ425L/LmjmKdKyeCiH8ewg6tBLk\nJVktFB4AFO12gDyxE82SyWRbHFlnwOx7Fwg+oRUX+dhenLcBHUVqCQCS3IZ9\nIi1u/B0e6YacaaXLMEVMynSH0tyhBHgX3RN4aPBC5YvDiI4kLdknSWjmg7+k\nJscX\r\n=k4+K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"76b81fe0540dfbb6437ebc30c479259d83c309f3","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.3_1620296327447_0.7893235899001723","host":"s3://npm-registry-packages"}},"2.2.0-alpha.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.4","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"85f5347bf0ed725b6606eaa1d745b1cc1cc843cf","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.4.tgz","fileCount":52,"integrity":"sha512-5076/6r0IiU3v23wk3lls9xyF97t2984Ikw86RVaEhenEB+hsf3B2TXWKUF9VdLLjf1vHKmpNLblmP8XukwvDQ==","signatures":[{"sig":"MEYCIQCLbTU0PIUKSFWSRh3v0ksURCmyuYVGhNWAo6g50RH8pAIhAJx7xSa6tVeI1YPPmpsWG17LkiHRjinC01zavEJfUKhh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk8ZGCRA9TVsSAnZWagAA52QQAKIWNuedvHtJ39c635QZ\nKkz1/DImvHTtYP98GT2QEjRI/39/HGRSa686bPCPNeppakk8vKM591diowy2\nMG6L88TvyxZ71aswzwYKfoxXExVmQyVehxcTLnou7iRI647TbINIgEPPPuhb\nFs3Iw9SSGmZ5bLuzHcMVYYSEPzEzcckOSlRmqzu96N7MmY2NqbC/fdJ3atNt\nN1xSXSYxNfBew/7p4cStcVSn+GH8YnlCKoet+rpLQ/HJTG+uknkOXDN5345E\nMzk+GcxN9j04+vMAA2bjyCoLz3xJPASALaZiztXCD70iRDky8QGn2zDxJe8N\nUZ1EKJehwNmozLE5m7Ql+m/8e0azMHn91oGcmqHSjcSnK/KEzpO840FFc6Yx\nmnuCTOQ0swndUmAprW103OxgKqJQQaLLOeIxqQtSlS8oVbsCRLAF1H45uaNk\n7n4sHhgb8n4oAquVGVAJRNNRWTxXklx28xpB421Z+8FcU3IcTxGLZrbzcHHK\n2PAoGSYP8s9Nf+qb5wb+gm45aiqcDqz+7U9Tk9XhoNqMYFtVx6i0xc5W5l/R\ngSh8Vofn1iZXi5cSurmYRGFpiw5yvcuJKnQE18qvPXeHo/0VtIiD9/MFKSid\nNDas5gbmWMCG0HeDK+95N6hiAjSau/jXr8Nw0mTvQRRRrv5oRpX2Uf62S29V\nLe3p\r\n=KPJX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"c8ae66b66795536e959b1365d1e4e99107475b6a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.4_1620297286042_0.0766102424726467","host":"s3://npm-registry-packages"}},"2.2.0-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.5","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6f9c0976524111bfd0396ca7c1203735b78d688c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.5.tgz","fileCount":52,"integrity":"sha512-kFK/qOTvxm8uy6FEHOWfL79RFFBEYA39nAEmhHl1hGkpBDL05OH5WGuozRlYhVO7Qfm4qKTu5B7Y9/2M22UYdg==","signatures":[{"sig":"MEUCIQDJEiMaoHrA2f8AMQN/dMhmlPp8577eUMJmFhdsTJn58AIgdTwpBSUs7HcHrvVlLcP36bw6V5FoKQTouvEGmnpjbHE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk8ryCRA9TVsSAnZWagAAz5kP/A6Xyf6NIIyYepipMTgj\nNXP5Fjxj1qDSKN3v1Nyp15HBelVqRQJWJJwZZyMwdBCjAOrXr2KXIUqX6fUU\n/620PjbzCTEXFyo5sReZFyJvpd++RhvzFfVYD/f7r7h8IIRcmNiNskyU9zeG\nfspK44AM6cM8Y3oeOoqgMgq8HzLq7xchaGaK8xGXbzC45osJdExWUt0xjn4N\na4lijaJHMeZg+i9L+ZAyglKJFv2fx5qWFpOAvDNBM1Z2KpFPwvMYJkDFa41h\n6xnS7kGmAZ86P+PmyfDuLDnxk0GYCucg5xBhu1VjoZ8Bdtg+Np2rh/RMDEyN\nHm1QjsIlE52GAQKwmg7UUpenRMvXNpOOMWEDgH+Nx9JQ78Xrl1mhQPqNBEDV\nUZFNAcSBmTaj/CpoRx0A0oy17n4lj7UIIrpAsqydCsHzC7n6UJQgUEBjCiYa\nfY3whS60sjeRAUg28dC+Kr9b5mZ/V6f6Sq0lGbsj0LfFrcvZ8AGNXiIVkgKK\nMEp4+iXE6doslL6PI2huQ3akxzpBxVOCq8n/OS68/SFFIjSZu4I5QakrmObf\nUxNAPV2O44QyYJ8XsQhFeYAKumoY8ov0UFOxvqyxKayRZUL35OaQQskH3KVb\n26egvul877JoHZTdiWwobkOZiU2gNVaE6VBqHLZFgR4mzJJixMteBdd5JqWY\nN6UO\r\n=UBDQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"aed9bc97fa358e39355a116b721f70559d6ec537","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.5_1620298482504_0.31307364830856854","host":"s3://npm-registry-packages"}},"2.2.0-alpha.6":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.6","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"15a5a3b78e9f0b81002d60c83f589b04e68f318b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.6.tgz","fileCount":52,"integrity":"sha512-4i1TZ39rmBhcti71mZrxYHt20WhuChM5RDTG0L25fWkF6ei66eX7foi2Yy+1HKF+BjhUf7vLuTmjjG3ftwf6Iw==","signatures":[{"sig":"MEUCIQCtc2oKDIW1XfnGZE9DYslOzoOhaiqgbKkpXFWjPZI0PgIgIYSK5xSJ+jiaqnV9t2uNqcRW8tFLdM4op0YYr2yU+CM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk9d5CRA9TVsSAnZWagAA4wEP/A4Y/BZuPyMYkNQCkgL1\nxo8qbRncWeCtkcX1nvNamboZ3A5z+AtVWPL04teTE05dq9GiqMmfmYREsKLO\nx8TwxbHrj0fdWBMkUbP9q/Va4km2ZP0tMa6ZfG6gK4zKcllWvo7JnD9cKLkI\nUsVthTf8P9Sy6H+hd7uWZDBAQiRiR9YZq8bKS2cQdQW1yQ2cK56ZDj/57Qxr\n3BrLFfWtB42XSNZMBcX3SOixjhfKnsDxczryYOD2zIdCeoL4AkBj/gQJvqG2\nrZH9orVUueGz08RBe2HNE3/a6LHlhu3FYuh6juFl+CsYojzB6lUBlMNSdPGd\nkinZ0/zvX8SxiGBY2gy02qQ7i28h/7AM/1JCoVtlxSGcR+RNa1rho6yfXAJl\npYC4jaogqqbUbx5zW1LAj914WGrc96msSL6aVAckJWOKD4ilpE2SpXkC1oL3\njpKmPC0J/Pe4TaOKMPax0U5z+4keJ1EFde6swkQjbFhPST8c2OWK4c1LvIbv\nw170xMSTH+9YxKdF5S0fZDwsE1lRIbYmkZ6Xz2MuspTdMdVDDivV4qyux8Y2\nAyPtGBedo+kmnjjJzJo03eFsl4U9nq9MyAxxQTQharjxph2eHm1mVXKbz1ns\nFclNQMUkCk5yo9Pc2tP300i5Gq9w8MprUFpjtqOTeZFyz7E+DcyUNjDQ8w7Y\n4vE7\r\n=d9Iv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"ec5293f8bc6ebe6b792ea8e66328f76922107598","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.6_1620301689380_0.5632080734195049","host":"s3://npm-registry-packages"}},"2.2.0-alpha.7":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.7","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.7","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"19a67a58b052061af96b9ff370423b09e08e592e","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.7.tgz","fileCount":52,"integrity":"sha512-ZvdTNPBR0reGFdtG9x1SsPdCGCwU813Pyr8af4PnQnF79foTLM5l1PkUrWfmzhyezXdDrLd8EaIZkslwHhQJow==","signatures":[{"sig":"MEQCIGnqgbHM1r3GaeirlIN2lpXxkLWh5Q1VQkJ1PpnAiFcXAiBbMRaW77RzyLQj9qnDSNqYKwIDkmYj1urnuPPPD9Tecw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101381,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk+QvCRA9TVsSAnZWagAAZTIP/2kq7PcOkkBsftASn8Pj\nsVQcTsL6YD31QvClDrfsEGzkMFhEo9WLWhtYxkn/cqE4fpMyOvVrpY5dBxjg\nIlRkUCN4nontKrclRMJNToDef2Wt187pFToz7cSJitWN7zvumgQVHasDKkB+\nYoIVkG332uUyQ3KA40Lhc3HrAPcG6G96+bQcIVYQbkRsId8OK1jpoKzaXH50\nFwAvkcw856VlQHDR29XTw8doaWQjc9JNOx7GvBZbIB6KgHwK1TMwOqLJgq3F\nKwyVMj7bcUH/bCj8+WzvSTDMgvOT5mJ4Pl1/2eMEN/p5BPjBUs/CitDdjQ+r\nI2YkAOAWl8Xm/3dCP3jhdIHYT+MgHE0EfeIC9JLcT8TGhyFpxH1t5EhktXMY\nDWORpyiiBlf2j3i1C9DOBqwm05WUfxDau7mgi0mRQegkl+UBxRKRbDR97rZP\n0x/wRT0kuPOduHNuIEkeVOGDjdmcyvs93FuedqxVuXDRoZCEUoActidvkyF9\nI69Fu/D7kzPgznlY/LRDi3WbXAA7J6IwFCIXhz0pKXEvkqnPn6rcZqf4eTxc\nLIwffP1KrDXOHpIgmKg+GLNKbYrIpsY2y/jnlEMb6wBsqOeV8ohj6uQH9Y2k\nChGaPANZphWR+kmCQMkSQ7owr5x+aWELK9BgNPkPnm5Z3cj/TkKsXpH1ef+V\nHbgh\r\n=zjQF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"aba26a1531a1001a1dfeb2d28a420d5f855b7e6e","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.7_1620304943354_0.19864692668463735","host":"s3://npm-registry-packages"}},"2.2.0-alpha.11":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.11","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.11","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"3c6627f4817a7d017c7242816dca6369470a0d21","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.11.tgz","fileCount":52,"integrity":"sha512-VOboBTWngZHIm9CkBFslSAJpj8IcwxZc6f8b+PNIQHLGfWLVfgydx6PusRHxP0aaK4M/r90KTh+0MWP2PBT6Mg==","signatures":[{"sig":"MEYCIQCYOzv9khf6PUB0o6PktQGxD66XaXlOu2LKxtUZl+gM9QIhAK/SqlUr9++/Nmmr5ez4hDw14Zq0dpp1we93mKYMiztF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk/hfCRA9TVsSAnZWagAAaowP/ild5v8wa2f0DDFD/eat\nQb7yfpi/hSGjqOK/WoXmAzA5JXix1fSVJ4whrIuFEpMgTGCDBX/fDLDCOqsg\nvlH4HYxrc+lsbQFVmeBbDuaFUS1g/f5tkd1Cm02PGInVVWnzNiSmZld8JJ1h\nozYep7ahFZ5KEnbpqVTOG9OqjQXaBZe6CCG2xkOh58N197/lBWZtcdkfDYUJ\nvwmH672A+86hjEqfgfDSA/WHq73vz5ywo8VLgPNwaS6XqJA3cNX8stg9J7bD\nniT6ndXe4NqHVOfnpEDqsPryusN6VwZhavIGRHvIObO7H2hSaS5eKIrWRN8U\nPWUJDxrgCommdeiGJaaaWzdY5wYYj4p8PGdua1YxMD8+IO1iDy6ifROCpP+5\nzmgu543uLO+lhT/koo8g32pkulKpxYponSTf7gp8LCpiT6tb5gCBzstDdan5\n1lehbsM5gwsnObT2/vQFSRYlD+BMNiK4ImLgAAh0oiZ2U1Yu3+EiUtadd+xq\nxp3HMYEfXC5wZXppWyzkzwIgVtoUnYOI6uWQVSRuAh/UrZi6XtkWzcaZ2jXb\nthG1gSDK71qO10R76mwyf0tQTgr5N8ZCfNKpzHgvvq8Ft1x3rqgt9OYfh1dW\nLtKcvTltGlkXtrSPvm7+lziFJJS9w1x4XxWFTk5d1IXMqrRpuzBbztqOf9Lv\nIucN\r\n=c/jF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"fa6b0f622d110be74531ee97f8634d54d19ec37d","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.11_1620310110442_0.23787852584050095","host":"s3://npm-registry-packages"}},"2.2.0-alpha.12":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.12","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.12","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7c4fd68d4b5eb4e622bbdd0d5654a7211eabe594","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.12.tgz","fileCount":52,"integrity":"sha512-UC+OfXqCVT6JLPZyT27difd10gec+xsFGVHqbb21yujzdw29JbLyMX5utMQBjmAevH49CwBAm2qAhVGA0246gQ==","signatures":[{"sig":"MEYCIQCFfm1ljyT7/dFtRr+bGXv43ARUB/wNzUGCv/bhNASSywIhAKSiSJpeKxfKdGZzGqWeady2FeQlPaSJdZOFJ/iL8UA8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglRTwCRA9TVsSAnZWagAAI7oQAImfXkYVGIfDiY6TsnGV\nbXKCtX+MvvJCP4779VMLPJU0SEnwRqjD87F/72prm7+dZe38Wdgk5f4Qg0UK\nS5PAoxcN+ZCwnuTyHBy/uT39n73Lyg2EH3SsfrMe8EjhTVWnByNK7T81Un5k\nsH5i8dgunS700742uilrbluVFVKe8gKKVGfwrcHlD2EcNashKrBPT2nfAR3L\nqwHLCON8VSyDIxaKKWSK2gF696S17lgwLm2E4ewier7iJA7zGjxKGnqYpFv5\nz4dUY6HRejhTkMG8jwDMw61Bl4NXX+GdKNwXQ7o6GSg5M6xhbof9xgLoRXUw\nr6Ugeqi5+SRJ8jDFIntp72Uqt929OP6sN0014qMXGVMXZccEr8vG6DbBBpqw\nVcY+W65NOr2IHoRtFxuC+qA5HfrgHKzwySIgABzDhTYsOMML9QAIMHxivEUC\nRMpn0JBdXysaIOcncz3rh6eUwcQ/chNOhec++Jn8BpLSLZFTmCBLJPtyTuAC\npoYMRREQoqPJO4cl5UrdWLs5mZXUCE8fOHB8aDUSLp8B/DIu0SSgkMs05GDM\nTz0lePKBsi8QneYi2KT2yivpT2gzJDVdLLfPtjAC5i1kq8/QR38gTd/t1M86\nNX3gtiumthcA21PSJpD/sM2b+AifRCAn3Oj0IqvqsivaHHl6OE++hH37RIh8\nhSyK\r\n=fyNH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"72eb4ae65e3964d711d7e3b9e71b2c33e9e76c36","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.12_1620382959989_0.012907700838164837","host":"s3://npm-registry-packages"}},"2.1.3-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.1.3-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.1.3-alpha.0","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b0dd4bfee6a92fbf24ebefff5841e1caa5079fb3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.1.3-alpha.0.tgz","fileCount":52,"integrity":"sha512-nFMjnG3SGO4bPZj7s8vj+6PZ7Uu/twfeow/bFcWh1xPWyubaMv5qhLwTG1aBW3Fsz3a6KtRaucwfcdGvmf/rzA==","signatures":[{"sig":"MEYCIQCYWzqozm/2cwf7QB+q+bzLN7hQ0u3g38MgdeiXwHK58AIhAPqYXiJ9XxG95A4Zluz58vfl28UljBcl2rIL/wMaFh2q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100720,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglUQ6CRA9TVsSAnZWagAAm9IP/RyyGV4bKTLzXTDCnwXG\nXTP7P58UMtJxxBhroVIGr4cDI96Wcj3TwlWyYB5XXVHP3/1yb0UQ6a6qNUyA\nzxmfrD1RVj5giTp7LoHixYpv1Nw6x38CmCXKZ7/KQzs/pAN/DhJa73HQxc+T\nLJFJG3uLaC+Fz7CDpOzmNjn2S9P5lOS2b1VNLqmHhs507h4RsYAG6tnJkacl\nzoWOkXVQkow/h3EOx+fXCh4WYaT3E4aDTEHamDy5pahSiN6IAWFnQf1J2Dfq\npyMVSO711qpmdjEKF1hjL4q3m/EF4FuBnJY7Fo+j1uYleUj6bhxnEwqLrkzm\nKLoIDwQCfTFI5Sth2KjolmvlZ4LvrwMFDWIINTNKXtt5FewMVXGUZm0gCnYw\ncug3wfbEnMbYKxlFC029bQ1feD95Rf4VwwzfuE8xldAjoj14q/j0ok0HSqFU\nSlsMkXOWiDx/L34amh8JBTY6ggAlH5Y0GI3O1WbWlYmsO/GMOf+NER1lcnUB\nAwleSmgKLkGvDhNAyhJQ7SAfKIq2ZWBdG5ecU6a4Bl5MlEJP4DaBoltHiatC\n1udyzN7lL761fILDJaqt9Cv7aWSXz6BQdLGsdGly5lNZ+4h/6+aUlrDnSyHf\nNRibmATbb7B/oSt0YASiTDLHZ0LH1AnSn2OQ/axlizxgobpEemFOD1H3rOQL\nW32C\r\n=XSFA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"7cbd449c978599edd68c4ee41c73f374ac888782","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/4.0.0/node@v14.16.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.16.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.1.3-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.1.3-alpha.0_1620395066201_0.31348085623579824","host":"s3://npm-registry-packages"}},"2.2.0-alpha.13":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0-alpha.13","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0-alpha.13","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"bda6cf07971a4b162d4a7ab0efb4ad0c553eb301","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0-alpha.13.tgz","fileCount":52,"integrity":"sha512-y1uUVf9IehiGYTRr1mvvKNuARe13HqcO6HJDWi4HN0q6b6z5v4ozhVq0Icu6Z2Uj0qOyrCT7tpqG9Ub7/GdSAg==","signatures":[{"sig":"MEUCIF29qINshEIPp4hmL0SbFSxdHVC5paFxCG9Rr2ZEHFOWAiEA8x1ZrYZm2YgcFxzYUqbL4hTa9Xza4EQtCTjPROl+X40=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglUioCRA9TVsSAnZWagAA22QP/RGWCqvDzyT5ZGtfBkjZ\nsTZC+GGEMgXCHO8p2+Bw46EqZFoawuA0BgoGaA6RBbQHc83BL0ByH0E7r16v\nVrRCvyfOP+qYb3O0qdW/TrctlCkddd4S7tohuZc4IQNXq6/QEtPBiAOd1HIi\nn9w6RlUH8wyA8qqd5/3pQYBhO8qTVDEt7MFlvU8PU+qj7DHdTbWyRixNTooI\nGXtm7b5u91yQtH66+3SvNpwlZ8xVzVF95sUK7VCiQV4USN653qlnPi/BrKtY\nlAe8cwySCQsaEqG/lfWVi7+McniinoIWVNQsqDQEtu1RDFz9lFx0LJNGppr+\nF1M35RoX3LTL5OGtbR9BfuTFxKrpm0Zv4a0/QtW7sDGsSJoRofDroV7J8LK4\n7N2PpQi9pqZ8HjGkwPMBtW3XZ36ZUdTnBBATua/iPmtCa0urghBVLU0NdEpX\nIbnsNRADuponAzuu2vbGJ9yl62sOzUSxFh2dGlI3q8tUaWRdRSkLe3g63UoS\n0ij59uFfd+jBrtDu56NayK76WoRs1mKsOZWp6cFQNCNQNXJylwLW4T4kidR9\ndAMJMEQiEP8Xit+KFTKyY7FVVqALQJWBIIjyDeIkThP6xX2EyeGLWn+dX9wN\n04u16EDjuVyCrEz23kWXfOeNtVinw2ZlBe/gttU8MAmaEh26bdSIIhp+kiCg\nBqcS\r\n=05h/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"3d7c934008cbaea639aaf4cbca777d1ac5a462c9","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0-alpha.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0-alpha.13_1620396200140_0.12832678854823465","host":"s3://npm-registry-packages"}},"2.2.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.0","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ccff6df32522e49dc64785d778fbf5db2e1ab073","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.0.tgz","fileCount":52,"integrity":"sha512-/59Pp3OED+EphHAF2bUeGEXK1HKHpMtFlUaJzevg9iZws4k9bprpCNq8Fp70RfAP9axOOZHTIkBHkdBN1Rl9DQ==","signatures":[{"sig":"MEUCIBQnJ+O2quKuXYO9YHIdYVISGl34jS2/DVoa42Nnb2FyAiEA7vLllGNKBTTawxiPVpqHkNII9UkVQFCxzEriAgAHe9s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmSoVCRA9TVsSAnZWagAAuGkP/3+wg7hGyhGjSpgtlaU/\n7xnp2QBd2mSrbZbp3wzvtFTH54iCZAHp0DcLhrChQvoN5eJPyBHY0I1MwUWd\nIh4ea34LsfB+ffU2qwDKWBMp4IRQmDdlQ0yI0+k5BMjBjF2Iu9MTMsnZ8x6B\ny4VKr+18x80DFdretKaFl80ReAfE1zmePWip7pduUBKZpgSEJO1LFOCW98NV\nutSIfMBZO56l7akiX1C1ee7V+3UnlCcHE5UTviLLlNDqOsprWw4cM5BF3Yje\netUBXeE4muuTWvpony6IP8jKoEVbx42uz1129FcV97F3dgKss0aIE10VpIDx\nAc1CCIdu12+g5ee9Tcc+tw/k8PReR7b2UhLKKpjtHkJcZiDHsFLzbznTYSeD\nit8EUjwl0b9qXC+dQN4rXgBECRH21zbhOArT8yKCf3UYyMRmhSWiAEXP29zm\nWa5fivuEkv2BVVfOHGKd5SDXacfqGdFYTODdIl8MoInW7iztDRTJ25g/jvVs\ngZ1aqINUYi9v1yD/SD0Or4AYRohBDcRUi1NJdVHmLcgcoloT/6EGzAPQTqPh\nXi3wlb4OdbCUXjZA1976AGjq/AkiNN4gbY4Rnujc5SO04ybyDLe1TgukNail\njQk+8/0ao0cv75Qo2Wbdj5/YpbZEIuRE8aV/hCJulHcvNS92e7oM/p/sVDyq\ngkeU\r\n=Xf9G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"8d9291a9770ad09e9c1ba8c4608f5db2ae86bf8b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.0_1620650517009_0.45153753298023425","host":"s3://npm-registry-packages"}},"2.2.1-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.1-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.1-alpha.0","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c292928b1b7e9f205ca23818a271723655a3b17a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.1-alpha.0.tgz","fileCount":52,"integrity":"sha512-zscHeqcjUwUocxDXCGiHT2CphjkE8QgaQw+0eZK4nxKcI01flRmJ+HbvHUbiqqFwpgRidBb9WoL4NslxbI3FbA==","signatures":[{"sig":"MEUCIDck9JGgk4FMWsBQFgpnvZtTHRN9Q3PqifMF1KwIhA0XAiEA7LDQYgAPHHXulK9WePXjwZhPEWcpDpAJG/XkIGZA7x8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmUNUCRA9TVsSAnZWagAAHtwP/3Xpuwaf1E1FkPMt9weU\nMvxAviCNB5RZlhGi7NT3bWropqIO55/yI5ilbyp0SxowIjRJNUKZ8TCcKUF/\nToS125gmuegAlI3ue88jWSDBPuUu1tCDOE1MHhtHqgpSHS4qr3/VW1MlrPTh\niTnOpB3lafRhxGqbmSfLneA5Exixtorgl9FwwmuicgeRkeponqtWWQUlyBkt\nvGyPRpSvsXg6A0IkLOGtyqEoHSNn6R1aeckTerdtsJGbnF3R6As5SJRZMNex\nLC0vB5iAzFPAE146B10EJjkM2utrAzoSU4D1enV37k7pR6FFgt26v1t81viq\nalgmGl1D2CpNuyc0KOYkH/GDuUbfMaTHNsz2xub4ZlTqiUMhdUmtwV7Po0II\nS6Wy+uKhAL9hdCa7fWt5adVWrbrta8sgvtdl+fbCdyJtmTal3SP39LA2aRYX\nRax2Ncqu2LrhPRLSpXTI5w386Fq3C1kzktulLK9hgNavLfoqksD998orwBvJ\nV3QhVqmMLkOihErql9x6L5U9R7HKI5jxwWHSUYdps9/BQH3XFF03piiHDZIP\nd6CDwWO3ULjODa6nRyBCuru1IYesE/PZR+2epPl7oEoLEGb/gyZEbGU6GPkR\nf6sb5/uGrAEctyCmKqmTyoZBuixwi6Ojj4VmU9H2E26pjCGqb08lDjmQGUuO\nxvpK\r\n=eai4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"fa396b5682677702c779595865db0d8326cf5bd4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.1-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.1-alpha.0_1620656979633_0.06303791469831133","host":"s3://npm-registry-packages"}},"2.2.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.1","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"52f1291b269e94b05e9b4f283add510c0b21231d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.1.tgz","fileCount":52,"integrity":"sha512-piost3YDXkqwJv7CrydKrGZA8DhsyDWviVPAt+S2s8hgMdtTpO0rg8ADlcZ5+BA9lcIaArYVKl7dW6T0p8+GBg==","signatures":[{"sig":"MEUCIFJWol6dYQWK9swErXy6P9N7w8E/ViMl7MfxkcRId6IpAiEAwngAKWX5KPIJZK/24q9ZhANSY5MKiq+eQcor4KAN/ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmUg4CRA9TVsSAnZWagAA7xcQAJytR4es/eDW4WN7mh19\nPEp78hF/PxHcwMK/d9mldTPgcRIRBcuprrQa4g0PxQva+HwdRtczQtL6B02R\nI9yhgvNy52un6S8XHT4jD96eFc8ILwo9RD1xPxSNPUz93LfXoT/S/ZWljch5\n2c8l8AFTgbMV8j15t32BB5TeXC7EQwto5+3V/tDTH5D5EYspw1JF3m7sxTxi\nOgqmvHc7vA3AJXDIKYZVfgP+gyXzqY9Q1G6NeYQN4rdc0WTFA38kdOMhrZou\nIwhnRjPwgLqr9NoKPEVQVDzkdEcv501y+UYdZg6HVZx4zhZ01JU6O4Ysbc+H\n15oRi0CJJ3J7DhJ+ADXwSsmIUAaST6CXEdSyMTWO2kuIJSXWn1EONRY6SJiB\n2uDvoNbOnf+KjheFlz/2TPP3lmAXe5HyBESTiIUautq4q0VMlDOSjwL/EoH7\nkM94xheRMb+NgDqRXbeDp5kczBcQFm4/XPdQ/4FoSKL9Ed9+gjYsjMKicktd\niqjp4bdiScZfMC+ys/DGCDW0tNMhi5VwbVLu/W8LLP6b5fZZ2V7AsLZCUzyH\n9RLM1KY+qZIAKTxuUiqkJeau32YGWQpMm7rflqCA74UMl4H3q5mPR9X2MAo0\n9T5HUGP3G7lNIHP5Fmkbgu7Zp2ks7kh8egTps9ghtB/9oMsYwf3p466fgnjn\nvpys\r\n=VtST\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"a69c5f24be161a7a9a182cf8053f298c36542131","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.1_1620658232004_0.22310968903344341","host":"s3://npm-registry-packages"}},"2.2.2-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.2-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.2-alpha.0","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"de60cf4f3a21a6620746ac58131cd8a8a248df4d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.2-alpha.0.tgz","fileCount":52,"integrity":"sha512-XiDYaMguqICHp4bZYMYHHXDmOTTO0tW2fc5sI5JgKi+JeGll98PLdgTGF2OifHlG22L8Fe7eWB7KciUk3oUZSg==","signatures":[{"sig":"MEUCIHwjAbKYpYoI98nd7w6FmSuP2a289xFi6bVgbkQfYO+PAiEAwOqHcvbxUChfnyJKxXbMFM36fAgbqlP+/xueVwxUuTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm3/BCRA9TVsSAnZWagAARf0QAJjTPWvs44r2QMgwyYpU\n62giYaaPVXuIoCy8LCvFDHWaWNgpaTdgKjmvNw6W1Ohytb7FwfO+MHLsknpE\nvhnN2lqURJgWkAL4jeWJHJQVPz8JoH6XjNoTk+26xRkWib4mYpp1Kn/pzPuh\nHZV26UWQyhHcRbojvpz7Qli5dtuOI8KRrvNoS2d+YKS8Ic2/GiOrKalrji5D\njnrZoM/dZvgUJGwjVfCMsyk4Dy2Xt/1xZcUYrMMDm6AmSXj/KRI0ZAyHY0wH\nraz1OoqNAioLjl4Fjb74Fde/mm/iciy4bb9SEMxKGZImlmKt6oyBI3UXHJQH\nxF7ZOrhIoBjm7V/We3RZWpI/nV4QiCngOXGDvfQa6Jw+MU2wNZZs/NreaWR4\nfvGH0JCADbgMrBvQLBsBPGzB00hnWVCcl5TNmRILe6IM1t+csqI26Lgbug2m\nRP1HTriohI6cikGeK2CLW0Aas4piXYfgG1o/8/Kn1yBP3f8mBadRxfLGJvSm\nPEIZAlg6sU3y9ca6Pcg73S1/rmCca4lhHGE2b8RTG+8cXYNqee8Luut6fEDv\n4jHHlmtgnSvDMY3F9Ei48KaE/Lg50iEnoRtjHGqC5lZ96eZ05ILj5g4ZAE47\niHJ4wbext1YLODz9PGQyQobuAZFC6dkGbPQegf4+bfCfg92zOOE+T/yTRyU+\n9rgF\r\n=kqzq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"1e8955b508a214eff3473e898c1cef59a458b02a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.2-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.2-alpha.0_1620803520865_0.1919510471087187","host":"s3://npm-registry-packages"}},"2.2.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.2","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"5262f3a24a30fdbd6805dc62dbec98d08986a6be","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.2.tgz","fileCount":52,"integrity":"sha512-jnnYeONNCfOGJBeCQ8yPsqmQeod/lomSgBh5DNj4DIi4rOmM8Te/PMW6t0qABdQAIwRONE6/liTQ7Z32gaX7eg==","signatures":[{"sig":"MEUCIQCCxBG5L24RIf9XsbaQgBh7ghdF5L8MMqrsd9zEcCkckwIgVf781IxkCDuy5DVxSKvQtBozxYG/HX2NOCgn59n7HqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm4RnCRA9TVsSAnZWagAA5kwP/Rfvc/tzqq7sYpfc/XTL\nY5/+9xkTjoBsmgn5wyNBCQOsbn9duwi28IQ1pFidz95hzdSKke72TEfXrWd3\noOeHJ3kWwbxRZGEzidM6npUajocsOpMoqWS3g8v5cX44FzrQw+C5pAuw/iyu\nXzH+QkTNBoT0jij4Oas2aBVLBp/8XPcq8R07QqY+ZRKoh3p+LFzhF0e12P/Z\ng66AUzL8nArBk3rTFenm/auhoCA19KkqIAyZNQzJ6ItE/TnGa6qTQz4YdtTA\nRSzdsVCAZyVxsrt08AcwrUU6AInFMtPasssT3zKeyZfvdfQqVJesVZ84Dtm1\nMopN/bdtKm47oi+cobPUJdHWFJBihXFe4zC4iGZm542AOt+qed7NJlMyR5X8\nuk7C5wF5Vgx4Jr2GBTVU+kQV1u/GcuWGXkuzyFWRmgjpmfIu6U/NpR6MmZrE\neS+UNRwO6ZLt3/XBuHsZ+PARP5U17XAI/4ubcPTIykqkRhZEH3k+UPYy3vMA\nyLBwq2jhKacXaP7ZAqpQwRNk4Wnokr5HEDvQ5VO8YvnqJIGHbFdknvuB3O1D\n9X8W1cFX4cUMECyxPlmzO7RhCtEqCaMdP9dYPpBwQBo6gJ/kVr5K9jvfMGhz\ngMJmCJVtRSEPx6NeFkc7oj53v7CkMPmvnMh9ycbU2KBDr1wL4tSG3uB8C3EH\ngSQE\r\n=xjp8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"f53bc386ee8dddae1f41ffa3c03ad03030566e86","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.2_1620804711350_0.4374790157984434","host":"s3://npm-registry-packages"}},"2.2.3-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.3-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.3-alpha.0","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"16fd6e8f11b5c8fb490385c6af84fa342ebdd755","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.3-alpha.0.tgz","fileCount":52,"integrity":"sha512-Sy7b4+8SpZhmxqZRydMUBtrrhUiZzGR9xgGrXFUCknmjqsUrMZViL/WjmByeKBPw983oOXGk1CVUVyt9xAhSNQ==","signatures":[{"sig":"MEYCIQCZZOWezH7320eWn/H7pSuo8bhJfio69rcM3l6xEiaoIwIhAKFXOApiznmx/8qylwrlYV2QWLLmfob0PlvoNu4OTH5q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm8bJCRA9TVsSAnZWagAAW9QQAJg+2J3zEKbIvvkgWuYO\ngbbogIJRjbOut8ZxsuK66QUrryKYcf0H8ihB4CVQF+X1Pn3va1iG0OFIbEK2\nNlTa0Sw6HKljWLK8HCQHY6E2CF6QzCuO0cdvZhsVnEXFRszziRc2WlzWp7L6\naSc3wnMtjk9WgZXFYMDUfGzaGduPheR1IZGiIHBHzNeQ/OIjeWa5btmBtRSK\nVdXGrm4w5YAWLCT3oelFuPUL6XNcGpZ3+LKumCDJ2ppEU25ZbcpLlt7ScgkM\nIkbAZlkWRkGpIhLsb8EBfh0bQTCWsc9zxx7gkZSZ84FnBX6PobIkhmM283nL\nCziwVFbtJiUNwOUe4p7YKKxnazitg+ZkNPtmbIG7iuTKlctX6zVsCXAiRWTi\nyvWJD4Gu18ZuZgaqP1b5MQ1RVEnQUcyPUPho4WxrFRttPtTi/4ouciIqFqS5\n4tdLaTGs13mTZvImE4pDJSlHmFOyYx4jM6Pl4T6w9WX7F4ol/MgnwHBdwkS7\nlFBEa578ObPluPLFhkEpEYtDQIarMDVK67sEWP9u3SM7RYCSc+UYMNrlDjMP\nHGlntlSEhq5ZOXI5v3B6Bi5hXLGDaSSCiDLkYAghkViid9uzLXkBjOSnv6hN\nqX4mhufLxMIIVQLWqNFr52+pzT1gL0BVhWNDYOhmY45/j6JJYoJzzFzUT25F\n24Bl\r\n=UagL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"6e088a26efe4dd16bbccf9229784b097815454b4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.3-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.3-alpha.0_1620821704925_0.8595104775573388","host":"s3://npm-registry-packages"}},"2.2.3-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.3-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.3-alpha.1","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"889df8c92a19e554f54cd77a0fb86bf374aac459","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.3-alpha.1.tgz","fileCount":52,"integrity":"sha512-cFvpq2NuWCEAkoKFEtCxRrzt+Vp2SuK0TQxjkh3roe9aupVaBx8me5BGXsKP+tqoZvF3UAREwTI7i0MwEyRH9Q==","signatures":[{"sig":"MEUCIQCQuzZJSHpSb+DIYTfLrLRfStSCl21LlwRanNLGTiWPmwIgVT0btNyjJJ7sRMRRDaAuqa9HKtsg/v/rhcXqBJhluT4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm807CRA9TVsSAnZWagAACM8P/0KXmB5XLQCnVAB24pGI\nOGNqcfIEJG7kdAAIe53sKwnFvMO+EP0QJACOfqMzvQcEKorqXFpYs482N5jY\nKJ6NNU7bL2zo8C4OJSNhIcqceQKGi5It1KApJl5JGIjgjxiz364jxTNaZTQM\ntOxWzH1AUWe1DBIi6Y2rHxmkcI9a5Bxbkxc/ngpFX2lHlj0lYuTAa5LZTwY6\nW9opD6RwWG2L5K7bDVmjpTLwlO6auwbQpFvEHHW/3xl3d1LmAnJ7oeqkZ3em\nGmV869lDfZF4lWKpq5hVsnxwpuitr17mz3o+6sXR9GWO3raU1wUe4OJRt8cw\n6bPbZrZqr3272QuVtGwClsnwN6CYb+n1J9lqGocxrSFVVoqBkPqVj7AucsND\nCDluWn9D908KRqv9RznF2jPQVPQB8Cuh3dtaUSNGOeiAYZVOmtA/CN+H/+md\nSr0z1cK7qCNJg9EGHgkYjzc0TxyphYvk799TxDfH/BIO/DCYKoi3tEi29qRd\nPN0b/Ougl7HyPwEd+B+2W8Kp1s6PHJmjmkScWTiERljZEQyXaivcgan+La34\n5gWV9ycpKCASR7wnjHTr+2JWEx3gzycwBBV7ZuZ8Gowh6+RwFvLzMe1JPNZw\nMzQOfv3SvXuAyNlxHEnyBxAKEiNhMViCAguyVAzntcxyf+mDkVYGXirptLHC\nN45p\r\n=oMYG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"e9d27348e53eb6c2b15ae910b1224cc6bd7f9e54","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.3-alpha.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.3-alpha.1_1620823355056_0.47538517283732484","host":"s3://npm-registry-packages"}},"2.2.3-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.3-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.3-alpha.2","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"75916c50754a189ed7419c794e046b75cd579c2d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.3-alpha.2.tgz","fileCount":52,"integrity":"sha512-BtV4o5QD7+nFKoZvWRGvC+siHghL4nw/zPR1RgGCjBoITLiIeq7eErjCmHefa/B7A9o+I32ljrWzCF7ibiPMQQ==","signatures":[{"sig":"MEUCIB51sM7TQFfNiaU08/vvnFEAURDI5U9GfILqMFvSViGhAiEAiCMxT7tcpC4Tr0sNtutA8TmhAl2lkThLobKn6OD1BdA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm9jrCRA9TVsSAnZWagAAJi4P/28189/27aKjNrX555sU\nEH0DSsH5rQT6IZqz9HkxJ2fejHU7WtsfxqDowKo+PuFAqBsxNxFxTuqeqf+M\naW6KO5pfps+hMMBgRh8yVTLFmtvn17DnighGcX51JR6bBeU0/RLn7P7Pag85\ndxV6OsiDCwWQPDdute5XoV/9Lth6Un/o766olWpbvY+zDI2EecWHDGSGzxlM\nhr+Kkq4bh8SBB8XHVBoMzD9CypIt6oSXGqFGUE0DB8sygsJF0LtCSK63XxRI\nE2Ue/EoO45oj5aJqj+H0AYW8m/K0YgW6iXNFVdmBaDy79F6pFwTxgDRkapcp\nbaG9EwI1eRHKq8M91ohrtjHuYUuDYi4f7Es8sBcp8OMs6DHCunkRLS9qIhgV\n4C50eqiGpA79/rOACeWDuV8DyqJ6xEl2hLpBGf0vwKfMGwVXJ2Q+RekFBI5A\n0CUMd4PwcjfxdhqNWfGU0hNIwUmZNAq949ajGUxTu6vbfk5Ltrpp/KWUEp4E\nfnsYQ0REq+iMuGKxozxDdwcWsA/g2zQvKGrlIvJyxRYa+uyOdfXGLbZZVaOa\nfMPwm5+5TVp4qAoJbyuPVfJ+6f2CeX4yj/V9oWyO3yPlj8Czsi/GiO/+HxgT\nqjQxZdksNORlhTcEDVds8hHkM+SGKDBZU2xJ8V6AFygzUR3nzpiFvk+Ujyua\nRln3\r\n=lRMa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"f19c7f48abfdbf2ce42b92a672b7213ecaa61106","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.3-alpha.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.3-alpha.2_1620826347033_0.5110787533466552","host":"s3://npm-registry-packages"}},"2.2.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.3","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"183b5cf2c21be2fed903c74efc4132c1a82e8fc5","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.3.tgz","fileCount":52,"integrity":"sha512-vtPC+zEhjVGppP/vlecXHMHF+x2SAbvAuJFU8GD1nnzLpS9Uc1m5+sZN6r6gHrb86ASb/8fXG7stTuikbSDrkw==","signatures":[{"sig":"MEUCIQCdSuFgHM+peEWTJhW9q1MpB7KXqMS2RKVnUCTosU2rJQIgej7kl7yowipPrZKyD4lFMHTTdNuemm45ctRE7IvSX/0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm912CRA9TVsSAnZWagAAUjYP/ihukHcZn++HjztyNFMP\nuGJVQPxM0CTmit4Nt4Ksuh1/o1Sc0JjFYt20aTAr5ij3QJaR/O07F6/YG/ZJ\n2qdVeawYo6zmTznByQPas1xA1xN44xMXfj7850dp3JBIpgxn1h0Iv5+yHL0U\ndqCD0S+gfTy7Ptjl1nh9VhJk4njiSXzIL6nERt/DzpSIhAHgUskCmlY5uH+5\n1B5RlNFHQ8rpaPEqIXxqMO2PPXq0bEd5fyV/gBp1cyPCZWpOQ9tbRzzPn6uF\nOGWUkPLzEy5HlDKFP+R2hyF4Vm/HKztlL4HQjBZfWhsTxGQPp6VRzx0P5fVJ\nn++XT/hm7eB27TrY3nzt6rA1wxy7yIUe6ONgoPAnoW1kWwia3wjk4aKzNc3C\nWPBWkpSJNmldDwKSSb4DeTgg590dAeSdYw5YxuhNxtTEnVr/Aw2GnZAFsIoG\nhWRS6Fth1JyPyl4KsWoGeQ5WErpB79PlYImww1saJ4b7XzGCuc/Ke/GMa9E4\nkzjaqt7d2cZMsQix01Le1Fq3dcqFsLinAv9ZrRtpsdoCI/uS3ZgCjoYyiPys\npubNnjdafcW2wePpNzRUFOHiPFxVli/4pztpU+Tvk3NCnziwXx/K1zTa9FM5\njtFKTXufw/lWbv/iOc6U0/rWWSyo/y96+79T64D7BIjInWPTHqsePGX5TkvK\n64HI\r\n=j6Jo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"527df7facf1a1c55bad3eeb6ee367ac47b4ceb0d","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.3_1620827509897_0.8176429952313389","host":"s3://npm-registry-packages"}},"2.2.4-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.4-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.4-alpha.0","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9dd674e7ca7d0cf29149decef5d2dd991a7918cc","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.4-alpha.0.tgz","fileCount":52,"integrity":"sha512-um5PrNoow5nSpJ+2aH0Pr0D9/G/ouxQJB3nYQGNJ+4c+Rmv3EFZZRX4bJ/WI8p6oGFgrhn4CBvLkKCt+7Q9jEA==","signatures":[{"sig":"MEQCIGoxbkMBF0yxYDDr5yXIpKRkuEzZ3geP3R4UHpNjePzXAiAScJoWRVJ7JNkcpfIHSQ+7ecKKOugtovI3DpxrAcZ32w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsMrsCRA9TVsSAnZWagAACDEP/0reFdQ1ehfDs3p+IJrg\nrcvo/+IYICIfx5cHXN2+HeLuNNH/9aAU/XPlqfaXqe7zlK+2W9S4CQMRgV/Z\n5a64pIqn9XWTJyHwSy/tYwUKbiRwfJgQDF2KFf8ujxcQdcEhy1Ffg2kqd0vF\n8/vkIKiVxp1uRdcxGUozLCyOx1IC2y/9iHyfwP43HQqDLYo9VbCZ090gMuOS\nudCd34GqchRsD9dlx2c0CZIepev4MWE4A/IyGCBRaYnAo3GA1VxZf2ld6Ysv\nWg4FJ9OvqSM1UcwafznZDOHkAZV7N3DufOICgYWQOVIk3R9EM9gEWHzeUqB7\nt3cLPPBsw9liOOP1bNHnEtgK/EIs1oqXBz05yshaA2+P+WzhWKVwa+906S6y\nscFJPMmjIfo6lOUfLMwQWg/Uned+zuu0Ok0Eb+tBp+e26Km93vC+H+193SUi\nFfg24BgkdDKqWpXNbAGhriSuasy77xp6HU9De3XnA0flhR5y0yqVdP31yiqQ\nui+2p6qXqLFkRnXyuodsQ2xYL1EJ3bOFbK0guwgjeB+POZgv4ke9ZzeNskIB\nuOXpw00XpBvrSCCH88wHS24ym+W7xkNXm16oFL7NKrSive/M2uxP6T+Pg9H+\nzn1ISCNUJIJC7dQFI4P2paE/cy5J+Hk5p9fwpsSKt4Is0yqxmsvSJtuAuLBD\nHSSK\r\n=juaf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"8ee38c510cf9a793bf4dd376b26c202c348d728b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.4-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.4-alpha.0_1622199020010_0.742907911418927","host":"s3://npm-registry-packages"}},"2.2.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.4","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"5a7cb85d511fe4d7ee68f49d84228b60fbfa8653","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.4.tgz","fileCount":52,"integrity":"sha512-WYAKzD6wMcixlYYl2p45sJcv2zks2qCjsR4GsZFEyBIMXJgk06UN/crzCcmmQDRxFJwEJm5pXOWMxXq0Nbs+Dg==","signatures":[{"sig":"MEUCIQDQRBUp/Jh14padarKnRM7/AQNPpu6RbIlLjSH32pNEWQIgQ8ovHa5E+4rHKUZx30RVW9t08VfwSFsFrT0t92WNgZo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsNFBCRA9TVsSAnZWagAAqBAP/0AeudqlPNfRLKK74P9r\ne+LkomJNkIl/ldZffPyUZ0zo73RdgCzTVpNm4gB6BDv+Hna3pVYmeyMqTcs0\nDbQBUhPdf4lekO4ru9pdovIWl6C5ss3nOea9y1MbFy8qSKCSh/WqG3gQBwMI\ntS1sdYdghM2wvWXCxlzk4wd1wbg33jjiSE+awbhdkTjWCXLxsi/5m1vV+S3o\n99NB8sjW4xxq1K2S28miUGiS5/vw0wb9hGl9lH9R+27wK8Zpww15sH2hsGTu\nvblm4Xm3u31nc5rO4OsTE3L6ZYTeU+Xsi+ODPrMWuVzKf4s6fgQbI4E2yMt+\nV0Aqae3xPgRTM+eKVTen1cESQUKL8kZt4RTgMwtkOuyD0dkAl5LzFVfaRDho\ncKoDlP4ioGdzjBThLX8nHOwHIfmpxNg9KkI/1myKg7UT17C1clSYdPymknfo\nhHX9DhwLtQUT4Dds2LpMCFx0nfVLTJ5XJ/kmQ5cG1iv6XCYhwGAKwl6RCNIw\nu9NmYSUpf7uWtnslMN5cs1OTCCdH+JzOxtXvGiTt4DKEjfIBS6osZV4kHMf0\nSS+P2XraqHYxAMzm/+7AeAlN/zaDZxsNcej5DsrsMr4adhZiGJbdT9U0bCWM\nElrPY+WEsNFM7PM9mHfn8Uh7zRJPQYLpwu+JLDSUw+F0/j3+24cCSUn7dlkv\njiVj\r\n=yNeh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"4b79a047de8446a8e47e0cdb39794e656011f884","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.4_1622200640632_0.4006963480217025","host":"s3://npm-registry-packages"}},"2.2.5":{"name":"@aller/cyclops-frontend-vanilla","version":"2.2.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.2.5","maintainers":[{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"236868e4e6eba50cc51fe8c11c5eeea04a7e3c43","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.2.5.tgz","fileCount":52,"integrity":"sha512-XWCaWFiPyLHIm8oGb7QUsfaBIGQ2Mo0YWQLxEpCPUvPTO579HCJA6GWYJwdWe8QuWTenquP64QTxErtfpG5oJQ==","signatures":[{"sig":"MEUCIC9ghmmti/uum4wsMZG0cKpUlQRD2a6wf0gQnvhP2qprAiEA5yl70aN6VD+Bsp1fwgP7E9U2EK72FR2ayEQSh9IILVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwhQ6CRA9TVsSAnZWagAA6QwQAJ5DfLChP+PJD9kEAKuU\nR4WveeYpMMeajOi5ZsIcIzgUN0aWEpbxpp2z+370DMYaDvQ/MaZPJmmL3Lzg\ned7szSYLGXTSAXYlNkz0Ncdgikb4USJDPlPUiNMrwcxgFVPceysSUGYANpLK\nCG+JkVH6m1K0IP17jH592iRobjQhoJur2zYY0Si7j5bd0iRICpF1B6cRm74n\nd/bRvGIE8zir7LXfkZPeubwvJ2y0npDDhOvtlOW2HHGbLxPZMd81RCNzCD4g\n1e3PsgZ8zK5M16pnZMq4JAiX7yqEsqztw12/3thJ2pydvcPCwTPJn/6iBtoJ\n49K9wzwdrl96c18SqcFlMXB5M3S4uYRV+7GBEK5M7ntaCgdjIyYC35RYSBlq\nqzao4BmZlcrTGRZsNBOsEGz307erM2tC0RO7ejptQThDNrK1WgJlOrZ+d/yH\nHn0GVMwA9F4Eag9O9Iy9G413az6M+N89aURvJcjcZmVZO9ccd89O35fDugeu\nGKeN8K1NGKFebvslUDOR8cahRCpCpf+qf04PAhh+ZGI0FR9VWAsdx28YZ7ia\nPJcfSxSz+pRrBPUgRCHFtgq3N088yQz8uny9FBbhCYFfCIfzACugCLlpI+ip\n+/R2WHivLLUNXAk2iZhUdimb0kypkZ9wS7aILtiA+tzPGCWwsQ9sKiWMlHXW\nwqP3\r\n=Xa57\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"fba52cd7132a3fc2738c2556984a3ee94f2f6dc5","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.16.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.2.5"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.2.5_1623331898199_0.2589416611408024","host":"s3://npm-registry-packages"}},"2.3.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4a35757c1a2835c01ca12a14a2599baf15970e5c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.0.tgz","fileCount":52,"integrity":"sha512-jzZB3mVfoaxO7+3dTWlwzug7HFfE2FR0OHAsjzLoFrKnvR/A44m6Pgb5BO8dmKVHRL/ewrWXlhkZ5WLAXDoB7w==","signatures":[{"sig":"MEUCIQCSy34zIAem6FHteATRrW6M3WnYsRAqam0JvN43XGhanAIgCHpQbGy77GD1EP1sWCeq1tnDKwGYbV6/KbIQpZXo5WY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEjPzCRA9TVsSAnZWagAAYeYP/3QMyaYoUH1IwbeDRM+Y\nudKIR4m10wh9eYFSHxxARmltN/nJ1QlrjOm2JXN5QcJujhzAhIY2UzJD/9Pd\nzapu5z7NvdAOOjOkc0p+ZlIkYWgDhMEMsPlMpFxvx1pZUycCeGY+oozPyj3Z\nCJH5JKTJmYGYfV8fE/GGqN2I4Ad1TXAlLuU7u69jiHtM75bRW7ZjAeZXFK8w\noSxCA6qpht09hr1D+78tkJJVMQrZydNfzU1ueEGRzIKMyaWxecxM2GQ9dWXP\n5/mHJp7o4zdte4pkxeihAiHdJk4YGkQNrQEr1ktGSPXp3/qGN51i9x3EkilC\nYC824dDhevFAWCRMhGG5VQ15u4k+mtdBkTAM3yaQtzsygB5JlcwQ7RBiFddx\n/GgfGltk3N4JLhmxqGu5kX9w9MK3WUQSJGEf0qhjSTjLCRGZBr51wyxo6N2z\nC5p3C4nOwDlYisK1shhsVwsnRL8qrzaZPG52rgMrgCW+Ci7zizmcDa7wJ7/f\neE0G7lHmxgcDxeEXjsN8wcl0JGZzFfkEPcQ0q8CNdutZt62BadAQ1z++C/XJ\nKaMdPEP7Y0pzH7w+GArQ9X+tqeFj+i05FjLW7qhmzeAThyBnzaYWLq2MSQc3\nLnvvInsUS9LoEQaX4LG10QptGZms6/fyuno5zNn92+EZKcxQQf0Pf5AZ5DzJ\nZyqO\r\n=Q0SB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"20fa3c41fa725b721cb585f612a868207431ab46","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.16.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.0_1628582899294_0.2851813724864809","host":"s3://npm-registry-packages"}},"2.3.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b9a3d6025b16868fa63f76e760454aafd0be7437","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.1.tgz","fileCount":52,"integrity":"sha512-pEKCHw7Ej19lYE4TEXBOMfQEKTqHvb0WhbvkNHJubpMVdNbFSkbnt7qAeSoNh1OxGr/da+BheLEaFDJl94LNdg==","signatures":[{"sig":"MEQCIHYh4LWhV7rAo/FUxeNuTsuDSyPYu1xM2ACySwb5M4joAiBGr0j4MdBZTZm5g3fzbVK7qi8BW8VVxs0bc3NoW+H/7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGor9CRA9TVsSAnZWagAAg24P+wSycHWQGWsh2Mx6z12d\nQmxAJz+KH3TS0u0Gjy0z1nYw6eebYtuFLkB9vV9+gY032IwMJIJwdgQ/27tW\nhYmbQ5FxMr2+tQyL9Q0miU0pHts8ZpVEYzsDtmkdTfog8EDSA7tyOJYWsNSK\nt7VA/OuxhvoTcD3yixowd3L1BYwR6K+kNJz+dM0OATXcV+PptjqSQF2aIy3Q\nTjQFrciERpNPfuxbZWGYhikH5X7L5jOAqcmwf9LNiEJnkIzRpI9kQlWYmdG4\nUydAQzjX/n7LsFlDzgWZeKLtGzyL+4QslwjcRjXgim2wTqlfoOTitbeMOL1k\n32hUy+3nSH8snlO91HBMhZ77uIFpjYE26YNsi6UfNbWEKF+kKqbPsiwtTgBZ\nktyjwGcmcIa0KYfNKYH0HxaJIq9k8gFLO6FyCd/utzaYpmBvUvB/8KY2c6PV\nvv8vLdCNdnpAXUz4LqXJci8aCEtYCLWujsD4OGvrZyQsBRnFwmf0xfdZ0rtB\npr+IXEzTs6xJzrck5KdwQ8ZJK1KF6EBcxXcN+TRbbNzqxjOz1ERqfUgHaDsO\nnfnh4q4lpELMgFvAqet514CRCExQMMPOGslLJOvHVzC/Mf41wF6A17slNhHY\nAY/TM4G/kfm9+sGas6ZK21NO09RAC+O4qykrFNoqgITc2lo88MBtqeh0nXpl\nkig6\r\n=pOJq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"1bc1c43e8a11747f4efbf847b9bd8c9727906184","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.16.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.3.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.1_1629129469279_0.6427653701729379","host":"s3://npm-registry-packages"}},"2.3.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.3","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c3a333153edfaf3642d52636667ba36ae8595af8","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.3.tgz","fileCount":52,"integrity":"sha512-/DuiGM1zLOImVpsQ2yob2Qm6lbv7bI/em5+lwIR5ZtqWUh68HJJjGOtM4R25XhznmQuAcLdTN6nGFoS2bjrjZQ==","signatures":[{"sig":"MEUCIEFEOxxahEW3dsgi1N/XeB6B++a/9tyZsIxNAZ68NIO2AiEA7K8iDOe3VEgPKSePcyRJZAy4D22uOiOVTzdCf0jXHL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101339,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHhE5CRA9TVsSAnZWagAA30cP+gJ0J2w4guBS3FhLwqMM\n6txxovrZzMGhTAZSnVarghMwoBHAQ80JVxAMmUyq6xZTZd3FrVgz/ZOR6BZ3\nxMIogqtvrPVZXknZLixeR4WO2EMEJmZSpW0KJCiU21FwtkBWQO/NrFCuDv3z\nc1qG5qp13w0IsmCDfPsElnsv5PqeNOMwkTHQYMl45ttQqW0gsz6W4iE061Wf\n/PqY0doxAqcm9CGCIL6L2+R60d91pBfdRDY0cD5LnzPLEP7P6JQf0hT9nzVN\nXfowyFf3kGIPcWoz16DUnJKhlQSA3e8d0IGzzmLmxZ20/GH6wvwe8ftw7xRB\ng45HlI8kXrivNFGkPjaqEPX9a25wJ5MMgZybJReEYLagVEQbgd/8h9TY8ky6\ntF2OqdosdawBpssDyfVdb13mFzxyrapiLZDI8/cqKpV8L4PKr0rBjhlkHes9\nQX3CS5mi3kPAkyU94e/KZeVWjLJFKJMZMOTaifBxgC4DylEwtfaetQ+/QeFe\nJOYPUDwRVTHi6gQKIc0T9k0U9XWsw+L0rBNG379pDtHGtsO3WkujSKeXKZyw\nIrHpi8G7SrE8MzvB1zFor5yKqLxWX5L4Njk81imda/NH1ygJbOkb/o/M9tPe\nmiE/BqTKRvMW/3Wl+SuUkN6/HRdJ34zrlXQkRgFj3cK6Xw4lKm/iwlY97BYb\nnQab\r\n=P4qH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b0bf50d62458100bc7fefd668ade965d6a60cac4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.16.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.16.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.3.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.3_1629360441828_0.816401173177205","host":"s3://npm-registry-packages"}},"2.3.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.4","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2cbdfc392e9c493dad96ea4cd3e55eaf069db7ab","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.4.tgz","fileCount":52,"integrity":"sha512-4S91hHtH2/sGcthUJwHS246BBGBJ/LC8C3jE5GVhJs/bM4xpMi8pL7yV6xJ35UKVZY5gtVwo3JTBfwdL1bHLIw==","signatures":[{"sig":"MEUCIFME3OKxKoOrphEC/rVTnIS60NpEKsppaTDziWS1Ls4kAiEAtg/5kpCrfgjmdf94BX/daq2k80CjoFcp3ELNuwBpVkg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLLtPCRA9TVsSAnZWagAANq8P/1YpQeD69wK8LbQ5Evj6\n8fhGDN9MTjIbnhyLhOKunyJoZlYfnJx6whEyrDC7BSfHkFODZ96dJrLtfj8j\nhuvLKPS5p3RIHhT0xj/RalKX5JvP7dHQlio2ACNQ5bmiP5RYzSjnelwtNzNK\ndFhdeZCG0raq7fLxQwUDESmcceANx8DQZUQ31CcPbAUP/5r5vc6t+D2v4vDL\nBxnTquLROMSh+bKdrJ/4OXS4/XFgs9ISTs1Xp6UIhvhqOnBFaP+3yzLmyR0u\ncUfYGAoiYPABO5SriWNYB21IuQRdJ+W+UCwRsj5R4wAzjsppQ9QvBCpV8NlR\nltBAjcWVnDm08P5m7wI2oL6SCzDDR4MXyLwITXm9DUb+oXT2ITk2yo5pBYWI\nSEeT2ra03sAwhzmQvVYqbI9eGFxxBzj+nKtNiDFh3QKBLu8ULM4+g5EnOB4O\nWF2AD6niHN+eaNDVGglQQBkmkP4Uscofo2POVnMVjl8O3om9w5GhqTrKQDRt\nrsN5T1Geoz0GDzM5/tR1jW4Wsrz7aOmOaA7tH5P8DfJAcQb6xb7HZEmGeADh\ncLj5HK98tUODrMlBV90W2eNTrJyNELtOpWQDskt7H5Eb3FHJm9gXVK47vxak\nPx2SRxhzXd7E7gt9YMPN73QRkxuVQtrCYpZACQ+yEkdOljE/sxnFy0NZs3as\nqXpq\r\n=4z5f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"6a84ea8ac53dcd37c044c1d1187fc6ab8be7664a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.4_1630321487233_0.9644269674825046","host":"s3://npm-registry-packages"}},"2.3.5":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.5","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"fc71cd1a852fa89abe004d4b8e0c2ab8067b5a0d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.5.tgz","fileCount":52,"integrity":"sha512-AXcB1DIJudFRaYcXKfl1J1Vt7Cm0LRll4jTuco/ih5+YKYssUZmnGsZ/IICDwGcRGA/vEutkLwGnl+DZ5R2v3Q==","signatures":[{"sig":"MEUCIQCK2Uj9t9DgiNHJ0xWjbIbldRWK1AkvOPrqCFUZiUZfwAIgL4ubZxqniG8dp43mY1iy0fV79mW8wCNS90ufUk3YSv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLeF+CRA9TVsSAnZWagAAMzUP/2kiwnXqCZPq56hs2tD+\nugp/Lk6+Z2lidanSKTgFLMvCRnSZ9NwC6ovlEJUDO+oC9GWKmU7c7OxaibpH\ne3SCWwVOHpfwGzLfkPttPZjVPXTVnKl3AJuW+o+qbbaxYfX3Q+0O/ed3aos4\nEt/fU6sN8QJK/NewZWK0j3UcDajBbQamNxQevb7FE4YwBo9iQvAWgO5yRxaA\nprbVEVpsFyXVeBFUbn5suSYDDneDxEW5AOcOJBDPEV4v+Be+7y6fLBJA9spo\n/Z020pzMmVY37dew3H/wxq9aElgUxpOMaGYbqTZDQXexNJ7xVVPNzU2yQqtm\n/ZHD/XCJ0SE30/b2tRadokAMPMRgOiUeNzaJghnQZ6PP5e6MR3f0cIkZFF55\nbvsbwChNhB5yXdZ0VZ3b9xLSKm89ASpOw1JHfQB0H4VJHsQpTIXbrHC+jIy5\n34ELbpt2D+5OdhnDxuRvGCyzNfOJRC6+U+wrx646O3FlYrIwOPX/5WmB0MnV\nnXPJiOZklhOqb24IlTMtfsgQRr35PFMK8v7OakEZHwAnxnyeLJODxqLq0SvC\n203U2NHoOmMQ32LHSKhXn7HXZ78qArEFSb9weUetW6MpTQHstK8gujDhzAOI\nPoML1WhSFtSXW+UPyAALLN5+dYB1xYAU0M7UFx+wWPCm7TH5jALmr9awdyKe\nQ9Zz\r\n=J7cd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"5904bef674e71e26ee9fb56e94cbea92c26613ad","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.5"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.5_1630396798630_0.10280296430803615","host":"s3://npm-registry-packages"}},"2.3.6-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.6-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.6-alpha.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ca13f57a217e9910da82827c6beb5870fdbf176d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.6-alpha.0.tgz","fileCount":52,"integrity":"sha512-866XaBTfAF0zXewLeVb2bFKE5/hNhoIA7STXyjctOk6kLSvwWcIJmfdqNfCzqaUfSRFhUItWK8LzxCZGNAH1iA==","signatures":[{"sig":"MEUCIB2MtsyeAwpc4za7y40dLaEBPpXKl3rp480DpzuAwYZ+AiEAj5H3re8fmo+jEs+qv+UyJWeYgis43YRQbGggppdMrmA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLhLVCRA9TVsSAnZWagAAzfYQAJ+2Hb+nn21fKtUnpweX\nW8mhAosTIb+XdJKpVrWG3z1hdWlvm89jSwTD8w2VFLsMMeCg48S6o6NGSy5t\nS+1RGmDH14FwRZpvOh4r11DGjtvQmJW50Myd+wP7ZCO4zi3Kqu5CubkzZPra\nkiva/yPC1EGUBsVsyJ2V/ibi9RbQhZImTLYBg1hVmwW3Y/WPrUA//ekvq2t+\nFkmSmKysbI3bqXTwd415tBGMyEX9b7rd+EqNM7yntD4DvOrEi2Foue1Iaquq\nZYZTqMo7jqP9TAXQd8AgX3Vr/f+XkkpyoLfr6b9B2pV1MZS8GCJzdE5KBWXc\nBU1e6CSYUJmgJ9PPsoTWLUywfNpP9/Bmw7thE9SwJi1GWkgPD5Ax7SnaZPvX\nOk85mNtAjjTXiIMG0SDEuzDFsaEAgLv4W5bkOBJkLKYpbktUEpHZ+9wPop1p\n2kEgI8BXDceTew/Ta4KbD8KFg0D5IM05qoIp3G+oeK4EUQuuPck1d8DIbnSB\nzjJ4Pl3NsaERpjGsN6jLWEJnKfG/TWstAx4WgxCPBofdzBabdaQYVmK5bCze\npUR12EyMRfZ/5vfdNlJITaaAVbKYgGZFbXqjbqXsvEhp/g/srzkaXLiHtTmi\nYKFTW5jdhukKPwXqqejIBP+ft1vofMI3c8ZnszDkg3Nk7osyoDp0qQonZ08x\nJooj\r\n=gI8d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"3981212d60e4a1beb15a4b515f717bc51fe6ad43","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.6-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.6-alpha.0_1630409429173_0.5558276027262508","host":"s3://npm-registry-packages"}},"2.3.6-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.6-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.6-alpha.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"ba7fea9ce93e5748a8b352bcc2565e8dc99a142a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.6-alpha.1.tgz","fileCount":52,"integrity":"sha512-iSj2dPaWU5bsdV+KkgGBmibPt0x3yxmsF0+bo7Hzbq5qSi5KGqXxdSrvPJSXf76CHpPlypW6ILu0SBWFaQA3FQ==","signatures":[{"sig":"MEUCIGL2WSiYwX3ye4nVN7Wo+TVAyV0j5Yx6HadsAJMk/1zGAiEAwgcNMOaX9pLCd17+TRcKAPoNgETPp4sAKd4cWMITYls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLh0LCRA9TVsSAnZWagAAGI4QAJWKxGZ+iEwKUXNubkyl\nqTtCeOre0TjKKd5jjxk+L1ctvZH9abyIjXVlY/29iKOH87E8nenXUMAk9sic\naERueNsVBu1q34PPy13QkyURAJRKnypsQL0APfb71l0IYAAMcCxMunWmBBa1\nWSMpeHZGpZZvL1bdqYFKfriN7LP7ys0LxLlS94rpx83Mko98UPPkZlFQ4SgH\n3k1iT25DIGDDMqsiLarQUzhQwnum3wYCv0r1fMCNNDMPpmdjyLBPsa2Ig4QY\nAFUvtyv2dTlqEjHIAN0drBUoCiTVjT5a54qnHlK5kpFYYfdFcAuQoMDOYrb/\nwJs2UF0vwl3ZgOdhozBoFDlxATSRctQsByTea7EMHlIJfV6yQSZYCV8JF6BF\nja2owY9yEAhuKdJkdnsdaEJUcPAhBIqP28bwjY7Od8ZUGMfA1YcBUtqjK2PE\nwE7o+iWrCgCFziXFMnEFxJuHOUrG8la06H8l8h5B1K5HjEoCk8eynIwhrozj\n2fOobwe2Q6u1DxtGMhjr11BNqJxMYVf6iBUN+SuIZ5v8FVKdpzYEQ5YqUmwz\n/RdXfHe5s9y6/Ec2BzH535BdoJnThvySrP3atIH7p5luATSkKIzNIU+9Tss/\ngXRC6wv7XSxYr99z3cW1nfBnYIpOe9Pkeqch5PYtaFhmSAk35YOhN1avY4V5\n1W0c\r\n=azk9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"d713249e70f1ff3b6c1c0d214546677b5dbed566","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.6-alpha.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.6-alpha.1_1630412043765_0.18525993915237282","host":"s3://npm-registry-packages"}},"2.3.6-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.6-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.6-alpha.2","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b242b2c4208d1e0131035ff6bfcd17f624146d0f","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.6-alpha.2.tgz","fileCount":52,"integrity":"sha512-Ua+00JigrjA4djFJOL3zGBxh8gnbIyhG+pQqmxd1juTBqIoj1WIIgdq9t1AdppES1Yy6gqSlimLCgllf0ZZd8Q==","signatures":[{"sig":"MEYCIQCCN9jAG/WXJu4ol3bDTpVQ5Etv3hF6mUhH6ntlvKr+lAIhAPreg6L4HD/5NkSiMlZPhspzoJULxIboRsZ/jxPjqrKl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMOGUCRA9TVsSAnZWagAAMPoQAJ/NN9fBax/MmttyvHsi\n3nr3tx2SPc8VHyX8nCQscPFwoj8DBlrcyqmTtQ8dGgYCAX+hre8JYj0jH1+5\nerHaI+yzZ0bU+j+jSE9uEV2pOMnAGDlUCgaJ/1yKw9LAml5YVMW659Y04wnk\nzA+j1IC8011er4lZQ44Pvq+NkBWqaANprJZRJD2zIBWiRJ910YAbLYWHSSHW\npWIy8IHuNJutS9fpC7KVl6lURoqTvGBAl0gzwz1YspbtpTCy8LKXMmHWI91I\nvP/cSVrUh9yKbQQxR1vg1W3b6QJjnYyfxomvsw0C55GoCjT4gCLG64nEdGAN\nNMVmLSm9IdlAvLSleRLI+xnMyNG/J4BnMPH82+hOlTDq2JJtyFVwQLXmv0e+\nUBmAWZg5Z36QuhVaI7t6r5r6HjNOgJhgjb6JM9/qQDwvrPbK/3tZmxvUCLNV\nHLCdhkDZl2GIlzd1NU6JpTN5mpQ1efIOzomST0l5BviyuFiKIYPzlA7K1iIx\noJ3weAA6m37a+CZjABjUD3Na7GbeKwAAPzKp7GPR2jmykfSsz20IWeGU/gIr\nnuLj1a3x8GKUXk+nqkuMzVtc4p3mc537ZQVJ0UhWAjBez3YeH+twWqWdXJDq\nh89Nq8tg2aodYIpud2nsM5btpGm9LxK3MtC5kFsYGwcx4CWWPDKfiuiwAgVA\nmNfO\r\n=ET3x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"6cf1470d0b7aead80659171573c7c1595897ebca","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.6-alpha.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.6-alpha.2_1630593428785_0.4771054585299559","host":"s3://npm-registry-packages"}},"2.3.6":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.6","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"75b8535988539eef6c0972e0fd422e0443b6f58e","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.6.tgz","fileCount":52,"integrity":"sha512-aBiemsqORUw+Uwyr1Uktcz451WuHL69TWxImyjobxyV99QtWz3zB9L8wE9cjnPWs+FjjpGyr45rX9H3b44r60Q==","signatures":[{"sig":"MEYCIQCLBax1CqjDKKJvGQHMHpQyFJukXCNDbUeWlR1ABqL6/wIhAIGiBYkU9RgnjI7MS9xHXfTkjEmIu6r4QiGXkqrOcLSN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMf8ICRA9TVsSAnZWagAAPYoP/iGBA8EeSKPpK17X4dVa\nJaLkRGzznfTumvksnDbs5KvYRGpEv1mgtivgaOJBU4UaBWIDSL00rz7dKY3c\nwjsN/rgkIgoWQDR/oKbLOHsq2XW51WqHuCN12/kEJOAuMQ6lKODeppq1RIua\n0oE9JYtQLQA3lAQt73qUFp1NE4GQXWOn6uYpS9V/LXveaw1EazzUDtzNMIdp\ngHKH3SQmCfyOsX358N29mCNDSkV5Xr9JaD56C+pzUmKHd7PdaFjBSiXzoJj3\nwySYRcBpcILEF01mzs4T8nhIOzeJzyoVHIAWmaZXS+AE/x3tenhkAI+zxLRD\nE0bXX23VtVNfiz/KKhc/UCCy+XJ6F5esj09H15IT0GzthHhrWEZmu6Ki44rU\nvwEHNk/vMqMITX1jsJL4cAIaHKQsEwuOtiIjDCTXGssK90EdJabfrX/21SKu\nwTMcLvUB5hUxTKJV3VxEBobR/MniARR3dW2vpjJVsVSvLGjEcCCA9nEv4bUg\nWafl2CXSwrFAAUh8bcqLPlrWbQBxQiMTyP/6WIh8jBcK7QsIWs1bdd2lVQjT\nU1QUq8rX4lsYc4o30Va3cPMCb1FRWzJBue9BWHgulyisMQ+FASgq7aVQOaB8\n80+sdWBHoPE06lFKrbG1Wcy4+Jb3biosT0oZi6c79NUMAwrMfUa4a2K/Ey07\nT3la\r\n=RE1R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e7d0594d992b86ab2e6fbefbf0dbe287dd8304da","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.6_1630666504559_0.084150116912457","host":"s3://npm-registry-packages"}},"2.3.8":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.8","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.8","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b8ced5580b26d75e729bb2dfe17bed33bb89289a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.8.tgz","fileCount":54,"integrity":"sha512-GP6Jjd5u30r6YaJ0WuJsnxQB8xIqQ3Q+303hsBSHBUc9yCvD5YR+9QuYujUtR8S1GTXhQrStmyw2pxBWTLxcnQ==","signatures":[{"sig":"MEUCIA4HmU4ZIl/FU5r7ENapV2sIvo5CNJno7tt0HyFcETv2AiEAn/airybYeDCdbO6mZaZkeKFUzQyFBUohKSq7r+cif0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQzZ+CRA9TVsSAnZWagAAcTwP/R1fU4+FxG7foakJHcAK\nTyfh93mO1Ppox7te8kJNL2zqmKUBAPNeYtzQW/qhtDYnwLMxv3UYdan03Xr4\ngGkbqNuEss0ye7pHbPbrVHCJtZzVroAG9MzzcdwrXOo3Z8F2b992NNeLpxNb\nlAoQJCIVbtE+dk4yJPPt96pmjFlrYHmwFNx2ejxWrbER9dwEG6sUQEDVBfz9\n2eeIQtHJ1pKOtS79FZ4nX5XThulo32/Pykm7a875j9fYrjZXfFMfezmCwFO9\n70UGo+zT07s48leG41yJDXND4QtTl8XdSOh0yCzs5BEv01RmboGA+ULKKGxA\nEENkDb+UUPemr9cFf9aVTq8ujeD9oQjXkOJU+r0Fx8pSO4UEGkQYoo4RXGXS\nNnzqRHnDMrdyDVw0/ofbfC5gXGoiRanjY0C3+L/PExx3NcKNTak8yqrwdmKU\ne2M9QCd++Zq5xlS5TmEPbVKjnRtf9lf2ykoldyBxdnzCbT2Oi8IGshydT/KM\nrgukmFlbvyvp0Uvx0QucSiNdNQcXkmQYnix615I9gDd65PkhvICtgHA+K6Ep\nrWXno3HAL36HBCrn4gH374Wt1yo4iIZZ6os2RyXWFobAREWhOBS9cDE4mXhj\nPVqADO7aaeRSdIgzY1DoVXAUvpjGiZCtdwYyPmdDq61bWJT7cqulGZlOCpMs\n+eIL\r\n=NBfZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"a17bcc1d7e0fb8da3bc0d860afacc122287c0de6","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.8_1631794814564_0.8849496638939776","host":"s3://npm-registry-packages"}},"2.3.9":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.9","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.9","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9c8d5d84f39bce67764aad5648ddfad5767d94a0","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.9.tgz","fileCount":54,"integrity":"sha512-ysab2TE0Id+REosJIeNhbDou2J+Nrc5bHkfu+w3BROEQLWm1OnusJ8v0T16FaNDPhl0qsR2tBbTEHo9+HSJwWg==","signatures":[{"sig":"MEQCIEpNxGryVgfrcroRmSG9jwxAyyx0nlAExAOCChW/hxIzAiAhGh1+czW1Lph/WH9s08q/g8Y+ElVUUgInJNedxxgmXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106713,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ0tMCRA9TVsSAnZWagAAIzgQAIrlPumGSAUF3TYc3zp7\n2og7Zl5zkBmVXzeFHjE9u8HXbv7xwnwwR//MyHxrjo/CG87t5foE+9PC557M\nZKHmTwQ3uEyspewMGZihha8Tnz6G1Q1r+CMKV1+7dMl38VeYrnI8yAx/L9CU\nosxhxVW0Xw8jrtBJyrMp2woxnqf0IeoPeV5PNnbQKIgc8cd8WDh4J98KAtvO\n9qr1veCUBwJ5nKZmcMSCTiP4UprwkmDj8ZODAXZocF4oXpbqROpJ1Eqx3AGl\nBqnu0ztLTfObVInlI+Os8mnrzcktnOXOsF62KNuCKJKTsZTuBESjqi9hqyb+\nvv1w2WFCdcqZ/hcrRoPZS2DZkBYZufOcVS7/WSQv55ee3pC/AX5JsxobRPgI\nm633QJC1jDbK+gOQKabs47FpX+GFJnfGQ6wWaPnLrK2NjUBUpem5s0/YH9pz\nNQNLJJWUNFPdlt42a4xMWMgkH7REIxnP7EBRLDrP/VgDm8hrWtxclbRnbrGR\nk19/lUYQmDiQD+7fSyY3dG3IzQ104dvTYnlZvJjVfNbV8yoMlSaJeCFktkZm\ntty6Ha3792r+3CVcm0qT9DLWTDvKvLCk++vehT9h+0SOBHAFBIIIoqx4hq3u\njbKZ5OhRW/YVpOJ6a54/bS7+F+w5e0LeGNw2Cio9TA0W/MLGgwhqxY0W8u2w\n6Tkc\r\n=TBNF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"d708f5aa1ca7117818b39390d76015cfa5688e44","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.9_1631800140153_0.797956487088515","host":"s3://npm-registry-packages"}},"2.3.10-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"94d087260eb90138fbc7912245f11408be56ee37","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.0.tgz","fileCount":54,"integrity":"sha512-jxM8amfuy13W6K2bsAenzJLgBhu/f5XSqozp0hsHl70kl9uN4f4+nWiwIWujyg4MPm/3uMt4kxaKFqh0flA+2g==","signatures":[{"sig":"MEUCIQCPGxOo78wgI+ueTPmTRkywfqLyVPMXHmnQR8K+bLgWZgIgAc3prjsKBF9YZGRNY1UlGyQ651UbVfiXQLg67VjGnN4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhRE1/CRA9TVsSAnZWagAAZA0P+wTxJb6Lgs2jbwTL+7BE\nfWPd+SuZkq4/B+wVWiiJSbJWv/kzPmb3QC+yGjK1jVQYfM1lIrx5hfaP5hom\ncxGrN4LAw6nWIyOUdZIBLSUp4LZwLnQ+roeKO2KUeRBYMH27JRQfnPpIdf8F\nKpaecxZET3i1dLmGvkEBtYi8dEDtK3wXAQJOG1LqIJerSL1oDbXwbA6oO4gq\nkafyZRfeqjOE+QU/qd6yPtI4O+AyM4ySJVjg+6K8KjStqm/VOJ84nig7ZLUK\nvKudf4XYMqPAIg9gb7oZFmq+HD7u4P6PKiOsKtSsOtcYDx0scPptg7FYlO94\nmvcVDqYY97c/GvJWfaq9TbA1/z06pYwNrNct1DQe94Mg7SLBheyXP1nQlpEE\nxJ8t8oNdWRYL7XVHI6UiMRocGmYY6PEwCdrmTAytpPMzlZG9I49fNRiVXlwB\n8UrN6ic1JNUr3GWhHRPRtuB9TuaAV6Fi/Up6HLMFGHFM6FZwf4dZThWeTrwY\nsz/msAmXOtXzyH0RCV//KAETWO/NG/gaYcZGoS7ou9rrbjygIEuYkfVjy+Oo\nMei+izbv6dHUghe4tq9HjPcrw90hKCrOVD5Gy+KRiKVxWkCCUt71LjevnBa0\n+oRj2mVG6/e8aiLEDAcoJDbnQJVuS3tDv1ji5TKar4ULw7TcjIWoUKmBZVze\nI5d2\r\n=NZQa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"c33812297dd692f96265d001a69388585594e7b1","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.0_1631866238886_0.9179817870902263","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0873daab1be0573a19d6ad41f3f964fea7b77ab1","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.0.tgz","fileCount":54,"integrity":"sha512-DB4ZkZv/mYh6s51xQ6GfNyL5W0l9fx7LpuFKBpdrZBYm6tkD6zfBeTC0kFqZ6urfkIp74p6C2Sbv7IhpImdSEA==","signatures":[{"sig":"MEQCIExr7Load9NPZR/kWoGG7JIFYypBwJsWqDL532aCAUYjAiAHUnc3VV5SXnGOCOOUakORKJ9Qanhk4/3bDSaijAgAxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106862},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"aebf6979c94e947ded36fa1dc951d39f01ec5779","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.0_1631879691027_0.6997826803182667","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"f81831c3c24f375eb735f337c4ba7499da1bc66f","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.1.tgz","fileCount":54,"integrity":"sha512-5dgBuGT5dD1+NcHa1jMR0RnN4sFPa8x5lFBKf+8JoR68Y1SqOSfOVhREgvWLxfqWk5CWbjxKvKA3eN1ALV6CaQ==","signatures":[{"sig":"MEUCIAw7VHO5vBUpX7b78UJ+jF0/ig1/T5uWi/xR/TvzsrZ8AiEA0aakrUdyCF8ipIxSAzIo+o+GRQt6ofSVohLcrmIaBt0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106862},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"02a8c55420d4f6e87d868e49eb7cdb23dada7e7b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.1_1631881771577_0.1989113592149745","host":"s3://npm-registry-packages"}},"2.3.10-beta.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-beta.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-beta.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4945a18d8a846c272d5d6182009284fd00f525c3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-beta.0.tgz","fileCount":54,"integrity":"sha512-zAvj2r9c9aEL6U4aTWq4nlHytJub+ujJcYnjM4SKLZpEWBbHY6jAhMrrt5T9Hc6b5rx6fhboyaCP6YtfvQFs9w==","signatures":[{"sig":"MEYCIQCt8gqw+K8BSuteZCPxfmJ2Wew04vJihvNNNIUNZjhSIAIhANeHTGVUL7Q8ZusteuVKtUQt0cvLM1boXVdO51LvhQIL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106729},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"3880d6feda8e4111a5fc7728d700a99dfc244ab3","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.10-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-beta.0_1632301849356_0.6465149101966605","host":"s3://npm-registry-packages"}},"2.3.10-beta.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-beta.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-beta.1","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"53d6bae24cdfdbda22482ccefd61db1eb1f278f8","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-beta.1.tgz","fileCount":54,"integrity":"sha512-jldKVevA0KTfdHEDhXbZteADs6or8GPHGBkLLndmbYWHwz4CxQ3uiK7kBWYuErbXnooSXM17i4EfOI9eJ2337A==","signatures":[{"sig":"MEQCIFnfJbIZeTViO655R/kEE32WpuA3X7xjiJzSljtFz/E/AiAs24AzrQA5OW4+LBX7ghKScIVERhJrAsRG+4B+lnt43Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106729},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"5e6f1d1d27d474eda39296c43fd07117b1fb1fad","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.10-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-beta.1_1632303941015_0.5814791831065211","host":"s3://npm-registry-packages"}},"2.3.10":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c37de1738af93a8ee097e1061a3b4f0cccf7438d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10.tgz","fileCount":54,"integrity":"sha512-bzvkXFat33JX0cevoYNOYIU//kXIWCDhQ7cz12BUpEPnjsjzmvO+D9hvuJ+kx/uJYncp2dh+lq/MWk4n2pHfNA==","signatures":[{"sig":"MEUCIA1SHsx7KAreIymHcASROZ3mObKHUBxiyg40E4dlA8bzAiEAi3JVymKk4ojdem34HFTsZjsitFv77So6uOSyXwVHM14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106715},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"45932425af2bbb3fb3111495dd83eb5fb82b7486","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.10"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10_1632305878726_0.5686786568955937","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.3.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.3.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.3.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2ac0cfcc4a58019b1e44312ff6e4e33e3e06257a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.3.0.tgz","fileCount":54,"integrity":"sha512-kUaZsXYwxynmzeUfGAbxH/sZpbX41pujJGttjnkCcXRRdBCX/DxLcyuSGBf883UMVfIzmWjHOa0fc69vbESP/g==","signatures":[{"sig":"MEYCIQDv6pjms2hlEp5aQupe5auqA+jhnt891pIxa2zqz82dlgIhAI+akN92LHM/SVeT7llNH1Q8LvKJwdgQGWK/GCSZCoOr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106868},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"de3800876b5def6b13768f7dfd82c3cac3f7394c","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.3.0_1633075365285_0.33772625911320064","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.4.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.4.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.4.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"32bfa80214b280769c1017f890bf1ccc34da32d5","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.4.0.tgz","fileCount":54,"integrity":"sha512-USN8usy1SaUcRJaBjcL+TJJo+SsJ09o5h4qRAHZUMvcivy60WSF64ymEHYdQJcDQoEx7J5Z4ApVrET44Zvjqpg==","signatures":[{"sig":"MEQCIAaQvliIPxPy/nuTDypQZPhVwr0adi3vHCozRxGe4XqYAiBaNp3wBF817MbdJU15Z0LRyPZPOKQYAl1QApV8NA8uNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106868},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"504389214c6e71a57598b24ef472d68dbaa51e67","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.4.0_1633076949226_0.8083338042447794","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.5.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.5.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.5.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e1656c08d984e627e29644b54b21d829d8bd8c39","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.5.0.tgz","fileCount":54,"integrity":"sha512-BNjxhWIBC04e83VJvXQE0MS7vRRS7PPvnlZB9xivrCPaI+WnfWiVRmwIa69MOs9/NrtdPXe2xoOQSa+cNyIunA==","signatures":[{"sig":"MEUCIQDs7sjg2gX3uGyFsYCKJWVk0WCnchAY1edSBQ5Wl/QsiQIgUOUFDlF5Af2Z1k/NH9EIV6VKgVV43iVxq0JZiqqFSCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106868},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"cd59533d06a234373e0711a5e938d0277f8eec48","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.5.0_1633077518259_0.4932445981058675","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.6.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.6.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.6.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d8b14af5ccfa5a9924a1450f67ede4de861ca5b3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.6.0.tgz","fileCount":54,"integrity":"sha512-I9FihNDRRuxy15ti67Rv5NtvlBcFhuwzfSzfDEQJp5Jzn/2trCRSlOgD8vQorTeLICDXiukg+dCW1G8BS2JmTA==","signatures":[{"sig":"MEYCIQCWDeYcLG62MST1ThJ9kyQFIR5lg4A0TBzcjWOqYv08NwIhAIr7qKYZgBjn7P3wr7ig2vnThTmobu55Tg4seKNEjBKy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107053},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"c05aa3ee488d3766b5e4702da645f49723f12642","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.6.0_1633332814320_0.8295541714282753","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.7.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.7.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.7.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0a8c1a5094ac8e9e07c542b81ba950427349c3ad","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.7.0.tgz","fileCount":54,"integrity":"sha512-Z8xjrH2iVMz2Am4SLiKUuCEhQPLs8+pQzvpAuPhfXnLfZon32q4bPp5mj20d5CDWZyDQYGF4jjz+cI+X1+BQAA==","signatures":[{"sig":"MEYCIQDvtS/F+1pwCuzvf0bwoDNZj2RAsAuD7kcYtMRxfKRb4wIhANzn/0KLxVDIO6VztSbb3BvM85GrVtsy5Viv4W/MUkgY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106993},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"7424e50c29ba7517c10fe4d32c101be259a1d0f4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.7.0_1633333902867_0.7283128206640688","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.8.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.8.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.8.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2c679900fddf1a3afacb9ed976db6732b42a800c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.8.0.tgz","fileCount":54,"integrity":"sha512-Cuotk4TBj465f5jegjFemmhX7bLGO0gTSyYNVRvJdNgB5xfUxL5S/4XTrRG614LORBnP5v0YY182vthmdv+PBA==","signatures":[{"sig":"MEUCIQDNiOSGvFmG9ejtQDbhOUKpqRTcfKSK93taU6OFsY2YSAIgR1nCruq7ozBCk3ZWxDSArPLTYETAy6S5r3w108pwK2g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107589},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"db663823a2d5c10113335b3ced4053570225a2f7","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.8.0_1633336848786_0.2579179900160713","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.9.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.9.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.9.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0016827659c9be67b0f9856886acf68c5ee7593c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.9.0.tgz","fileCount":54,"integrity":"sha512-aLNW5iuH6lp5/bSyLyBL3it8dJN1joqYX+dZuXmVBTS75c8oYWHjgN7otFHzaczQ97QHGYS16LnQ0zOZnHFqAg==","signatures":[{"sig":"MEQCIH2Y8xttDDuVZiJx6qMMdRds6DHQezFTcGufr3Rqr+xyAiAt2qonTZTZK3YvCk2ZoYkROKupOVWh3cw2H2QXqpxjRw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107653},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"c1244bac16f449a76987b338b2468e49f75a37b4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.9.0_1633337719278_0.8617320153860504","host":"s3://npm-registry-packages"}},"2.3.10-alpha.1.10.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.10-alpha.1.10.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.10-alpha.1.10.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e37f6204cb606f32e91fbf2d0aaffc3d6a18a7b4","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.10-alpha.1.10.0.tgz","fileCount":54,"integrity":"sha512-LRzF2C7WVs+QGoFUtIM7StWIKhlpPWW7+kLjQxHSt2X8zMULfumRRPFy4JbnBOSeEFcmMLKae6vNAqUXmXB/MQ==","signatures":[{"sig":"MEYCIQDj0VfxFl1jeGb1U8f4pER+vJoscsW1K/XO/pPo8W0OOQIhAI6ggjlSsPj7KxzhflOcyYkQalWYN5buSNKPlCYwzRYa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107541},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"2b1335fcff8a73480d5312a6dcc810f8005048f1","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.10-alpha.1.10.0_1633338515108_0.4975738743120368","host":"s3://npm-registry-packages"}},"2.3.11-alpha.1.11.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.11-alpha.1.11.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.11-alpha.1.11.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6317b96499cc8407bce8690e22bc61bd6ab518e0","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.11-alpha.1.11.0.tgz","fileCount":54,"integrity":"sha512-GMGFbL4U719Yd6qWfRW6OsuDIp6eqe4O+q9l1VsNqGU/SmpwD/Eusw+uq6Lqm0ieT30vGi0z4KzHdoHk6UMGqg==","signatures":[{"sig":"MEQCIEgT9Yw4K+ULeXl9kga7peHMqn/MIs9JOaInzcP9DDwzAiAxMbiBGTxAcgWfoH4216iaIrZVEbehtzXf/92NF6JJJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107625},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"eabebeef6a9ddebf830ffd1ac8fad94a8a3b32cb","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.11-alpha.1.11.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.11-alpha.1.11.0_1633348860705_0.06485372702277781","host":"s3://npm-registry-packages"}},"2.3.11-alpha.1.12.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.11-alpha.1.12.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.11-alpha.1.12.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"1d256777e0994efeeabcc8fdeaee9404a9e832d6","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.11-alpha.1.12.0.tgz","fileCount":54,"integrity":"sha512-aJBgNS71HKwXJhqJeiuBimFouExysBQht1DH4ccXorHlQ7TndUYak9vNgXLv270mQEKU0vhD26wDyUG2ViMVsw==","signatures":[{"sig":"MEYCIQDybcW3de9QRFFCP8tira+gWHmq53xrxeXoQ/Da3UWopAIhAKVIUILqSYMXln1+6hzpL/sPBMp5/Xdb14S8iJdNzPEy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107720},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"65aa61cd6aef650357b104cfa13b46eb42579eca","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.11-alpha.1.11.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.11-alpha.1.12.0_1633425388831_0.15682977742372883","host":"s3://npm-registry-packages"}},"2.3.11-alpha.1.13.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.11-alpha.1.13.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.11-alpha.1.13.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"31265275ceb070536c910d00647a675a7a55ce39","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.11-alpha.1.13.0.tgz","fileCount":54,"integrity":"sha512-bN0Cze8ZsrXmAD2siLM3emy2suDtJ7sEp/A0ZXYpy0Yh7jWQggbBDtDXYebVxKO8GmjMryQVhrBVOtpOVDrGTw==","signatures":[{"sig":"MEUCIHAwFHFAQfb5rkKyAwTCL3dTqk3zXNb3ickOpsrpEWU9AiEA/p8970fn/UDHHCK4UN0DxzP0RwNbixQn3+KFBxod5Dw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108173},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"03ba511b388c94b2698b24138cffc3c64802c8c8","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.11-alpha.1.11.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.11-alpha.1.13.0_1633427262848_0.8248667458452434","host":"s3://npm-registry-packages"}},"2.3.11":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.11","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.11","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"0173d2f7113e4c6ccdd142313bcd7861d35ea77b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.11.tgz","fileCount":54,"integrity":"sha512-yswVRbLWpy6IWUZaP1sOw2q4GZ4BT8Us4tAdbAp9HaMGbDkq2o/fhES9/T6kGW/qWjbJvVj1wwnxmDQuqWVovA==","signatures":[{"sig":"MEUCIEQXfhlv7NfS8AyIcVorqDpFF3KW9Vk9ZV76i87BnUa5AiEAv/9x54PZw/ogJX7MLFKsTZGU0KW81ATxw0xt3j33bbE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108147},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e3f116337e7ada85f7ec81f8b763ffced248aaa8","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.10"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.11_1633444802599_0.31208088042748816","host":"s3://npm-registry-packages"}},"2.3.12-alpha.1.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.12-alpha.1.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.12-alpha.1.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"549ef8c17b1f9027a2e17033bc1ff5adeaeace67","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.12-alpha.1.0.tgz","fileCount":54,"integrity":"sha512-SQZQAVxd6VyBH35CSN5AXvDdcKJltB3xU7ClUkqhIPEHv/VGP6DSHn2k//Fo7EoGZRAP8Cp6ZgkZ4cGdruWjtw==","signatures":[{"sig":"MEUCIQDcklNSBxaTwD1pUMbC6jzK9nBkX35HtPzag4YYIzElYgIgKyYfF2X/AngDClNQA2DpC/KblaleSEAu9M4q53gIj9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107967},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"b77c2059be4996f48211bcc40221c7c981d5c6f2","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.12-alpha.1.0_1633519348530_0.325509756393193","host":"s3://npm-registry-packages"}},"2.3.12":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.12","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.12","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c047c9a03e78283a9da3d4e10960ca41e6e2afa3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.12.tgz","fileCount":54,"integrity":"sha512-SfCMz+MDzhflH7/aCFAry6caoFu8Y6/MmQ5O8N2v6nPy9nqobOKz68uGXwOeSUTXCJeMV7640LPVihBxscuowQ==","signatures":[{"sig":"MEUCIFpP4nkwoHlQgYYAFFD4FLM101wwf5RMYaMwz+EGdkT5AiEAohdbCzCqpmnluDIf1m6FaZ6Lk+9EmAeRLy0oQIQ3mF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107957},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"700c732282fdee8630000615d56ae59aac42304c","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.10"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.12_1633521535537_0.9172029543125035","host":"s3://npm-registry-packages"}},"2.3.13":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.13","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.13","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"86d2bc92df5de0e620b6051b2a4154e5e5d4fb98","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.13.tgz","fileCount":54,"integrity":"sha512-Uu2c4i6orpZEEBFmZ2PqFzisJZmc6cd18V8H2SGlkWyt/vHd0JB4CnTFOaqt4NPfr5g/iLyxr/aeYQqDyw9IPw==","signatures":[{"sig":"MEQCIFFZeD6JrRqksdb9G293XU63lB2LTlKzjoql6SRL1q6qAiAHWDWQjBeo0P4cR1x/PH3MDSkxdUJXI4LpoxkQAJgxGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107957},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"69f7a2a66fb26e9f7f85bb50d5d36e40d82b78d4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.13"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.13_1634637891871_0.06092780228837791","host":"s3://npm-registry-packages"}},"2.3.14-2.3.15-beta.1.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.14-2.3.15-beta.1.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.14-2.3.15-beta.1.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c901e1e7c6138f966014b180c24259e30a94034f","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.14-2.3.15-beta.1.0.tgz","fileCount":54,"integrity":"sha512-6cw0MALdo6bV98x14XDYgTOkZBU9deKlbsAt1PXTLzvyLlTD7YRYo3zWlY460IDbwp/c8zN1wDrDrg6ITiBtbA==","signatures":[{"sig":"MEUCIQDqCOMWem4aXJNBvbSe+hT+VyONTVzlDvAYEABlzEggswIgeQ5N9peDhGkxpXoXYkWKUogjrucSDqarMMUi+lr6j5A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107989},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"019496b45f07d82ef50dfd8d569626c77a24c22e","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.14-2.3.15-beta.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.14-2.3.15-beta.1.0_1636123063198_0.16328424021023635","host":"s3://npm-registry-packages"}},"2.3.14-2.3.16-beta.2.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.14-2.3.16-beta.2.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.14-2.3.16-beta.2.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9e9e375c5e4b28093fa2c4f2f636a9e014b09abf","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.14-2.3.16-beta.2.0.tgz","fileCount":54,"integrity":"sha512-F9gm1nSqz7TJRK9hJ8feLpDToH7giAzB59pLE49wEfE0ZVZQlTftuOBkxmz/L3dOM9LWhbHd2tf4Q7Tahy4+iw==","signatures":[{"sig":"MEQCIEFZnGp52U2ODYfvuixK12uagUAuVxvCfOAxyL9Iv9uNAiATOBQN8P+Qt1ap8hYuOrFNIOm4CJEySPFeInzcy2FF4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107989},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"fb9caf814198553c450128568c61b580cce95101","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.14-2.3.16-beta.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.14-2.3.16-beta.2.0_1636128688723_0.7932822611450583","host":"s3://npm-registry-packages"}},"2.3.14-2.3.17-beta.3.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.14-2.3.17-beta.3.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.14-2.3.17-beta.3.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"1e3c1fa105a8d2b929296cdd9245b1a9c4fb8583","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.14-2.3.17-beta.3.0.tgz","fileCount":54,"integrity":"sha512-GX5jsfnw1UL3nUdirT9EDGQwQQFjJwxVUNwWewCoNC+uAq/O2SqNZSlgM7syfJugQgEQOgdFXS4oFZ40J30Etg==","signatures":[{"sig":"MEUCICH8BrosYjUVs2EESanZcMbQi5fSHS0tRJ9OSUwy+r3hAiEAux3lQ47uRUcuGl+LXa1X3HoUlRY+nqRZVFRjeGXL2So=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107989},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"3db1cee7aa7d79f6b81934472b292be1fd277baf","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.14-2.3.17-beta.3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.14-2.3.17-beta.3.0_1636130706094_0.05301710831330175","host":"s3://npm-registry-packages"}},"2.3.14-2.3.18-beta.4.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.14-2.3.18-beta.4.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.14-2.3.18-beta.4.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"94d7c5113cec3fbcbae213cc2951a4d676465bc8","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.14-2.3.18-beta.4.0.tgz","fileCount":54,"integrity":"sha512-sDammXqcQCVs/JYp+MaL7ImI7/EMp5qdwt3RB7bEa/gHGLpXhiIUsdlD5eTEEqdm0q+5PaB/RieYryOTsbeRfQ==","signatures":[{"sig":"MEQCIHdv+/aejWPi4IQleDvjI7UMChr5rCgBvjqwoQfhG5cNAiBmSVxOzgpYkoY0ZJts2fOS1Djx6DqCNJyBTIOCpunwUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107989},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"ba7b6d21cdedfc801829a78d45ee7e2d5fac2517","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.14-2.3.18-beta.4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.14-2.3.18-beta.4.0_1636131686259_0.45310782296546304","host":"s3://npm-registry-packages"}},"2.3.15":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.15","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.15","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"97ec67b2787b06ad200c421154b7b16d477b4c20","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.15.tgz","fileCount":54,"integrity":"sha512-ITdeQcZxm2+Oz4qKGajdF8hV4Pw8A6K3Nm/SZzpyy+KRy/ry3+xl34zi8Sp4bEaAa5TVFcCQO3d4I814oukIMg==","signatures":[{"sig":"MEYCIQDk4oUHDEmtUmmJFHjprIr7oMMHzmNLZsbvQTvwRGH7+wIhAK1soK/FmVyK5yU1r99N9piEv5pGFfw1zHrm5064flSw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107957},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"39db255e501093279b9b9263dce00f2703b3e762","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.8.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.8.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.15"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.15_1636132645139_0.7689439461916072","host":"s3://npm-registry-packages"}},"2.3.17":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.17","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.17","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"20cedf4924c3a7622d4173f23ac99d4c9e657158","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.17.tgz","fileCount":54,"integrity":"sha512-wr4tBplOqsuDztyfi6kX9bqd+K0ZhiRvwc1sefMzSL6gOv/MbTKmA2df7S//Uc5046dwcCepQgmtmmahZEMMOg==","signatures":[{"sig":"MEUCIGfgHFGBtWd7FRzJxY79KuWBwKnzzbuHYFduxYQlNLEBAiEA7b7G2MYOOS6sEE3uEbMTt1NOOYz4oLFem9yqIVzF1UQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":107939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqhZFCRA9TVsSAnZWagAACfMP/ihd761qysrKZbgl0ECO\nQcwhROUcfp5ZjPOAD8AbYsp0P1b5kQ230hlv7vdTu2rH7rOXKj3qxGP7bRFX\nbp3h4n34sWRVWZTO6YUSk3LnN0l42DuUvmvbU4UosmyTVoDtdsBpOBIyo0vn\n2wW474xUDRykk8CR5KV+XdI2lq9sS4byONAsCyv0hcJYIhEfkDa1wGfOYRBc\n3SfhjrzhXHlcRtOW0HPBbpnpbR+eRJ3TevyOXQslO/YKMZbRrOPN27JIaacV\n+yUO7BzH4V/W7hPcfuh2NMs+AVBdYZiDkW4jlv83Sj3rGaxWgOCGlOTwDzKS\nQUSadLIIXzUIK56UPSwOEay9WC1/Eb5L9YajnAhnT5ofi3/cj6oghHQRf9EV\n56qCvvH7PEQK5mmMEgDE3h6VKdW3m7uSnN4yEoqw3AWzmQMdYw3iXjLqOuDP\nYcMfq4vEMhdLqJVRfz3q/y9AdBMDwKXk11UEm7cr/VyU7VVVEYvEHjg1XYp/\nfN+Xrv4WiAX9KJbLBlj9zAmwIogqhdpYTqnlqJaXHalF6Tvr2tvPAWdc5m0j\nEIEc83dZQaVbIbyozWA+QwEISKt27N+iG0Wo/XpedD8e31fvAavF5OgA0jQC\nvTQPyduHETnc5Vv6Zlyg5e9TVL8bT9wRbB75Yn6NLf508Ldj6iI+11kkDnEp\nj/RL\r\n=JYuq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"3ce92e40d807329f36721193d001565253b3bda0","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v15.14.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"15.14.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.15"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.17_1638536773348_0.9503814508844666","host":"s3://npm-registry-packages"}},"2.3.18-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.18-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.18-alpha.0","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4efb61520d9dce9e7e8e6d28dc8b5416166df1ae","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.18-alpha.0.tgz","fileCount":54,"integrity":"sha512-gadEwxSmURkUe2aMUkRPINcI+gmfUWLHgxgvset5Iz8GXYcNaBsOpg5NfVW14l22nvEVnH05blcfIekkvBOAOg==","signatures":[{"sig":"MEYCIQCrZv+TlGAgj3vbK56lvBmnahWg7ztOEb8boalkilytHAIhAP/hJgtLyYz+xsDAvKhsWB32NbmUw749XaisUHMxdTLx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8CSzCRA9TVsSAnZWagAAuKsQAJurzLBTRZKxX5or3HQ4\nHv1idzIgjE9X/hXvqhIUwQ+xk49bQdM7wSnTMYfF0c9s42JSdp/R1AuVgwoq\n0Y2qfw2uafPbSAQYusJCNeYl9BxRtN/42drZvyNCWsbaC8lWzu6aUfj/4Jvq\nN0/KPD7QevRjJwVp5UveEc/twflscv8i2BvxiR5YccWAd2G9m3hYnse/ibCs\nZW+OomMOLcJ7/6CeKeGMlzSk0PDSTeqW+JN7MBfwtCMxRbf6dbl505Tg+HoX\nlRZy/BvPhMCJ4tmQufhY0tPglJZPMyfl8wFvUt1E5pmyKtfLIIaWhSOmzotM\nYM5Wgi6L4oCCnlKr9U/qpIfrHIyNvwK3fvliFtp1rB9eevkWwpC7YMBNSqXu\nqlT4VAPOnmDpgk653f/AtE0Wkg9W1ZWqDizhCKR4e2pRJMaEwo9K1uEi9M7Z\nbhJL8sH+z29bhOMy0fgAilbaOuCC5rbJRkDyPNtFs5/oVp8NObYKT85xRAib\nqBwrQOw2iCl232qzWlAM9tWF7Ug6vTV99MDSz6hmi/ZNe0/nVP+xxgaPMtRq\nq4OKXTypTq/KTpbeMWjWjE+2WHx/R10LbYxF47tGsY/Sa68ZJy2bskXRZhnr\n8KooMEzI4nMd0kfUtK/Hnf+/QnN2O51lpz6hYQAvXrblXAeFWQPKKLirlobZ\n65y6\r\n=71MR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"b578e7414308eb0e610024c2508395fac035e96d","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.18-alpha.0_1643127987690_0.22455679084143432","host":"s3://npm-registry-packages"}},"2.3.18":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.18","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.18","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"822723a3982f2226d43ee5898cfcd7f14cd8c15e","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.18.tgz","fileCount":54,"integrity":"sha512-ZkINfZP0sgK1hEsZ0T30gVOMQPslz3Sq4sZhAdd9oolDwkEbG7kA82HLbSzOoD2MVrEUnYpo534kAzEdM+iP0w==","signatures":[{"sig":"MEQCICAxDwuvyqw390NQwGKET5gY+/s+97lk5tmeXW9OwwuIAiA1x5kwGQ0+mOkiMzjaGFW1U4eT2tlISLye80foQ7zFJQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108713,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8qtNCRA9TVsSAnZWagAAEtUP/1bxsnfcJA1crawejghn\n9u9u7ImK22tEWymcLlrzjDJ+J5tVvWetq3Cier3A3XrGrmyOFzL9DA0vYq+c\nH9/GDi0bWOJDrJsr+K7LXTvO6bi6noBwv+w66t27fGc3iym0p1b9AUwZRLUU\nGxfg/s+7fWgX0wH82CHO8duEhNXSWgzdCBsUWsHW/QMDIaTE7nWymHewgA3M\nOG7FD9gOGS1qK6JNfZPygV7dTmUct0zgSoTbnPih1CAm35WDoyoZdp6F/Mj8\niDtReCsA+SjhxQ9wpUPeWYtpt7F89Of2BAR9Cbk1tPN1a9pOI12oXcWertgB\ntSEh7ePh4T+NlrhW+jmhvIndLfgMU2Fscmf94WN1rLG9fROvxpUnlFeKzgpc\nKI40q//5j6ZB8u0gtvE1e9s+SJTvmg8ly8PpDqKEuglsnEXkG2VgTnHIUTbI\n/6vmwsJezpv+jK08VE+VNz5n3VEulH0KNm1F/sUXRomvIKoQSwrzfsqD6Ln+\nkvbrBSATfRcSLgohQM2aNdP33DqhVWGoW/6mWn6KDm90jurQnbKajeINB5W0\nI4wh17l8e82iR0yLcGhHTVMizIceINvbv1x5QcpOfk8+He1pOJ2CU/75mU7F\nARjTdyuxBzgEhhgKC24o0KGj5onxPK9wfPz3qDwY4gfWCY2FyZH/ZKyGhVu8\n8MSE\r\n=zd5Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"921d850add56891852fe83e6ecc6ae027b8ec888","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.15"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.18_1643293517598_0.876923815929799","host":"s3://npm-registry-packages"}},"2.3.19":{"name":"@aller/cyclops-frontend-vanilla","version":"2.3.19","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.3.19","maintainers":[{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"26eff05e44bb90a1dea4576693a585787a694197","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.3.19.tgz","fileCount":54,"integrity":"sha512-djf1PdQ8g60p+QP0UBLimDW/zXH3bI4aILO9Dixs6kvVAIJHeL60uO+2sIlZ9CTefk92K/8qlYkRqOzP0BPT/Q==","signatures":[{"sig":"MEUCIQD9+cay/wk6ER9mwpCpkTMG1LZeU3g+MDx5jr/ZHlSXwwIgZ7oFSXczA9bgj43gDqo8pocYxZIK8UPUfSr+Y2eMw/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108713,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD7HtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrX3hAAgMMPMCDmfTMvO/PntoxfRPYZf52U5VatzyzeoRnTRW3S/SYA\r\nO3nLsr29sU/yrEysQjXEHYkKBSEWXAoxukp3FkRhDHqXMoe4ND+CYRDlnNNI\r\nxBv95lEqwK9ZG1P/SBpWzSgSJ523dbTJPGoOH9IK3Ab526ISq2lFM3ruL/C+\r\nWxWj2qZhohnd6HTRM/MQwMxX3RanyC+IJg0PTVj55HSNxIzObhjwMJSRjSmK\r\ns5JXwGyhMmBanpfzcJXfH+k/LLbUAb9DNWJ87kf2Y1Ldm0pmFlXd3nPam2sn\r\nHyFxVXeCAaBYbWD9/4qVgEWbwpr19SwGe0+DR6oAFv8l3DGgddeHe/JwwKs5\r\nYBrC8rq1SQWW1l/Iq7sVSv9XrvshwwyNmz2cco5mu9/R7yTbFk7vnr6dxmes\r\nf4REmbuOi5tMcVDgwVpqSTyEL5HaG3GGEAgo5/dOQxxJQ9z3DVA48ncH2Zio\r\n+Zgj3O1PLE1NBCispRqE1sRA8iXenSSCnD9eXS53GdtfjDzXdn9GmB/Hx+7A\r\nXtf21Bm7z0H4loLzu5WxDUcgaUmnSC7z+6zlhqrCKOGAzirOCNCO+SPjL2xh\r\nnxEvbradR3k0bQO9H5IAq1u9LNAcPKgRTJtZk+NrVh1wsMo9BY3b2H7S6WiQ\r\nJsoHP3q7FwZCh+Ck+V5I2Oqdz59xWpwLJdw=\r\n=cgnR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"d68ad2fd48ed9650c15b8dbd450ca183278e1060","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.3.19"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.3.19_1645195757737_0.999081000945454","host":"s3://npm-registry-packages"}},"2.4.1-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.4.1-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.4.1-alpha.0","maintainers":[{"name":"n00t","email":"jardar@protonmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"eae74dcc6d97d201dedc1f67b85e5022bcb50d4a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.4.1-alpha.0.tgz","fileCount":54,"integrity":"sha512-2cNTs0UtthHRQTGcYWySzq42oE8sIEXb6GH5D1y6Fkk7+Gkfv6D2q6tR4i9VqhU5tY4NYc1HL3hGhF00YRzhfA==","signatures":[{"sig":"MEYCIQD1XyyIUDY0Uiqu3i16kRTvDyVpQaig46pZV7AG1WL/6gIhAKKV0XOstFGV+l3zgbD6+qF/hJZ6ncL8TDeiZPpTTszX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIfdoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY/w//ZRTTAOXXi+IoIRgpAq78RKzFzTvHnAZL1qw2rLffUu1t60vt\r\nTpjzFJyp0cwqXnhpQyQ+6HKoHanHAhPMrccn7dL5M4edJUDK8oTxS6H/slYh\r\n3PdFxc+Lx02thZpnYi95xL7VzyOoNA5dk7zvPngnFXhLyv5bGrYiq5cXfZBM\r\nH+1pWUi/F5vdYdJT4FauuPCC6s6VdwYuWvzIIrCHjxhgS2r6Wj6QoGuEK2Nj\r\n8Xi4NXVUG83syQLXapjHZOTfi/Lkif0Bk7teHuEhKNf47+R9fAMB5+j6i/2M\r\nkiw+YiRcxZ8DPOZqp9NXac4i2j6Rq5esNn0CFkYqph6Ui2QeihcO457KMwG9\r\nWs+2Y/4N2Fh1Uq8ULyKSNjWZ2r5Urw+QUw5PHinK3asgEsjAP4c8zIzhiBFw\r\ncn/HfIkQDV4T6J9zRrtqnPWaGKeByjzL1khgxwnZPewJGMy3iceNWA4qt0bX\r\nZZ1Rt6TWyxmwagSp/t6mFLZKkww+il91fA2sb4Xwl/ZDBTgaZAy1Yb5fYZBA\r\ndf0zK3cQXEx0CJpkE7R6MFq9ovoz59pqL95EV9Po6bAiU2+b0EF+mPdg6r5y\r\nE5SsNL/79x4ohS4nIYzE2z2kQhGufPopR7eUWfKE4MYQm6DgpcTN2Ny7nuok\r\nlWWy0s3wx4ypJDAMUT/ZnF4HRAa7bvlIXvQ=\r\n=vN5j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"5a124690af850c00ef0a79b961cc506cdcf98cb1","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.1-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.4.1-alpha.0_1646393192235_0.9928874992374066","host":"s3://npm-registry-packages"}},"2.4.1-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.4.1-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.4.1-alpha.1","maintainers":[{"name":"n00t","email":"jardar@protonmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"3ac06730abd6bd13891bbefc24a85b231e69f9d9","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.4.1-alpha.1.tgz","fileCount":54,"integrity":"sha512-z3U5EPXRdFSWMQG+3ZdbOWm8BngJyiE79gCwGJu8fzsGWyAdY5EF/EwcIFlaEtjOuqU7O+TXY2/H7BEG10dy0Q==","signatures":[{"sig":"MEQCIDF8lBKeHMk4v4uQ8tXJlCn3O4V+OMLslpyHpB4dkvDCAiBOK51n4uudticw38BR754IgMg7Cgbu1BcxR/AmrBK9LA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIgptACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYFw/+PL8iWv1VG9mUE+yF6QSXyBA5sO8gVqTmvx9mzNYq3T9roeI0\r\nGBvSgjqOE8u06B9F18qhDCnV58wCXVK4LriPrxQhVcdoqyp2g3RVgeDHR6xa\r\naz8QmRcZtWu1jVYW+nH3XHbXeKevVliv2VG27IvhOGBpbLdVgR8GVU5deiQU\r\nL+6N51pdhwx51fyC8o6WdCN/xIThqGvSs3fcMuCPBHVoWidMzI+rpF1barx9\r\nM3L1ClIqiidId+Gei/A/iTAmX0yWceF/t9kxFAwTwoPUzq2gMvOudV8E+rpJ\r\nkszm8ql2KyQPWq8wvwpq/O7XacE/+68Yg9ltBJZqTmLYoLLCp4obmSaCwelP\r\nPutMPat/8yfH6yBdVPjtLeg+ik2R4iSkXDguJt9O1JIYroBqN+4+BWnytXX+\r\n7HQF4EwhxmOswq6lmcTB/xZjg+5sBbGOtYLvzYjPZv/leXa2ieoSsDsDNLjy\r\naPsrBauyF7r86AB0TIaTLTbOwa3dX/c/1gPdCTnhtPYpgij4yMcNa7zIW+Nm\r\nAHVnP4/NjA+f+Kp6O+d57pXvUsu+Tcamf4sjazEqc8z6BbQuUOc1ettD/yqU\r\nFs9FdKl82SXyw2GJ2QK6teR/Ij7aLT4+o6NwABdbNAIUTyYuYg+xQM2Usrf2\r\nHm6NVQ9vrUunj/tN0XjyqVwXc2wAhaEKTUs=\r\n=0kN9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"ef430099d27b916ddbeb25bf2c7850f4b558cf62","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.1-alpha.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.4.1-alpha.1_1646398061234_0.07346762359341064","host":"s3://npm-registry-packages"}},"2.4.1-alpha.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.4.1-alpha.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.4.1-alpha.3","maintainers":[{"name":"n00t","email":"jardar@protonmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"01b798df58cd4b29881ae3d12758a06d23ec87b2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.4.1-alpha.3.tgz","fileCount":54,"integrity":"sha512-9W/5qCDSTsgc+GxAF9Xpmc+wpksIHzsUdJZucgXHHTCOJ4XYdX8dPze0RQYRDUyF7mJY/7zA68Ii11x1AuVKdg==","signatures":[{"sig":"MEYCIQCqlMvIfPTJaHPURWdCLTTNB9TaiSOox8Yc0Nza2cLWpQIhAPNNgRFVfzXVF2BAVnid6EuUAYrFfgzSEIK3z/k9s91v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIhZaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgEw//QJkyurGLJTZFJyp9FSVqGoB5bk37cZNaa2Uam8y1kb1HSZP7\r\n9lYF3D/maMsw5q8o/rw3GWuHpuA4h8P1eubo02CRGC+j0PgDvauXoGr+QQWH\r\nm3AvV0BLdXgaNpA7kXQ/Bu4nTMMYcX/SeNuGPE/lvVRoIDJU1lOztao94Fbr\r\nAIXRpr3dLf936frUIJQJOhAhSaeTLON74+oB3eH1LAulv9cLLDsU3lwF3faf\r\nKxiPlEw3FhQ/iQPIZe0HaIcpWfYw69lpQI0iZT595GPeqqk2w6C5siTP1Wl+\r\nH3sXxlwQis5yaRgl/+4jaX3OS8AJduA5RCdK/OVd7DcDydaUylua6uiGSGaA\r\nLJ36Pu9dFmSEZGrBURckEn8mXJ6vlrjZgcmaJRFVDT13RoI/VC4Qtf+piby1\r\nk2TGh9i5IKz8t9w1GtsAYo6LAJ62P1Rv/TtNnzzMDVVXiBwBGwNQ6B2bOt4N\r\nzeJc136UsZO2Rw6CsQ4b9LScnpZzwMopZ8WMmOdjkX87/4XygLqy+2TCeUPj\r\nDZ/MeJiP7TjlVEptIWS4FVvpwL8ACFkzeLhICz519pZ5UgwnI74pOogLCH/Y\r\n1MkNOPq/IBgxuVPZpuEdSbZBupkC5Ik7m4GheZE+shIB3yQQdDGDsr7U3o0s\r\noYNDUzj7uYWlRX/rNDVisRegb2TpPWPLhGA=\r\n=PJS6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"fd262916e524e80ee427cb9ea68053b5fe66b8c1","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.1-alpha.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.4.1-alpha.3_1646401114556_0.42898478330001066","host":"s3://npm-registry-packages"}},"2.4.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.4.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.4.1","maintainers":[{"name":"n00t","email":"jardar@protonmail.com"},{"name":"zackkorman","email":"zack.korman@medialaben.no"},{"name":"alexbazan","email":"alexander-bazan@outlook.com"},{"name":"ueland","email":"tor.henning@gmail.com"},{"name":"misund","email":"just.misund@sol.no"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"morganbro","email":"morgan.bro@dagbladet.no"},{"name":"hameltomor","email":"hameltomor@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"benbenbenjamin","email":"benjamin.oliver@medialaben.no"},{"name":"andrew.ovcharenko","email":"andrew.ovcharenko@medialaben.no"},{"name":"dimasty","email":"dlazarchuk@gmail.com"},{"name":"sushasgit","email":"gryshchukoleksandra@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a70242e726f0c2f234e7e29b8343ad617dd6b1cc","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.4.1.tgz","fileCount":54,"integrity":"sha512-DWJBDerqse51wqlIC1GWYuT+tROuJesGqEi3Jd8juP7Bf7faRtSZLuuDcA9YASvJJydOt0ho5hCjnpguwXEMtg==","signatures":[{"sig":"MEYCIQDR37FDaoYR5ceBIDaD50f54kbtBOZsmnlvwPri7eMU6AIhANof8eNz0ZZR3RcWWgzbvngf16v79LqodCywed8hsJJ4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIht0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrN+g/7BGmXUoWGHW0bhF/Y9Yy7dejBwjBjNEKxudI+GHpaEYQVd8WN\r\nbBHko1zBBHL74j0hsn3BehluZlGmOywMaedwicEU8NVTAo3skXfxo7dCwU9M\r\noGudrtIdX4wkhg6dC167NGaiZxg/BODMnlaYugjVygX3JuuWfr7rnPnrlCzA\r\nwCIOjbYm7zQCw/YUtUHC5E/kmy+2Q632BwkIMdxRQr477Lr9OuUjf/eZcqPh\r\nQs8eCa4jl33YaLzraBy54bgKout5vEe3CYLFDGt1/Hf0tQJegf/pgxFx5yzs\r\nppzyqKz8iRR2gyaEou4fvKn5VaXC38kb/oZwqo+B96+28ms5RXftGa3GxAHo\r\n8gbED3IyYZrU8RiiLEQe1cDFkRyGot1h8a9Dcg5z3mKrnGF0BiL5ge4756Jh\r\nJxevF3gdA+iTaRbe/Gan/Mm09yzxs1J2jkrJFrC/+KXuF/Y4FfqvTNcu/7Ib\r\nGujngtYdivUK5WDuzFnCVMXMe2JuZExXlgEDlgaItjjwp97VIqIS4ngyv3f+\r\nZSbZefBQQjBgl4B+oIef1e0KFyRyIzTeWSRoeIxgaU8R80BNXk9sLtStQuPX\r\nbSDHucqwf2A7nsXn2Tp/qCUwrmWC+YMm9LeHitQmrEWIDbhLxjckiXKuIVml\r\nCU7pNlybmJyb/jxNlTR5Ll0Tm/O3uIYFRog=\r\n=Mt4V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"c49562da13919fa5ca4114e7ff855f9d6aff0e3d","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.4.1_1646402420394_0.9449057257510558","host":"s3://npm-registry-packages"}},"2.4.2-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.4.2-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.4.2-alpha.0","maintainers":[{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e51768ecbb32ebf178ec716157e6c38f84b55cd2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.4.2-alpha.0.tgz","fileCount":54,"integrity":"sha512-ETygHaueejK4rFFnNqkMabwHGETEfyUZsPWcdJpO1XhUjxFZMTIO120VmsNBiRizZvToF9Ub99uFBbcP/uXDOA==","signatures":[{"sig":"MEYCIQDwKtfbrU5ogME/06tKhIYraNalnTgrW8Ybbhrxpi5hhQIhAI14ZVA0mExdLywS5bRU59S+f3NrBdE9koG2yGB6B/a+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiK1i5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoszA//fG57OMW41grJWCgqQfBxXL3OAMSG4E0Qqno7jaznuoTY6UBT\r\nlTMxDrlIS67JzSH3QOviZ/UdNHm/6L7Ouq5sGPVDywyRUsk4N4IpL0NEoRYu\r\nZ719FI5BZetcaaqFaXXF0UCwl0E00mWQ7niaCt+PhRn4aaGhAciy6NHn77qv\r\n2Bl33Jsh5Bm+ROgw7HzUWiXinNA8xZhgptAPCyNEc4Ea78Cv/iRavmAgeS51\r\n3r7DUxSNvpl91yTHqi8nXpCVsk1It43/f2Zu0Ns+SJsk1gNfk0VWJBrgMwcg\r\nXxlYFUog63PV8U6FKVNQYiS/emZuEXM+ufwFw4+SYRirO/q9eZbRvaudS+bH\r\ncrppLWF+CV/heJgk9H8X753TNcNuRBDm+0aoRGcUWKx0gHdXxmjWk0uyW7jI\r\nXqKOlpy5uMZSpkUTzaqfC8fqm94xmfw9M2neTm8u/pc7CsQo8OoyqNSOklDm\r\n3i3me1KotS5vmY8aCw0PD1rse5Latk0OCWc8mE9wN05cY6OOPU7qp2xoJlL8\r\nTneGspd+sx3NOn37OCNml87cKAs4JtneIMCf9O+XQfJme566v4AfcmPuI11C\r\nwcniphwOSzSgLxhNM/JNEjXAZKzqkM6EGpyDl6+uqWCnJVSZH4i1egDSRiOV\r\nexAe43vjYRZJ5+2iJZBkWpuF8T0N6iv8/Js=\r\n=p2cC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"4c41b1e2a9c17761dea356ed205e2dd0f2029baa","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.2-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.4.2-alpha.0_1647007928881_0.052217731844756754","host":"s3://npm-registry-packages"}},"2.4.2-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.4.2-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.4.2-alpha.1","maintainers":[{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9c12e271f222a72245a66ea256fe20744b52d6b9","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.4.2-alpha.1.tgz","fileCount":54,"integrity":"sha512-Nx6qGZZhz5OFe1dzQFmILyvVRBHcSIom9xO/nYR9pMXk5xV151leLSfWhnu8wAAnKOdReLS0DJemkKe1kOSsjw==","signatures":[{"sig":"MEYCIQDmRbhwGO2Zv+Ucd4Jc+yml2m5cIJt5VwT+cHA+LhVfWAIhAPVX0Ovv4Cz4Vrk9Twx9N2LiaCrN/aG21GhlGNDO44KF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiK4EyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEWxAAjHqs7kvGlUqcghqtFFe32ORkz+96rUHVJkoMf3T7ul7lWf/z\r\n4fPgLBxvxD9du6bi5ZpvQI/SeNsC8zFapSftWkCYONVk+oyi9IRp1O6E0PtK\r\n9OVTm2sDNPN41HT/vEwaDtH3vp7Or4EHweun8EcR4i0HbzVoN+mknShpwiV6\r\nZujLUOGvNOy36WsXep1FlxgAUIYKIl0ixeRg6atE3zVUExGJjmli/ATEthYH\r\nT+tCnn6cRQe64B60n0mqRm7YCrG7mVrL96HnwCjhoI/Qf6xRFVZLB8JkkzmS\r\nmCvpWEIQ4M8mxnWhl0fXfwAEW0nDlX+ExPzD1OPxJKawnAfiKy9ntiMqRQVM\r\nK/IVPsDMrb/D2F8jHZzr5MDPjZpAd7WYZBvHKqsIHWGgOQJ0YjsnoZqFm/Ab\r\n8POIn84cNIsGC1dHfytpFJF4G8KRlDlFq+ASuSNO+jHMSXEu4WYas1L9y8Eu\r\nV+DG0x7D4/vlf4aTMhK1WgPHuX4rG7UpSfLWvp/KqAOt1TTmW486zgNkLt3+\r\nlTvKsxjInJcl4RiuJcrDFHgu9jtj6LbGt1+ld/FmG/4SprqcfrbhL7V486Ay\r\nWXcdZWO0gVTYGtBYTlspZ7WUUK6HGlxJiiS9VfLVz07sj650msV1v2cqJ2hq\r\nIE/1mAx+4wElvI6xXSqPPoOBQZnE7SDX/t4=\r\n=U3zV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"f1e95318e6f78d8cc1dfbdc04f87b7e41fe3c54b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.19.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.19.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.2-alpha.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.4.2-alpha.1_1647018290029_0.8848671031587378","host":"s3://npm-registry-packages"}},"2.5.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.0","maintainers":[{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"risto1913","email":"risto@kvarme.net"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kasperrt","email":"kasper@kasperrt.no"},{"name":"erlend_seppo","email":"erlend.seppola@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"cf724c3a162fd28ae17351fd3748a5a1617df298","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.0.tgz","fileCount":69,"integrity":"sha512-0NBnydsZ9BPVmQEExaBOkCurHXooauGVRMgt03dkW/JXWFD1wd6M5VeSHNoHc0hyOQbuj4gjCLAX1mXZ5BBMtQ==","signatures":[{"sig":"MEUCIHAF2MdBeevITQm1xKk/hAsNrc31I5qhkQLOkcUvQQD6AiEA69oK4A0jLRxFLK0rSRiHZkygSmH7FKK03ToNojWOVlM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":763039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJQ+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSLQ/+P40Cve5guFl/yzf6mi2qOlunFAtoTWQlfBBanGypozVTXLr9\r\nFoBvzDB5LpsLhR0kSLSZbhJVzGD0xoSx4dspKnOITCSLyXs73H1U3pgI3DU+\r\n9idMvE6/MIGJ8XPLd5P1oBXo8d/dJN/sh50SCygXoyhq9zI2VOhFtsiho2th\r\nqAL/hUOVTLZwsUjqmS9FniysIO69f4d3uGE0cDg+zUE6xkXMtKmLXuksy3sF\r\nL5sAcNcMp8/ChVM+taCF05TJd3aoNaeBAu5BZA9OMhk2cBS0hlb0RNgFaiNO\r\nw5Mp7vtG7BHK4v6csYSrDe40pNxNbFXlNFbTn9bN4/nloSazNxDoN24TgDRH\r\nj3Pp/7/fCnCRuVmQb+ZTG5zRh3sUd1Cun8I+w0LzEUnTucDd4Y1l04rDrgjn\r\nfnqyzxs/FtE8DCmrJv9jmMwBLrYB83f0DginuHfpkISfNd/cx8qn+/rlrjav\r\nAlWBvVtnefRZ1HetOJDZODjNb+m3BNgqZUPeAxrbd9+jaTmMmCJZ72E4pQKM\r\ntOHP3PioKxr78zjICCI/P/iG5IIA0oPlW9YvbyK4uzYt3PCAdLycoBa5Ps2p\r\nS43z/R4abKrhno6GtHIq9G1yNUskKalXRGrmpSfs2sXukQHwkroks/K7jK4Q\r\nZGrI/c0v6oErrng4JUx/uoKMT0CUF5Gx2pI=\r\n=PKYk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"ff3ccdb1d704b60216d8c6d5f54c1dea73ac8535","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"yarn clean && NODE_ENV=production webpack --mode=production --config webpack.config.js && tsc --emitDeclarationOnly","clean":"rm -rf ./lib","format":"prettier --write \"src/**/*.ts\"","prepare":"yarn build","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"kasperrt","email":"kasper@kasperrt.no"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.4.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","jest":"26.0.1","sass":"1.52.1","tslib":"1.11.2","tslint":"6.1.2","core-js":"3.14.0","ts-jest":"25.5.1","webpack":"5.72.1","prettier":"2.0.5","node-sass":"4.14.1","ts-loader":"8.0.2","@babel/cli":"7.14.3","css-loader":"4.2.1","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","sass-loader":"13.0.0","webpack-cli":"4.9.2","babel-eslint":"10.1.0","babel-loader":"8.2.2","style-loader":"1.2.1","@babel/parser":"7.14.3","@babel/register":"7.13.14","@babel/preset-env":"7.14.1","@types/a11y-dialog":"5.2.0","webpack-dev-server":"4.9.0","string-replace-loader":"3.1.0","tslint-config-prettier":"1.18.0","mini-css-extract-plugin":"1.6.0","@babel/preset-typescript":"7.13.0","webpack-remove-empty-scripts":"0.8.0","@babel/plugin-proposal-class-properties":"7.13.0","@babel/plugin-proposal-optional-chaining":"7.13.12","@babel/plugin-transform-modules-commonjs":"7.13.0","@babel/plugin-transform-shorthand-properties":"7.12.13","@babel/plugin-transform-named-capturing-groups-regex":"7.12.13"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.0_1653380158440_0.388490059344476","host":"s3://npm-registry-packages"}},"2.5.0-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.2","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c11a134b194f5d0a0111822d4da258cab031cdde","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.2.tgz","fileCount":54,"integrity":"sha512-GTF4JrmE/JvbdAAcol81LHmS88pnzTvYPgUZVXcrk/Ref8nzTAPWKWAa1TUlMpVfUX7BrG3+APwosRvT9gSePw==","signatures":[{"sig":"MEUCIQDls7bScT8S3CWT1McDZeGN3crRhZbRdyE9k8fDzo00DwIgGZ46var9zCvnkaHygTbLVPPF9RLZdDv0Ki6PLUHIrag=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGGxNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSzA//aDbtz6yzZzwKMZs57XFrM4/OYS1cGkpe8x7cqEgexC/7fPsb\r\ny1HFXGN/q0pn1x+ddCwoq9qq1QR6lmfvQImZWuDP9ecbW/xGmEK9wgW8mCFJ\r\n01FtRDfqbWRoUTrduL79hgYypw0IH50nQ4fnIQHZW4ZFDab97R0P2nZ6tLst\r\nFzD9RGpKj+tj7cdNBdvnBTrCN3VzLFmkZVcj5iVPWb+xhmNG9Z21XJqxOHcn\r\n7rN67fGZeZw6TxO5ev9hjxKp04tePi2Z+0OhxteKovah5HBSXHV5ZpHtZhu4\r\ntmknsqU4gFk8VVDLQpcpQUzVdGHqHzWhkhHE51QZYVnIIFhW8IkIqE8uLQdI\r\njzEWUCyQpclk8M8iSXUfxgkXVSz7IygdgicobVgxEzVsmHFGsKIJ0LHR8rNW\r\ntMuLtvNsAjmvs1Pp9wcZ74VR9Gw7SaSpR4PVEI8qmj++ZVwZKDhhNFEp9oIK\r\nQQMqqHk4aelGE/54/mgBbBlK0qRzdTlkVzhQUXEv2l9KqYaVFALKBPb7JS/B\r\n/R4thpRcQHi68zg2etAojjErdso8QWALREG5aEDU9tBVrwCfQpHydflU2Kzx\r\nx/X2c2ii7tAHP4XFFczTFB2elfW1PAWik4Xun+DGaBkJhXMvB9v9teoGXObf\r\no1UY6pSd4CmdEmOnCU9XKM0ugRbe9zuTS9E=\r\n=txS2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"26c7817b74735cae5fce84c37b806877aa34a6a5","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.2_1679322189055_0.8720846558138842","host":"s3://npm-registry-packages"}},"2.5.0-alpha.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.3","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e08414aff167b9d108ff75b500db2ec203ea713b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.3.tgz","fileCount":54,"integrity":"sha512-N9047xiKowiITSQ/kiss54ehDrJ+7aVykNjQtO2mx0+bNDdQgEZSNg90JlO+4tQoUiLWYRm7oFVrCnzsSrA46g==","signatures":[{"sig":"MEQCICP2nVQTh3/gHr6pSPZKUqD2RtbWapN6n4YYBZCuXBD8AiBOHVaUF6W1CPf9faHgVRbgs4tOo4ce0g0ultq6bsFHEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGWaqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVEA/9GtLw343iNwPMArYtY4bla1elHI4b4ngR+zXrvpKi/SD52I25\r\nPa/nXRk2Y3R1OLoF09Or91xlNhJeKyN5TuquQqcEnRWdvk7Yb8aILMmSQrAs\r\nb+mMBljYcDIx1PaiJgaFpeoPYBjUFFsL2j7wJTY36yCmC0B2ulHNU6EoSOXJ\r\nuGLB1lj4M7qtg6E3/89xPuLQUQrUl6inkMlPmVY+vdZk8ri5/j9WgVy1keQf\r\nbNnolLd7OpluYGjOcUsC4U+LUj5uoZ2SnZqAvz/FOXH98e5YciTkzFcGq62n\r\nZ6TjcmE/dJ6DsPxtmmFYykZPouzsa5SK8UTFiyvjS444rFc62v4fD9CbuCq8\r\n6XzMnIuBU2NDi3BrvfGB2MxFSqk4EZrmvPDBkJL3LfUBnlok+5nB3mlUhOt/\r\n1t7Mzi8+7Ey917KidK2DJ2MyNp1kuKxuQjvh5IsRyBZIkPWhmldtUayXPjiP\r\nnraR2pI2IXkjdKjykbalDE/ZD4Q3A5hbQ2xJ7IU67q3+6Wvn3wnDIxGXH+hX\r\na+7wmUjumbrzOF67jnfPlDD6AO7EHz6Yc4hT0laW8NQdtIgvEwTNSz99XNJQ\r\n/FX9IpS1E5Hogk2F9cKHbxuwmRnMWnePg2wR2WPbBuL01urap5jR8LD5wVHk\r\nU6xAR9J0qwuoisABCVKAi5EWZxIE6mzSbAA=\r\n=yVZZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"43284f22eac5afe0a8688aeecd14876a6c187b0a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.3_1679386281867_0.44082071239947274","host":"s3://npm-registry-packages"}},"2.5.0-alpha.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.4","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2893c0cad85e39f330e15f8a268f9592e1a82d62","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.4.tgz","fileCount":54,"integrity":"sha512-BmdKUtS0d/J7SEFynLKdpmHpKh/TFY4JIO/kxXncro29Z0hpbIzubE8ldHo9jaqGzQLnKRIqQzYRu+QYumqfXg==","signatures":[{"sig":"MEUCIAuuqys1W3/LvIEaLFs8FheqJ5Jwu6i4QY4rDZg9lb42AiEAzKeTarV9y0aSdImpT+luh2jllwNjefhNQkQ81/vx7zU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGW/HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoI6Q/7BnS6E0EXZhJDYwHhf4nfz5Nk0M/5hGojC1poNYaGvFezmhyx\r\nTSSlbqFjSP2ROt8bP0bihynoNIJrtQ4IVesG4GufOg2MGLRg/OaY2adIwFfo\r\nhWNs6yuGCat2wQWCrgqgKRDLCqpjzM39rhzHg5FNB1M3PhDjT+UdpWwPjtnp\r\npWFXN8Hz1YO6RX7qWux2s8DxV8yZu0jAR2aNAjjot4ATaUf9gYp5dkDrWMDC\r\n+xAeQctOivDkQbiuvker9XykUmcIYbnj14nXNeeAxMhYoB/Dij5A1XPc5kd2\r\n+fzdjpesRWx+N4VN/YI9GJp9wnFLAXh1JYfTzuxD8Iivihb+Pjks9lNk9c0g\r\ngf2ollMiEw3vosfg4wbhhsWv6sDHrPFjDSUQHAovcyQcsZFEaUAFk+dBQdCv\r\n+N7Am+zsvgGnVp9RP45o8xKtXGb0e58Q8aymKFDI+/hd6CrGsiEa3+7568rE\r\nVOFJ13WF/qdefcw9DhRRfmW8LGeiAN6BAaKL4umugdJQ+3GZzgJurJ83V456\r\nlARH6DeEckfSPQisGZJdtMwdV3acPOsPf9gmQDYswmed7pclGnYksKyrFW74\r\n3lepkBYdkpwFkULgCxtS+hrGMRnT+8qJ4MzB28KYr3TNt4KBErnCXCk2Vbbs\r\nh6m8wZQkkOh+uxLFqXE2A1QVofZYQ3EqC7c=\r\n=BVqP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"5da3356d67dc62fd6764b9067e7ed67295174896","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.4_1679388615606_0.46208416287980003","host":"s3://npm-registry-packages"}},"2.5.0-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.5","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"91c24a47bb13950f3aa1457d7d3f9c4577ad19a1","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.5.tgz","fileCount":54,"integrity":"sha512-azfs61M1P5lPeaYNZXVUmm77JCz+Sp7/ha3udW26fT2yu3f9s/jtdSXjijtJSdu9eWZeXsHZugpTDe6xFjq7Xg==","signatures":[{"sig":"MEYCIQDaCVW3dPeFAyyQYOaJF5zX5NmX0CX8HxH0BIfath+w5wIhALmWW2k4Mz5Y5O8Vzon5CiwF3qJ/kH3xNFAp5rUvfH1T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGXirACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSsg/+NKJfsftxeq5N1AukU7/wJBqZ5NoXTM98jWyji2T19+v0iBam\r\nHDrHIBG20Wmwyg8As9jwtLPYYy6+12gYZ/iKHvaDbpk6TXW2FoKB4KcWQtII\r\nG6/m5QrjooMBZA03/DgSsqn3k2face3XCn6B0CQW+dXgiag0HF+BXVkwJ975\r\nf34I9/02yj779ntZm8CzOGlsqa4g5UZ1yInp/tCVVoABjJ0/SiKHLehW2qN8\r\nNw2I4T3mV2evMuzY42BHgPVBgOXixlBKF55E65EnMIVXW/GkKuxO4hYB/M51\r\naC8ELnmYT3fUGqeAGK9dlEUcQ8c6vPYOV8cfxmkbnTZAc5oSISTng4MZ84V+\r\nT3416OyWfL+reV4pRPebNUW6znhtAKg7kZMnCu+JkLOwN6Z1CjVcDOPi3jV7\r\nIt+ZN4qa40PM4FpNhEb+ajeggDzzcZOMVP0LqZUsZWtQO0hrwxlCOYzPR4ui\r\nOGEIFFQbsNnIbIrpTCXDn80iogtvM/BVOzAKEPkQXGMgIGFXDEFrZN5OlelR\r\nYglZjxZaLrXhuqwnx+O02DcLrpOnUasxsuVuYhObVIVhukWyaxKyUW1Hiu5K\r\nLzQ+rynOJgrN2knxoVu7YgcwiHLrchuBmv3xI1mdy0wzp05VM1NvNWRCvUpi\r\nUkGXNeaYcEItbr29Mwcmc4Ocz6E8EKeVA/I=\r\n=rZnE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"2006ad83f12316e92611bf2a3f21da6459d05f44","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.5"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.5_1679390891507_0.5221147112000082","host":"s3://npm-registry-packages"}},"2.5.0-alpha.6":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.6","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"12ba98ed2a7d8a586cb6f38f092aad00d935dc3d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.6.tgz","fileCount":54,"integrity":"sha512-+YNY1tAsQ9rCSMHg/OBGsOkgC0gZoYQDP6imtPbuJMLn+VJLAuwAiEfpf6bpOyLsZJ+WQU+dGpjvcMJrGLOCWg==","signatures":[{"sig":"MEQCID0mwHyOVrn3cpP6BzWwJBElQFWF6x0eYCtS4YpZTxTcAiBK06vmofS5uXZw9IzoGjM0naPsaTw+bABRu3xRyWMYjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGX+2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJnBAAgzVWjUqCMReO0uzzQRoMnQdh0VNAp9/Fuf/PjRsFpRpMLcRi\r\n98UsL1yr+z7Zxe+/e7dnF3eDF7bk2hnxja7i7nDHhgLH0HnaSRFERFhlbuk3\r\nGl1CguzYnpFmhPP8X3Bbgyj5o6ELCk5MVZrU2zMXrjw2odfDz8kPuxWx0NDy\r\nx8kAAoO4dfan8fTcbui+8xSKCLaaszAWG/SwD8Hxb9aCGMB2+tT7QVaAmR/u\r\nHW1wWX5EbIEuGmRek77eLpHXw+9e9s65CNJ+MIF1mssVxshW/dU2x4zuVxjY\r\n2SXwgnEeTDUs/V6AKRGimPL9M3ZiSCl0r7d6ZrSiQQIwisdDG58ryyz71Wq9\r\nzO9nAf72x7aVGVFI1N11CIPxeYqhk2UzP4fHQ50Q41q8ygXpWMCvk1tXRmIv\r\nsLbGzzgHEPM+jdXJdvQzSrAbO+Jy2BgQfpE0VAoE1qtWanU93m7bmeqGMG0X\r\nzY2yHei8axQysVeHLQOcNomBoiMsisJ9asOoHa5228bQMW2XnVwQGPtkmp+Q\r\nIqX0GGI7MHPtZix3ZTj3bgs09TMZpJrHQ6USXbl+DODaBqqhG3BKVB3B2fp3\r\nX567WIOX6M3vNIVBAIurEcZ3kYi9KcuZsYbf8FZ27RYses43Mmif0mQFKHLg\r\nWd4b2Crvn0s2vxwXg29LzjpcKhPR93bmdLw=\r\n=mfES\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"20bcfaae48c81067389bfca3c4da49f932df3900","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.6_1679392694732_0.16468505715980974","host":"s3://npm-registry-packages"}},"2.5.0-alpha.7":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.7","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.7","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e668e1ea8254cefab51ae1f5f4df1e79116928d2","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.7.tgz","fileCount":54,"integrity":"sha512-6XiocMwj1mrb+Z3bxscx+LWf/I7UndJBIMPefAE2mofT82NBu36KEgyqf6jJUYNVSUHKKJDHAR03juHTvNDwNQ==","signatures":[{"sig":"MEUCIGHltMSeXvo8596X9Bq653eqLR353vjRmXMeZpovDbnnAiEAh9RAl74oUIiP63gJiLoVT1V3O44zUXUqtL6K5/0j0Ow=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGZ92ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs+Q//bsEXcbgc9R49wud0RT2kjSd4Ll+X1lm2y90jmsCjqzYJNhwp\r\nByVQRMa4t7+yol8XDLh+p4bAr3FIL16QuAsnDLrs4RTZk3cs9CrUmaYqSvNk\r\nmbLl3lYEfKNGIdwvbHH0JlWDbNGCDhxAxilkBHIs4OfPqibZJw4sU8UDl7Tv\r\nYoSHSEFmoslHEeFQcboJbk9I82JMJufYOZ8+IXHJc2XaapYDGZU5DTU7bcWN\r\nUeO9v9ufns/oEhTqrny8147maIdCqkpN0Ehvh+04k+NBlOyu38Bhvh7ecSld\r\n5+Dj5yL8FvmNukKhPOlgOvYR25GRiAeB4QPSVcJ5Gomn0m8P8q1JK58JD4ku\r\n5LNCUCf9k/h/6pFJSFr51uMBHrrXjvB4c+5k/J8ecSJ53kaCI7bbTb3/llmH\r\n39QlPmBufBj8lR3gjWlskjzO0JYLNnY1FLx7LW07UEX4hgesNxLL9JBqTlZi\r\n5K6cfXNUEMWwDEQ+nZLjqHeBmNP+gR/HOgQcOFofxyUlSfYGC3Sgz+SxZ7ZG\r\njGEHTB5x8ntMb1XZbmg5/riy0hRY3QgvHi3pbe85I+XzpLie9XAv9RQq0gy7\r\nTJwz/16OrgHJmGWKZ2fw1ZlDxJKECDUM9TjDUzgAdxnr6ge2Fib5QGFmosLG\r\n2GLUDSpXBQNKY26qnms7qaCK/dpMTKVyM4w=\r\n=nVsK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"fe98ea7c8906a459185c855efc7bd26e71110b0b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.7"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.7_1679400822200_0.15169832189516175","host":"s3://npm-registry-packages"}},"2.5.0-alpha.8":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.8","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.8","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"006d08ad87e1361508a619a7decac5ea1bbf60ea","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.8.tgz","fileCount":54,"integrity":"sha512-0XQSD61q4mV8bl41E95OG8C1851EdGsWnjHZnOjDd7ISXGAr4/Ke0lKPY1nH0sZSwb08Q8stIOtMxghc2hawUA==","signatures":[{"sig":"MEUCIFHmFqkJTZ31XPe5DCz7giFYSVaNXFxWEuc1H1mqxzKRAiEA/QCOTwHeEBBagg6xAYW4/thKcyqcUhvA3bbw+uCCK9U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGd18ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDeA/8DyvGGLYbbRln5kh1cPC0UyTpvxlkFaJHJn4gksKdN2CD/VGY\r\n0phqhaJmQTUAp+hR/5ZsMovA7cjf99KjQ8M3pcvqrk8emEaKWiY9tB1DzEbv\r\ntUBfYFf8U4jLGh+7siozeAJYd3Jpk2+fNnjQ61mLkCCHuLKrAuRmVn0Wqbhg\r\n4NyQb/st0kvdX/YwjQwObsc7zMW0y4cxFtP2IvGuko/bwvVHAiis6rGnfmXN\r\nHcVvEBRIUTCsVheFnMh0xWKIozJ5/zhN/IPWVmUAebJsSVlBdgD1k2f9z7em\r\n3DdJ3iHyBXd0FH/s2b/Fi6+fd3i02ACZVfQCMILgKHc+Ge36UqRZULF9Dl50\r\n+T4z/sFePy/aASdsYt11eC3iJiSgLFYaeWLbohcCM2HENw5PVfkF93eUQya0\r\n9Q50AKlToCoH8ttCYoJRnSWMreXG8eL7bOAnD8iFUlMxM/knfR2ATSHEiEpE\r\nDSO8mPqm250Zc7/mdFqPzO3nBCogv1bm/mAVVXwKRjMgjZYr1F7wV8b1poUa\r\nCqiDK03Wmf+qwCOmJGwAGtXaDwHqC4Fy4kUPIy+boknvbNa19UKLhn/R8yov\r\nyQ1UsF0lLLSC8ZgmWTSZk7sDNjuFlbcK9WWWEqq655tFvdqszg0qMhX6YQSM\r\n/tjHiwKuU6/SvRjuS3S/NTmqXwyOEKA9gFw=\r\n=9dcO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"db16a16cda8c179444ef772d883a78d3fe83080f","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.8"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.8_1679416699863_0.9551278420412657","host":"s3://npm-registry-packages"}},"2.5.0-alpha.9":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.9","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.9","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"8d49c6a3c7f7bdedbd56695eed786e3e9c75845a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.9.tgz","fileCount":54,"integrity":"sha512-lNMGBFQc8qf9e5567Ol6SuqU5n9xoXPDzbGM3iUP3WSsOh6sHtaeum3eIEJT/D+gQNudl0rWfz5kFKWWoj/I6w==","signatures":[{"sig":"MEUCIQCyoqRZeiCSGaRMjY9aE8nBabhR5uKBWJhWRWUqd9d1XgIgDIZkK1BugCcNGKVn/P4KbE1EZpwvFCmWbhI9prd7F04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGqnZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr16BAAhXfMj4NpWqYnyTj5zeanOQht+yWbioYcpKkyqV0f8OUFcj3Y\r\npTm8X4dLxRrjah0Bv/pB4zNd/DI1KF/3PplKlOS0d7+8oXSqX6I5DyNzWD+y\r\nUCB6STOa3DbF+qMwRBvwU1A2HYl5AHJ4nNCGNFFB0pNczTJImy0YSLuAANWp\r\nRb4Q4/GeghgXvle3O7ARs81ntgEbjaXJ+pTPwkCdmpXBp2qadVJUDgJ8xu8l\r\nTFHFYVNXHZRxIedLIEIgZePdTx7oxETlfFV9CX5gsbM/sxgBAFdg4J4LaqgT\r\nwwcjdUjGVIL/Fc1QstM2usf1FV5pRJoiF2Mfg3YtwpxCLQDhHNlmvmgkEdpt\r\nd8j/Uwm/kzRdtdLd/JCwbYSr7NUDgnPP7QVuOwdD8LHEqNxGZkMagl4zASfE\r\nebRwndY1wYbFryYLGZaw6itja5IJ9eBNpuMzI0J3+g4oDWeBqYNNsH12+zvl\r\nYXDORoEdlXBaTPDNrGqMJLY5icemP2QHo5h+rFl8Hg3KRX51ThSIckLbGQFJ\r\ndXMAgfLdRx6lqRWzgr4VBBLB3pfZRXlot4BM5oRQuoS0JHMU1Ht7qDfAPbkj\r\nIDE8QtGCbwISDYq4oMoXwjM0oPk7nnKkAuQsq2RKrwNooyBocGpnftlxQAH+\r\nR0ztij+GDJKK0lNddLXV72g75D607fH2lyU=\r\n=lNOg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"9829bb79c6755871c4d03d0966c1a9371361e7cb","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.9"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.9_1679469017184_0.29001820539023293","host":"s3://npm-registry-packages"}},"2.5.0-alpha.10":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.10","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.10","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"75f37f4e15c3478de3af5e1445b02698c0f81867","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.10.tgz","fileCount":54,"integrity":"sha512-cBuFPNR+XufV1SXyk0WSYlqKXun0akFVFirH7CFB/zxCFy2QMzk+zoYp3nrBe0FimcK+85YxGVj1xiAAuNwymw==","signatures":[{"sig":"MEUCIArwfrZHfr3a5I7aLMJgZJz9o7DpamlKbiGRPcJCnA6dAiEAxU0umA2b2OgEObMxuAWYcFjIbiIr6GJYghQz9+iT7As=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrqfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAPxAAoXvJyCzQ+JQfyEVYAq762jmmuVaE+05dHRum/COfmcJ9DrbY\r\nhw67OR8+0GKky/3Y99/J2zZ5guHXoFc/9XP9yrNAFpBOEgD+Wr+bGBkW0oWF\r\nnw9m085bFr7lDjYnWQ0ZW8r+bU2FQhudas9pqj/fox5E6avMBTJzIYGuXui+\r\nZDBTF7CAr1ISdF38nPDnCD99sP0qKSdq+LraZUKCr+t/1mVDN+E2gVsk4gda\r\n0S8nS+jorQclRG2vi+9kZOoywPzPD8A05lN1Ae9xGZEF/5SU2NoZWvx9TZ0X\r\niJB6g6q1thxs9bIsNCaxDYd6juhy2D/oDqiZ6o2SLrac4tB/JYGGpENIcQTc\r\nKm02VQldkF+smpHXf55yxTG07HmnVaRec1N5c7u+1rM0vcOBmZ3JRWzG83u7\r\nHp7VaudhIb/OprKDIuOuGW2ou9sIosNm/zqzM5aKxE/zIP9Ad17OX51sWHeg\r\n/S345pGU2AiRyIdmpAfs0LoU3EalfwFCQsFhLrCT5VEJKVMJ0C3BbcsQWDld\r\nJ3h9nzpnFJXQgTSeD1oikPPbfwMoRr+9Ctfxyoj1cSPRzvfUw5SdKWtRrhCd\r\ntSB1QAmYyRs+MQTlWVScREMmYir9pNiRGIFV3G+dF9NalF7sOAOSKSCBZTN9\r\nzS8OOPBy17t8Us/8oxT87WJpnbqMj4lfmac=\r\n=3h/K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e8fd5111f4c3732911c9c7711de51613d2ff6d79","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.10"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.10_1679473310860_0.44486351193679496","host":"s3://npm-registry-packages"}},"2.5.0-alpha.11":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.11","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.11","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"3153b8d92dee9751c1522e9ec209c73ae9cb161d","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.11.tgz","fileCount":54,"integrity":"sha512-di1WDOumJSg99H+twXiaslUiwcLpqvRA/lYfmlUxwW/+TY1a4Lqvqa3QkTgBr9/ybsmXMlZHHFQPDub4OuVLrg==","signatures":[{"sig":"MEUCICiNRnM9LaLG4nHWusnFRBMA+wB0VEbpKyb5cl370jqbAiEA+0C1S0QqP0n2ujCBUiAjMI2gbYkQa6gI+Oq4MWpEoI8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGua+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpugg//R4wmPvpjBwYhh4PFfI2E3WpfkjiAcrGjc3emJjIJkF7axK40\r\nNMIFG8PtEG7+KBOhLYKTs1Uc77C4ceutb5KXPcVF8yWaUAFqbNi7fWRh9mA1\r\njgMlgnLyAlyf1Epvqtlwy4OxEceFwUR2oHY+BFQSVofIq1iDZ1KgqwLHyBay\r\nI4rWZNoKW010xGckOSGqkhILDgOXpVuZB4yzr+iu/QTIBl4br1sXtw3XMvbo\r\nN4YDux1rKCqwA0NKFg41wQIZ62C4liWtui+BEodfLFv9OLeaNe5Bf4BEZ2bO\r\ngHD+QZxdbpoOv6b0ShBMFxJioZJDgoGHkY1reujdt9xqP+ogDdjtb8H+0LSe\r\neJhml7QWPFiqJtQiQtVP3Bcez9xtyqPzXynAedI96nmlLprzrIjEudIjsLZq\r\nMErJxoQckHzOMbkKKtQGygk8bedr4TXOHRLzLbp5fhBURRv3h1cP5TCz8Wq4\r\nifh0KaB3+2Cq6nGtHFpqyKY0z/0OmGMdaCvLhAZl7KcsuObcz7MEpLaKbWco\r\noxqRNf0SU2TrL05FRVYbk12ihZ1ofU23C7Yfvw0VttGdxnPGEIGBHRYF+LhS\r\nwulNp4JRngpXtCJngZiMAAeqZxbwc943wst8eQJ7gMkY1n5Y6hRHvltRuLj6\r\n0w67oY+9vlFC1qR6DPyh5LzyIne3kqwqu54=\r\n=syQt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"76b2e6769d227949755792a845e85d68a702fa71","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.11"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.11_1679484606346_0.16877883849466424","host":"s3://npm-registry-packages"}},"2.5.0-alpha.12":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.12","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.12","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"78a683c296dd03560b38f905e3de900363d0dc02","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.12.tgz","fileCount":54,"integrity":"sha512-5aZ/dMtHmeuc+x/o2uyCpkqFYpysSBaQAqzMzikPAZpiiniSTJdBLONv2bgpJBAE6RCCtA8vbVBXm2GHiBD6Rw==","signatures":[{"sig":"MEUCIQDNKtS5Ylgbi64h4G6wycfzjxOeq49zsRJdaTqXqm7TIAIgKkfHbAfTXPHhG4Osl1Rlzp0tnhQq7066HBsYJ+sTHBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGuygACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovZhAAlfaNq29pTNpF1YLDoVW+PKJ2Enxy5mWvX84L9IuyN4nvJj6F\r\nerggqzjVCz640scRojziVzxrlIbeYiqIdxSvtwR39du6VBo22I0OGrKqIq0E\r\nYNFBGPpAfKbkXRrJdNQnNnPYCJi07IPxTz/w1lI/1+no3eJDjM8ntm8N2j5o\r\n+13glgkF6G2fpKXTKvAsv4uRMLyl7jj4YkYOXx6Od2u5WtLiwVCoLGJKjqlO\r\nsSzt7ZlSJk5KaljsF7onOKOaCLgY4/JeeqbT750uM/AoNj/OI6cFzCrJ7wBC\r\nzSYXSUFHdgtiSt6sKY+oG5jJv+QX3PhVkHAPKoBchVBHemL/3VpbT11OyY11\r\neKftPW+MegcINme1z7FCN6cEKvObAdhhubqYPZpWUvEXN9J3TU/PETNkGgN1\r\npaWORzBBTQdmsnxevwdTi+39lkxqPaanPK9K44U8RjVnV6cTsZMOcQ98Ozmo\r\nRbYvIcKghRpPAVC3bOws0NLQlGQGUvbntNxUjvI5dxsuaO1kUnvdCOp/+el0\r\npiGpj1CeUO6dLwmWmjR9lGGnqP9cc025JZu7a4J4nOr7nL4x+/9D87ircXYO\r\n0qqQ7OmMdoGhrFSiHTvgNp8ViZ0eAKCPn5lIG9KXcPLp6HZTCDG/UV1rvytK\r\nQwGQ8tQI5rOeHUgtDIL7HhsY/Gv3TFOXLis=\r\n=X3UK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b347eda3eb96dfb7c0335d30016243f809b0f660","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.12"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.12_1679486112615_0.6351778087075974","host":"s3://npm-registry-packages"}},"2.5.0-alpha.13":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.13","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.13","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7b8a92f07bf135cf1de55a77044edbd05ab5c7ec","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.13.tgz","fileCount":54,"integrity":"sha512-+98n9PceCyYKg60tI8RL014MWZpetdXN0ifJGHlim6Tzp9zCRMbB2IuDaDFjdIxfXu6rQb/KzyIvQWKe6yMkCg==","signatures":[{"sig":"MEYCIQClpiw39LuS94W+qXEAeEZDYpMhDRzO8H21oa/nMTclPQIhAIb6JpTIC9S2ZyEVwCLnMTHAm+rQzKRObkbF0P23IHwH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGvc+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRGg//dl7qf5dMALld7PZzhBatASVyFE1k9sxlF29xDrge8XaWGKf4\r\n+9W4GM/m+BenTuQc4uruY+NdOgTlnnJugrcNj8rt3iZ1qpvWeUhHmZHcjBF/\r\nZXbL4UqRgFZ3tU4B7H2kU3BmMFzBI3hQ1KpCHzsVZGCNI4u0OYozz1fbhJvd\r\nHjP7LF341dzArL1MIT/NJ5sEKGhYYAiMiIs10vpLbGzqZzKrhww2Vd0XFz4+\r\nAH+B6t4wnKhZPkhr47OP6CEmM2oAYEHAO7TiYXl4T8vDQTUHXJsFhBPWBffW\r\ncfIAmOJp06NlWD+LSNW/pAwx/OOyiQ8d4t+VxG49OfpSV6gx0CFsFIm4Nsss\r\nsJQfmA9eYFOvcPyY3Hiv7AXpYacC4WHqDdHRLbatmpXKjuUT6L266Xq9YLRc\r\nUG+6nCtNfEWanDFoTqMRC8YB/5Mn01LO+ndfbfdWG74YQOAPxu5HbmkJDIVw\r\n9W6hdDjpAEZbBd+9N4cpCUIRhNcY6P7eO+UX8QIx+XPi6Ug0YL66zaKjVPe5\r\nb4D71A4GfB+68w14Do+WEmcX4UBHJP7oQ0vbM5JvmzdVASyQXCY6tdfXcayJ\r\nfBMG3++RX/5boGns8wsjALzG0A1iYZ/WifvfV+NgjCGTgV6DlHiDLkpN8h24\r\nw3iuK/OL5wfUGFRysAF8b7DngRbj6L1Pz7c=\r\n=wAPO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"c5257a99555966feea760481c916c80111552a6b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.13"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.13_1679488830789_0.4205915309813544","host":"s3://npm-registry-packages"}},"2.5.0-alpha.14":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.14","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.14","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4c5bd9201e174972c8c5354fde7ef17e68286653","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.14.tgz","fileCount":54,"integrity":"sha512-C5rrEmzC4Nh3YU7SwZ6/Z+4OhZ9CG3UPU/E82HZsQ7FPbcrxChusqPH4x/NFbcE1Pw2Q4CzXj0+SgsADW8p+HQ==","signatures":[{"sig":"MEUCIDPwYosQb+XTUJOHOrYL3dR40ZYXzhR4A4R1SKO09Vy1AiEAoxPhMOJDvS10oipuO6+e6mkeDw6V0Z9KIJ+eMfqQNEs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGwGZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpc2BAAkgJCXfSSV/SZ5/PauvEjQ8LtATh3eiNA91P3F+CsF9TW789z\r\nIDc6uv8CltrpaFUMP6cjDALZuuRvoomJDepxHLVdh9uAkcP5atQOz01D0w+0\r\n6N9k0VpQ+ELxDG+mdLvkNxJvmSY81BVNgS3hejFV0ktI5jyJuYfa3bliHMxF\r\nsbO/4oHF82sFgCtYLPpGh//pGCNyVovUUpXjVD63+XGPD/L2iIqnFXvSaKAA\r\n2ItfcIAZbmdNnrAaY3ao4c9pGuOt3jPBfUFaCOE5EbxcNBmaw6kR/y3QW/di\r\nuQMVcWi9zMFtzQmxxRJ9u2nnxRHNh85d1APqiJZCMNn+H9RDL6tq1QJF9l8i\r\nqT5VdnHMKKLFsqzGsymiUsyb1vlMEjb4kNcHW8e/uukBigin8JjYvVt+oLfN\r\nYTjJMO+nW4ykJWR94Co5XBCxMeR3C4rUHA139p8aobq5+JHTdBJfUtwQ6f7T\r\nq75tJkECHVG8H2qmm45FpLiq/YwX5aiowsIP8Dh74rEZ9tYHYStHpQRMOpdj\r\nev8ub+4Suwshsg+XOdJBdrttnYR6pR4QiXQRmZg+dnFfILAJEc1Isjd1P93J\r\nBkAUqqYzG+ZLlyjfP1n/hjKQsJbzr7rgH5kv7PNdlm6Ki+Ujhp4nCmy+HEXU\r\nPAxMWJ+cHTCTJWvQQk4fpvwCvOcvb7t3Gj4=\r\n=RFDu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"83fc81b5335a297310cd1b98d3d27835221a1bd4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.14"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.14_1679491480772_0.6199665564279233","host":"s3://npm-registry-packages"}},"2.5.0-alpha.15":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.15","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.15","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a555864ba61cee1d65f74d0d08ef0308d0b2493a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.15.tgz","fileCount":54,"integrity":"sha512-UC5uyt3qAvMivSdWA675TmSFb1as2VpZ5HpKIo2OtGbursAoCcRPXB5lg/bfhmNEIFAuQa8vDPilK5DKnR3KTw==","signatures":[{"sig":"MEQCIDTjEjluVg6LaXqQUQOmkWp/IUXW9tvHJloOYfHSdgqvAiAmju4948Qr6GZG/OVIBzCJHm8fReT9YLDZaJ52A43/Xg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGwuvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHbw//U82AoUXTVv3hD4Wv5uSRXfrYcy1HgCC95yIQS7W2H+eDyPUJ\r\nfoA15wQdQCw6cv3cqXJFUCr3OkvN8nfnxLmxLRtu2SM5I2r/j2gAwxY1raXZ\r\nZUXNYQccKHyIp4cs2tbIoCU6XPsO15OC05xGnDZsyqUv2EJwlZDiLQYhYyPf\r\njtmtuBdboprQ6N4AaILUzZVzNKb1NT95KiLhFIbLxoEBhcm8b+BMRcN8TF//\r\nI3Y4EaM4EpDqoDiWxwVdpvoAjRPSTj6UEil+RqSKflH3tBINvAwqfUD/nRwX\r\nRYxc8xdpViL0CF1woeMQkqpg5GeY0j0ChFEWi9fWiSqI7a/g3k4Uhzvej210\r\nlDDYRhXcGxUhDJx0MhcrdfIgnM1OclirjqE9fp/xnzG9ddNSNsyRWLVc4U5t\r\nbrJLUlRQqcyTNbj3BYgiwu5uJ1jSQSlmC5eo/tEkmJjo5oSI1ykb8+11VhAh\r\n1Hd26e8taYAHXa5J9Hzm7bLaug4bxFSFsfYoaS9b7r/HmnQZa1XLz3KcJIfx\r\nRomYV5vO1YpV1hxOFq1WBrAEpzr2FRPDCnutlyi0coqJxjhn7em28jFTZrN5\r\ntNTuPLouc4WQK2m3Ez0Ql0aOMjPSjFUg+L3SiQ1BQmrD2G5LNA0ap3kMpWEz\r\nwQGzfHimuhlLnAYVedjLeLoOmE2KXdZvyj4=\r\n=8TQD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"9a3acdcc1878565188d40904ffa6da5de5aaa3d0","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.15"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.15_1679494063418_0.9191986530806244","host":"s3://npm-registry-packages"}},"2.5.0-alpha.16":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.16","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.16","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e70157dc76cd299cb9e67d7143cc8a098daa37e1","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.16.tgz","fileCount":54,"integrity":"sha512-5Gsc5KAcQohNhgtlcw2xJ6EzjmytTTxkGGVeigPmXT3muYuIU4+QgfDftPwMYhGDWY5No08mALB4vNNgxEviFQ==","signatures":[{"sig":"MEQCIAs8Zw7mWWnF3mv3dsK/Sou0P5j5lFlzhrpRDcGvkVT+AiA9MjPoiHA+XiF4tLx627IymqHe2YwHYCpFyUXf//poYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGxOZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJaxAAoQiEhwJEetgbvfAP+sQAaPez/ePaO7Qg4XdLHCF5VxqUPTCy\r\neQdW624q6jaMQ04AHO8j8KkwRd9ltM+azEQU4ShYng8GLQHhRuuHGH4pnUtn\r\n1rUFzXZRPi8Sc6ByOZ3ImzjOHropaEyJQWvhGDgB/EU8pTwho2BLuowCh45a\r\n/PuUC1wRV7jwp6xfGdNwqd7DlriAspMYW3NHrA78mpwio+fF87NeWGsaX0+E\r\ncaCPbtnVxpN66NDkjH7vZkiD8vh37ER41u/cbPJzxyDGPW0ObIpsvIjE4XQZ\r\npXU7AeMCdXnOpjwBpopw9kbjOMZtPLUG9ZAhXyqsurMf8oSUal4KZRMy9jF7\r\nkTERWhiefs1E8VhXN2qbD5Hv95LnGRxAcyrrFklz4yrtP3LTjtfF4PibaGov\r\nS3t5rU3oDnjLLqOqYwR/qbU8RZLq6AtxRwFHBWLL/NTdfoC3iBthefhdRhI6\r\nCjCnlhjjNrlSx+ykCiPdmX3+DXbzcNGIyFS30ZgcsY/J1JzQwq071Yd56uOB\r\nOY6xrxSPx1UhDMKR6yZvu2SPhjNO6+0viZiWgZmAn6F5v/Ty/JcxNQ3yPVqK\r\nyMPlg6zKsT0kVtLm/R4j5sxOhf5k0PZTmHvd2LPUn+HIYFcdLYJyCMdGP/0y\r\nFDF1p1Fb/qczNxYWhjYoV9RIlSMU6sLqRbk=\r\n=f4BZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"e1760e2f67a7c32a6608e9fcfea21c7690b0dbd9","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.16"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.16_1679496088996_0.09898356603217828","host":"s3://npm-registry-packages"}},"2.5.0-alpha.17":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.0-alpha.17","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.0-alpha.17","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"8c98680da1321be9aced2d1bd5f2642b4a1c349c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.0-alpha.17.tgz","fileCount":54,"integrity":"sha512-bF4LDmCZo5U9WEQ2cPL7I41J24V+LS15p5Zn7UEwlWihifsZyx77vuhq+6Nu558wUbZpXBzS18c6qGFgNhI+Fw==","signatures":[{"sig":"MEYCIQCZIyI4s4ww+CDYDIEitH8m5teftw02FD0Q3hDJTsuBkAIhAN5MzlQs2jL3li77s04HfO9Efn8B+C7qYgPdM8uGqS+Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHFFoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZhw/+NS8H86dKNdu1ooWDrmUasgnwjZzV833/3hl6f43IqQ83aWS1\r\nHNTxL1qMt4aNv6mCO9AXFTgf+K63sBWvgExa944lmPXzsvUnmFE3jNqibwxx\r\nUfRY0VnMiEgmn7LcKwg4Gqz0WeiS6BWYG+zg6JUQjJ/VE6XBrTcQpvwyLtks\r\nFfYunrX805JE38DR4rTCGFj6MszSDclZty+trP2nYlpn2voLhphf4XrO0Nwn\r\nf3qLFwCPtPHPQv0WeODqWBfazMb2ezCBdfCVOJ8tL1nj8VgGAJ8RrDpRlB5L\r\nBTgNfHIWfQ5kHVLx/fXcv9K9yfDEtLTPBJlURSf8VXdJ757r2MFar2gUvEMD\r\nfp68uKB1C989yQhB0lLkMJ9i6DtqrP8+kDuLkRBU+9Dqm3oRK3IzsrD95WOd\r\nol8dI2ShocuUs+qeE7rNi/Q0UGBVLsKuYIeGO539UBEV5BwAzNVcSqv5cLfH\r\neFZSesGPr+S1Bfpetbv8TgGhI+QUiEd+JGHgHYgPPjvOF1GP0LlnFkx2Bq9l\r\nEeBhKPr1gMLthcUOFkyuOAbCqs64PrAT5Kia9p8yVNt3zyahvUTLq7sMi2BO\r\nU2W2JD7DzD2Zpx/2sScnYir2klt/dcYpThmgRrAG1D5M9KGUGT2XY60z4Wua\r\nRWgj4sXw7JOb92HBTTGh0HK46G0eCbOkdtg=\r\n=zFAw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"04b7d79ff9d3101495425a86973faef55e8309d3","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.0-alpha.17"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.0-alpha.17_1679577448477_0.2969429143258482","host":"s3://npm-registry-packages"}},"2.5.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.2","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"75acee9572a5fba1664773a1610883535efb5c1b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.2.tgz","fileCount":54,"integrity":"sha512-vEhceDEvtdQ8SUSx9aljsRLURBUCso9C0Wpp2HJQaiakcs4wbrz5a+T76ucAHjOpDjPQkbNPgKepM+3HfGIaGA==","signatures":[{"sig":"MEUCIFIBsvihcrP8yEHS2PbyQhDprZLssSrXIByZnr/UBnUeAiEAj9eW/99FnJDCCL0d5zDmlBoHSlchHt7gmdW9w88bPO4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNqj9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSIhAAh0tvc9ZaDLiTxqGAsA0dapptw6Pxlgz5S32Vte2WL+YBBYEs\r\niJrOeHYlpz8dnr41dGrEY/tHX0FTVZNNh93qSnznLoTWMKxT7eyYtjJhxZhh\r\nsvJsLUlfj85lPh6C6rn/amTUrcWAknzDCILdGdhp3YKkiWY7RMx7AVHoUW9/\r\nSB18WBRD0DBIMB+rdpLcfsPiLOaRAsT10DGckoxZTwohInaDEK/X1RfU76KF\r\n0zmXP6nMXAOJRhwyxZywV82/KSW36lBP6zPlNSM10i1HAVg8x3zMZboHNS7W\r\n1jKERLrLUSOPaQRem9VqNSuz5Svtn09FSVSn7+JbLvOH2MnbzTdvC0K8nXO9\r\n7/FktASUg3DvxnSDHQpD5uZlVjYn134ay822cx4PnHYxte/iYIBnCxNP4fI+\r\niuiBNk0LQrb28ZGQ+UVmLXEjdiXJynqWk3j7+AWsKI1hxtNkxywJWnXz+izb\r\n50O3w6l9Dlt7tXB1VlrveW2/ZAW7lHysoE+tKlpcYLo8Cc+BQtkI4CtN6qbG\r\nTb2vHJrvmVncmeu6H6id18Ns+BsZxFTglcQoNW5EQg+e8VgQrDOz8fgzLqvG\r\nImqPjghU92mP7lAqp0V4CvlFLuHTXSPL9m1MPhYeZTz7fb2Z/DOuWff837mC\r\nb+Qlnt9LcGkmT4R23uASYNf6xBpHqvUMyx8=\r\n=Kakv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"020df1fba3bcd260df1181f7c2e2ebcc5c0d8845","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.5.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.2_1681303804955_0.33750066288545644","host":"s3://npm-registry-packages"}},"2.5.3-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.3-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.3-alpha.0","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e89306dbf39cb2b9766bf45d8c6a0a8c839a3ffd","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.3-alpha.0.tgz","fileCount":54,"integrity":"sha512-Req/XZf3BUcAvynrPTqPA+O0Nybb2idIz8HODVKC7d+VW+zTyYvp9/Z3nv9z6TQvKoTUWUzwG8y9+X4O4QkNLw==","signatures":[{"sig":"MEUCIG2o1slU9zZJoEv/8fmyaBBi8i886zi955AedCOA+nsaAiEA3EQNba+M/yThLqSx2WkydZTCFF8u8y0S12U3vSTNv1E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPm8JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq43w//TlkVuz37f8okADpVQ7+6oLXb7ANMAkXTXM6jOC5NPPK6C05Y\r\n4rnlm1/Qcn7HwO7ePaqt8O+Y9diOgj5blw2vJuvsl4O2vzmDtCdATu/qlGrr\r\nPevxcFadl4VGHTZ2ErN+UwE/ZSEzdVU2kx6DZ5qosHrgdxXUZGn1wyNij1Wh\r\ntZ7a8btPbOeWFE+whsykgShc3houcnAoCoZ1cgaSegKgpxRvXf6T3obAsH2c\r\natos9Th11yzSX2gFVIa5+bRMiMx4//fFAe+kz3yjRxcYZQ6hbZGP0OS/6CLa\r\npOQpUebPKhCd9iUQjre//KR3UQAH+PMr4K88Mi2Yz9PICGA7vvNqPZxFjd7+\r\nwSyOqaXpMZTV55zjfVkfGo7TIlaqN/GE2DbHZ4Dv8D94q25KkJOyckDQU0w3\r\nw8h31X25kVqRuP3DQ7F8RLbZKUNcuqsnGPDJF3zBsAcr93p2UMBuOpui5kWn\r\n9YxyLN3FJFi9mTrgcmJg018MKQBmotz7OeOWdCm/TIp9O0tb0OQMmfhg2BA8\r\nXvD0iqnUYZHZWvamDihV5Rvp8psOmHvYJ7N5ZUzYmLGyPnPZbXkvcYGQrbY1\r\nx0gCdQARyzVF3kwoBE1RyEhKUm2oIOXgkXgj0B3r848VA/5w2E1Pu9nZsF30\r\nh8li1ASO9qHiADrzpwpT4sow8dZIKU9UyJE=\r\n=T9mP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"dd3451ef76711aa122e653555a968cbca41e40ea","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.3-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.3-alpha.0_1681813256736_0.30198031634455336","host":"s3://npm-registry-packages"}},"2.5.3-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.3-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.3-alpha.1","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c16f8c2899889992ec53e9302c7f877cc50f6da3","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.3-alpha.1.tgz","fileCount":54,"integrity":"sha512-8V+ptbX7tb4oppchAW2Bz+xFHDLXGysIHbFUCh2s9Rhz+SZT7S/EqfwmZLD0eXI0T52Xx4tuWy91b9tcJH5/pw==","signatures":[{"sig":"MEUCIQDgc7CoMD2C1Z5RCDPmN37gYjCUmGwwkN6rVSbtbk9huAIgAy9DPANODAFZnNeO5tEq51OfjfrL9YXwJt17M6y0g3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPnVxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYcw//QYhuC8YxqkdVmq+A1gzZNbkdtK1il3aQ25j3+tmi73Bhr5X5\r\no2x8PTN89bH//x3Yca8+YrQqjahuObZTw1xe/pkr0IsL3TbhyZMRK/i5KORO\r\nf4YWv7xkZiXUYXum1Y1BYq+Ns7dQ9CviadFqgkZl97f0QbJaJmuKFs8Ucm35\r\nBy94fbshpcZe2V7fuajrBvxGHvOrwtpBy0NQZjA8/uQ06FH2CDkFgxhzSTbh\r\nt2FYf95VXGRcLupYOdy3LtM6ehE/NFgYGcyT5qrrsNOZm1yon/vEVG4OSP6g\r\nE7iTcozf+ViWYtVkzWt+kq0j8HYTLiHwVuo9/2aOU0mVY0vZ7vaVAeKwHq3M\r\nfUDtDuWpX9h8Hrx94eaLc3vTxOgb1oHcQseLG/y/UnFNpA1RI5QBemwV4mqZ\r\nlS+ng447WpRIWoCSaDYrWot4TODebaZbMg8YRS8hkKemZpftRt1aTl50yN4Q\r\nb29K9L4skahkbShtODdjv55PQmS2e77T6K2d9vJVQOqmZTkEscW/1LS5+RW4\r\nAYsx9FNbYmkhJ9+fdiX5Au/XVq9ZJxJorkDMXwRL6hJylZyrYCYGMZHCLJsP\r\n/Mg2dp725HEzUChk9fT3XFWgvfb3nEgvj4kV2gJ0N0wLjuhoi9ndowJddB/z\r\n5VyWGkwa/VGiePfrF1sj2sxyc/kclryw3RU=\r\n=/hyf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"64b1422eb5010bc2e974d2f6bcea78a66e0b5f5d","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.3-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.3-alpha.1_1681814897777_0.39974166112813947","host":"s3://npm-registry-packages"}},"2.5.3-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.3-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.3-alpha.2","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a1948f27be47306d8b3fc4da539947765cf75a90","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.3-alpha.2.tgz","fileCount":54,"integrity":"sha512-tXDL/yknlUSg25O/RJ58wKPQa4S+TG2hiXmjh/Orf1e1STS47KFgGGFhPgK+2fKvseH3E8B5aBy5xRhjbES6UQ==","signatures":[{"sig":"MEUCID9qKB3ZuvRSAAY5ffsj37uE2jfmkwTh7L+Tvj9PnPynAiEAk/SZ1crMxGBdhwvvk/AOs1+6UPpuLueVOr8awTxO3wo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPpDLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkxBAAmpXD1OawFIXPzdpwmSwdrYZ8WHLpInvCmzH8oHI4qk9B9BLO\r\n1ajpuYB4C1H1UV/AXK8WBgH6J10bCyEo5yKRGZAeqKd4r2+GD3GFbjLEePG1\r\nD5F2UEsZ1LdUFfzLyaXIm3x/No1X7PhRMWRW7UeyTFNTCJcKOdsIfRh/PvXA\r\nTik23CVZVRSUeEP2bn1nn14KpNmxAH7iI4hUuqZgT15nmlS+HYxE8zMQgnl9\r\npj76H/Fgt1hEIxprOxPhg7U8MLlIgz+CmJ3ogmQVetyRJ6ViLHl2htbvI4tU\r\n+s0lkcsokjnznSn0QZcRFeMIlEJdweTXbI0nHH8WmtsCcIbNjV3gEn2vWSQ9\r\nBudxIrZgoGkMm1S2waOeQzP84/NIwhHCFOp1MK4J/eT6z30Hu86A2UWOwpUz\r\nMTCjr+xtN1Tq056Hq0+BuFesPxfhKyMmUm6AUavsXTIKcjrws9pkuda7FXvf\r\nUmMwA2gGk9HIx9g9YcnFl1XqpuCDV2saqwHf3FmlcEMQdbJ2v1yJyrSaIkYa\r\ngkJ+3s8bK6k6pUtOZ3dri7ugL3q3BEp1K/mUPB+zSzU/zuTDF12PYsPZMQvS\r\ngCE8oC1FGksnjotvgJPRNMrlFF25ezOPaLJKAUf1ztT/iLaksBgON8B3Kc9Y\r\n3CcpfweCtwptexEu1zwBXBSYH3GP9lh4l18=\r\n=NIPQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"079847771c1834e4c67abf9b2088271b5d72a9d2","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.3-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.3-alpha.2_1681821898986_0.9084484395867856","host":"s3://npm-registry-packages"}},"2.5.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.3","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"23a45a01a88209eb7769d691b6a95a329222e9f4","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.3.tgz","fileCount":54,"integrity":"sha512-8FktgOLHd+mKbgHXORiZam6tXEURgdOIcWb+xCAYmBHC30EtFCBLvpnV1KL7SiZ38TcLUe1gBhTBZ85XcIeNDA==","signatures":[{"sig":"MEQCIEeSsd6pXaJH60YDWHWHpaB5p3K/N5csBFZO/MYPFzVqAiAjBje0QlwgKrj2KllLD6/BlzIdd5M7OkVKYDmS8hTkCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPpTJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb9g//ZOaO9qcN6PwHvI/I9cb8siedB1yE9bqsA1cKdUI63Oyrr+1i\r\ncfCCDiXMU7Ug0+9lC4uNCsVaRcqvfOaP7OI3nmt03O6fzxNUZuuEVAD+BOoO\r\nK1dKJNfvh14I4EjPoAwZUjWbTzbCjWYHuaNGbu7VAJrO7VGDfMa2mudpsfUw\r\nTPm6AbZgFb4pHyUPgdZu65V44Z2G3txbwg4P0wZDr+7lHNU7oHiWsGrV59b7\r\nexgDuzL1JIcAIeazwXqDWhjzTGfzpzZ6mlwu+5Qaqtyhmh2M6az8zGA8RhNt\r\nwXKsq8p0X0C+8ROJ9tI3iaFnq0J91XzemMCXUSUGKTozrYVBHTuEda8VuLD5\r\niWMEYj+uFMmaxJoOHrVcTMrIkx/F2pzfDOXZRUlGg0JKq42Br63hHvNo4SAl\r\nKU96hC5z2arjlJ3GQmgZO2/64d7gqQUNGWtsMf5tfZJDexQJ+uZHJHnA3ZNW\r\nMxmuRKviOaEWk9kIsqzQ1qyrE+SvXInIMBVlKvzUmu9j9RcE3Cw41Oe+KYFI\r\n7RjRP3whhlEj8+s1Epe584lz6tEhCdM54zOsBnQX/x+chyVhRHLqqLr8Slor\r\nolTkT31bsn8y/wvp9B1GP51ZzPOspk/XrFdl3ERrrUZ1twq8entBNTc08fHn\r\noMibJ5cTkcVZJfHmTls2EYZBkwEjS6g2u4M=\r\n=l6Un\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"34d1ab7c7f03f5aa5fb7153abb7311b5eb4ddaab","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.3"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.3_1681822921001_0.44312481516063906","host":"s3://npm-registry-packages"}},"2.5.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.4","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"3315f54a40bbcb707c58526a9da3ac95fb6d1680","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.4.tgz","fileCount":54,"integrity":"sha512-CQmSKVboUDctccrJtobuUfD0DxX9Nu4koWm840AxI8Bwv+vXsLjfy+yUqsY9G7AMyi6vaE6Hx/4YVEDWJoBthA==","signatures":[{"sig":"MEYCIQCNNe2Mx7zEb1IZdsQXYkpx5EQK9rGKtPpGF15Oufu1nAIhALNVMLryyLHs4tAQY/Y6nntbnJoZwLZu6S2FcT9FqXED","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkP7GiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkCw//cYkjekiUOmhL2Je1Kjzbo4tZagoezPxKmacVwM64O/g/O6SO\r\n4o6NsiRvAgffnx6bQ4TJelekJG20jmanqd3kvbz3zbddhONTmgcgRdIpiizO\r\nQjSxdryGmYphuYg0FIrEVwDHMPkZqHgBVKTrelr0Sion4Z/ARwHFoELlydwN\r\nka4ENfoRemr6PZlsXFBsfLlEPi2A29V+K7e27EKfee1MZjqrpZqxDiivz42X\r\nn4XnEkCHsS648a/1QsWrgumeA96/kAOe8rx8AZ1paK77Wugy2SHbxEQ9nqI+\r\nzLDPkLE2PFr/o8WvVDkznK2lHJoddb/qp26IKUwu8yjX6fcG7y2J/Q4+Yhb9\r\nQg8wkFN+WbH+xj2nsUpizAIuP8aSmSpATi6uN5uz1QXAS2foKugjDjzI6jch\r\nd/TULB+2gJjEaq3swUkriUKyjgLasAxW7AJhguTgttosQyEN1extv535/u6g\r\n1QECYC2E+xw/tXVPR7eFSZ3p4JDcrytLwU2ZuAFm8f/CyYz44VDlgW8sVDVA\r\nWwmAUxtSTN70s/O8KTFpS0+pSHIhllstnFaM0vuZoDrcMmcLDFsSeiS7tQl7\r\nDHJQ/zpiIJVZiz+ndTlu8pf+dWgS28KYF+bWmcgjHcAvdt50WEM8SonW+xCZ\r\nwAMZh5u/9uU8VdDDM0+oPeTBlhEpEE0m+uA=\r\n=P+mG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"0c3b5c2163cccae7ca2180dbba3304875c81d0a0","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.4_1681895842584_0.13718583563623366","host":"s3://npm-registry-packages"}},"2.5.5-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.5-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.5-alpha.0","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c42fed14238274158077732e71782ce183e71755","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.5-alpha.0.tgz","fileCount":54,"integrity":"sha512-2dXutU+Mr8ErD1v7OkdpjTBykhmKxalTs6owHqDu5QFISaZY6hGTKXo6Chgqe9ViymCoFau+P9pZBHv5mvMq9w==","signatures":[{"sig":"MEUCID1KBkECQLvbua6JUtaO+n0iKizJjTwAufwyfL/U73sZAiEApevsWoPqjW1Wd60H6WrGfxRP+OQrO3iZ74mOtWLgEic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkP75zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLrg//T23OA6nVu71fRpEi10h2uuBLjeAhzt5v96dnhLZa6v5vyaJL\r\nenZXFEuKVKDZzSMkfZcGY358Veyl5BncL1YQhAwHr8Vq7M4t1UI3m8ZNRLc5\r\nvDzQbMTuu7VdF5EwmYt9zEJGy40rByC5kZZPDrnaBM1DUerkKFXueEri5Dgi\r\n/f+ql9RtNOEfgIHeYlhn9a71glKUqdD9VwVJyWpL6ZMyhM3t6nM9flmA5N4r\r\ncSxpoEcyi2Nl3R1PMYBK3hHoILZUlC1Vr1uXuqJjp62wIJJZdK9RwaSv8hDf\r\nM3c43JP0BGWsq7px7XFGH4sP5Qi+q8ix9yRt3N0UqsRmVLT9/dDjf50clomr\r\nQAcazira96dW0sjs1cWMA9cxt/U70DhSAUJQOXGoOBdPKG/gnGdPDB8mebi7\r\naFFQrAPWbRMMX/hDv//s+jyKfs4LRWUsRn55lR+AIzxcp3C0/QxAH6JmhwQX\r\nXgn8k81msaDo9+ORW5hq/E9M8yVD6jr3DZujythyWDnupxLjAFo9vScnIdFk\r\nVOkQjngGdyqdsC1ooYyy7LflzHdoUlYOjb0zy/qxgwh9Hy6sYE+v5nt05DMQ\r\nH/BId+hx9cuyyeaGbijS26JVZJfyk51QpMZ+8hyCfeixPSC31OWIZxxLiYQ6\r\nKrnA5o3nCgUqBrfyr0BmACAHLIEBa8p6C9I=\r\n=yN8a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"2d05983f684c29b16e037b0448bf048420859126","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.5-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.5-alpha.0_1681899123161_0.2120241467462327","host":"s3://npm-registry-packages"}},"2.5.5-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.5-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.5-alpha.1","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"6004313898ed02ccd437b9003634594d3ec935a0","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.5-alpha.1.tgz","fileCount":54,"integrity":"sha512-CypV+P2431nCdXZnCUXxGaLmSJslfPSoWxmMksJ5XxYPTdKAncsELR9YlDycCJzKsCFX0x6+nr9N7GAIv7brIQ==","signatures":[{"sig":"MEUCIC5/Uz+8j/5jI1+/iBZ8JUViFWahv7cEUVf/O5D2XCpsAiEAtryECGb8e9mIu0r5FA7ZuT0owm3xSuVIvYrvz46tsCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkP8f8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmryww/8Dj1I3mr865qDRJo86l4s2Keb3+9t9xKzoTOnUHMMwZ6B3OhT\r\naJckSqMNbvd86k4nwy8yHpI2n6xVJGn6X5uQFXapNc7GIVsHZBRT3gbAYo8H\r\nh7PuXYxC4myd3DiAXLFlDxyrWTn+D5onrpjvPnMKozdsJjd3ZnDBfH7Ry0F8\r\nb0hNavrS51BUkj874EJzuUAN0Pdv3oCnO0jIxqOQPjwnD+sb6LMl6yjEelPg\r\nnrIDHHKqqGVrPt7C0KWbndsn9m0kftGOW7qav5zpojPGfI0k4TyieT65kDu8\r\nG+sE7wmCGn5HSmhhDT/RCpy2Ntmk4onxoQ4HiKDWPTbkFxHMJDXr2ak1hlyw\r\nUVT6pvOr0pVKM3SrjEc3p7I9c2QiYMC5yL5UsiZrk9vKCBNG0h8bXzIlL9O2\r\nrRoZVrkPcbyMcvBkE57WIg2NL/Xc+O0g/H1oseBBnqRGlBof4nh90GZoQzYA\r\nDRr74K8bvtux42ErlE5naJCTqzwSUsU36JX+YuuFT886raj+f6bvE1oC2ARg\r\n65GVvJCSAcI/5ycF+hWjz+RUiqeuprdAoPq1+XRr18GRXxH8DS23I0neJhGE\r\n3TIaB+he9PLy76qSG/UA/bTc9EzseC/c+ttTpQQ7E+avwEqYbQFCAwHvWXw7\r\n6dT/KI6IetpK5jI9uj1S4lAOvVFBoVnZX0I=\r\n=zzWS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"46c76bc93b70cba0e9d165f7096b053ade17fa09","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.5-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.5-alpha.1_1681901564147_0.5858870290121585","host":"s3://npm-registry-packages"}},"2.5.5":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.5","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"30ba90f68835d209db6465725bb4371d5a011ab5","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.5.tgz","fileCount":54,"integrity":"sha512-xO2pwcpBYsMqvTQ0qhWZm20Ckk/G1zoT6N7cOJklRnd/LEzYuVDLV+oXKCeIJldwYB3OfjUuaTh4H1/bfQ/8CQ==","signatures":[{"sig":"MEUCIHc7Lm/8RlmTb4xSL+V8XdSYePiIQzfvfOJsTKE6MBUhAiEAr5hikNtWN/UYhmBW6hLqri8Y8BP7I0IL6uB1QGi/Jw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSnc/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXJBAAhTMj/R32kOnsCs3wUFGVUwA8KsoQAAKcPPZm+4973MsfeNV3\r\nVXRmWdc9O3HZOxm4CwZu0+mho1wnKuiA6ELMu40ujIsjMDKDh2yh+RadUH6q\r\nrYivxulwu2aYUbw4ClR69CWS2jFVCyLXsYtCx9kHOLlMli2lUhDzXtL6qPNZ\r\nSoxIp0HnTZb2tqCUdDIvxg8fJeMY4BN0E6nVEYP1hybT6IcfVooPhTd2tReI\r\nttENJfBvogXiZQjSmdIUAzmGg2GUyja8H35rkBmlA62OAW9CwpfKC1Zarb83\r\nZKHoI9Iu91Lfy54SxqZQD5DT+xoT6vuvqIgma6dTSVsBuMsnsXr+QzNqb5Yy\r\neJMIS/MCiGL4sO3oAJvCnGdu3pWhyUjmG7E7CVFkA6OkwKZUeEvQBdRUCYnE\r\ntL2ZH0AQywOBAlbp+X2zuauVHYsk4cOE6jAfCMscqJ6aAl+S4kD5ROoqLnT0\r\nA+dlNb/wZEOYVwBApDNGC1P/3zzZFqMCGH3TZ+tmP8xi+0Fd/f04C+ng8aZk\r\nPXk/vR/nlTPa/AvIPh0YONIsPhDJW44MBOZeTtl7fd1eG83G1uR3dB3jvmcO\r\nCaLRJB2sJfTH10z4mPtJd7vYJqZTs8oUVR3YCLOWu8xr4wB+PYqafrbYOTF3\r\nh7Ss0W07nq2CPYUq1T6rgmVppNZfkJ1NOFU=\r\n=qVbE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b13eb868893fbedd4106dd32e55ec9cc31739b9b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.5"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.5_1682601790852_0.8036243932585325","host":"s3://npm-registry-packages"}},"2.5.6-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.6-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.6-alpha.0","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9d4a3be005b0cbb1e76a8c192a5a94c3ee113105","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.6-alpha.0.tgz","fileCount":54,"integrity":"sha512-zxWygHEPcmGgOHGsFwUuPnD8x4OAFHrRBjftb7aAbJJG2BJEdTsFhW4dgX3y2Q+27jLWEl141iTWaC6DLJg+Cw==","signatures":[{"sig":"MEYCIQDpf39kRsO/r5UyfQfZl2cNFV/332omeKz0bnGlc4Ef3wIhAJ+Pd4Hz3cybrZFK9kK5V0ESj4tP5xNMZ9E58I0FFGcP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT2XnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5jA/9FAF6BwXzeeFXy3Id3px212aNXAF07T9HapxpHhpsjNXZef2c\r\nn+1gTnXJuE1pa+F5xZ23p/5YcF7GfzWxdyXkABmGjT76v99yUG8IDjODQ5Ez\r\nYWpUTYi3DP9O3VLLcpMU5YBXezrjymcuzRTo3AVLAZ9wij1H/xkvg022Nfty\r\nWujvs5z3Itge2sMBFruuYtqA37PFeWxpYqbSxgyaFvWnOerHX4K3LJag29Zc\r\nw4l7bifvRSxfOMIpQECfUhbP+2OyfP3K31N/TRz+DWz42LYEnrnmm0dCLqAf\r\ncUVbmZBXPr7jjhMnOervHjkGtwvMxzaWE6QSihfLWc3Fzds6+cqbwEcBMIV6\r\n3aRxlDmA1hmxUwOyFyg2b9XvdAbY5c348be+rIiIjE274eUTvhjA/GBkuztK\r\n0WiVyIM4ajZT+fupE07O7HevUDIjkvVj9CbQc3slZJGg1mmwWNS0orf+3YlW\r\nPYPOTIlVko4ChKIbRjTetwPqSYUHCeVU1TyhuJUYfUhj+AJYckE/toQDEX0F\r\nHVhLbP7wT9ezI/2ShLR90F7PSHhfZSYL/VFEsWnSOekh549FdrnwetbELVBd\r\n43ohFpDH6kdbZcIb3W8aiB+HeaTn8ofhQWisPZ+XU/kfNWRZ+TR6Mr211TEu\r\nLiZ+0aVnveNNIlt1TnZsimmo4brni8iQLcM=\r\n=QdZV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"77d420e2d8f05fb7eb808d4b1fbbd96b98b6a142","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.6-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.6-alpha.0_1682925031450_0.6974056653216061","host":"s3://npm-registry-packages"}},"2.5.6-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.6-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.6-alpha.1","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"180bea8f04531e3dd747042a4a4a758d5d60a629","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.6-alpha.1.tgz","fileCount":54,"integrity":"sha512-z7vWldHva2dywj1SwccarTzab6iHaz0ZHddDGMP0j4x1lknEHOVYjY7+dRn68kmsOgDdcWe0abqFXZIlIlzVgA==","signatures":[{"sig":"MEUCIQCXMxZbf6S6eO8Q5dGKWHQZOmpH+OP6rXnDSh0c4m9PpgIgIrNVteWXDwmd1gewxmHJGhmc+wKssfRe3wj8T5gHcmQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT3vUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCYg//VJ5C4fL5QB2ZJzX4gC0X/aqly9tr1Vozvpq8kkRFAdlcteK2\r\naflUnptoo0tDeMxV8jdc75AmLwCCJOGGtvXz+3xeq3PA5N3O3DloE13QPgYd\r\n6YnAz3HHuBhNM45RK+nP6Pu8XPz/ETEiHsPsqBH4cij5+Vi4wC6SE5koQ18T\r\n8HYybd4L9Yl7dc6vlcfRCaFGrbVYzVfFVywKmC4t2ccOdDM2uvPJvXnyP5kZ\r\n7Y1mYGqlmbJ5y5kBBzdNeW9bO7YfiWGaZvxmeLfEMtRrkXcxrhyGFAcyS5wM\r\nY4Fde1Hi32OGEqtOOiUC53MuATyNVEH8oMvKj9B7h5Rc0x9tZ16iwY361Ofc\r\nSKatOLDmcFM0Tltkr3U2XrCeQJDEf2YtRnmgH78rk1UBHbTkueqD61TCIzja\r\nKBeu24JKme9ML4UcMw0ZiYhrcQT6+NyaaE+xvYWImsfvb+0XImy6roOGTOzL\r\n/Q3iNolrufDLfHFnBsJ3zpRh05K3GT/NrE69OIq7zYM9jtSpItBSvKxDUeH2\r\neYzAf3dgTY/LRXqFYqRx1uYrhFtsI+XVRUrR6fAH5XsC+XIgdoIyQZfy9NDh\r\nhyA6hkDuQESVAziYSsKWrh4a14uPHWsbwwm8kiFwTLw+1xjijA81qhP3KQrZ\r\nGvH9JRvKOBcQSKw8PblCTM3/e0cRVMD+l/w=\r\n=I3C1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"8e1323a7832345b795ec859dd037db170b4ad1f4","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.6-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.6-alpha.1_1682930644421_0.3281074778431039","host":"s3://npm-registry-packages"}},"2.5.6-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.6-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.6-alpha.2","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"429b6c1fabc1176f3fd2a1d52f836f8428f8d750","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.6-alpha.2.tgz","fileCount":54,"integrity":"sha512-igKo83EfD0yFuS7apNAq/5RARRI3xowVR2VLOrLsZFeJzHpSv0/6zny9ON2VwF8R0iIOBKYGOecJextNxWNjVQ==","signatures":[{"sig":"MEUCIFALFz7lBPDBul4r3EcPN1bUxQxt1c3KF3mfJPPZHnGyAiEAqKYMOlYJMOcUj8kZAQTYOBd8JESoxGtfKpx0seTBq74=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT5FeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJiQ/9HkweFwAkDt09KLKze961Vb6otizzMYRYZeZ/0QpnAq7Vlcp/\r\nR5nIMCTtUrBt8Tajzav5oUdt/7dVmmIvDVIRBGzMK1vjDYo75PqoeLRK5J5+\r\n7ezfT4ar647MsmtC3NtpkdkVXAilcYMtriu1z/y8rS2ebUqlk6qyAu4jPlR7\r\nlr8sDgigIpkGKgxo5hAdB7I+h1NOWqhGfyakrXBSvktWS/o2aIFtRz7aW5pD\r\nFOVwpBjXCLE1vIi857TbJwL/HA0icK9UUaMsY5LHnPVT3ZywYUmDY1OICrlq\r\nJwIPYXUzjYl8SdonyY0mabkRl3nZorUNqpk5tuwOw+MmeA1hrlmxAvoE2QvI\r\nIx90WTByeBLKUFYShUrqOamyEtOUAu2Kd1eNaMDjzcy6/645KxONjjDmQnFD\r\nKvQFLItuAcIUnVdeuvovXo1jzWDqaPIIWAf9CQvu4RXCBduP6tKlq8fLCTyg\r\nut6oy02JI+hAHoI3Gm6q0WHNKi7acBh4mRtInOaKAxbMvmrtcbuZp7+IfVLS\r\n21NIdYVJj3AzqMLU+en2UzUGEQXrn8Fsh0ZGf3f08cFBdJZi/4+0x52/KW52\r\nw1kUdmvnUtIIMLpTqiZ/95lWMm7GM6LpKHwGaiWDvbHw9UvmyFPjgkmbQCr+\r\nJ5WI5leOLobwG6HsqXv2D/07L9XeKq3+myI=\r\n=7ATW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"432b027786e3f54ab31e6a1e17a27c319226ce12","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.6-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.6-alpha.2_1682936158084_0.41315683400722647","host":"s3://npm-registry-packages"}},"2.5.6":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.6","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.6","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"9471ed4bd3b61d0949ac70336af80e11b8fadb11","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.6.tgz","fileCount":54,"integrity":"sha512-GkqKxgCFo8PJGYDHoa0Qdxj/+nycy5GtVHhgAawu+w7UqHR8j0GTX7tZzs/mLv4Y5L+fM8e6ix54u7X372UHsg==","signatures":[{"sig":"MEUCIBF2lQt/D2RSu9VaaGVX50tTrA6nfgGsnPOXo7lMpomZAiEA7Et9eMnpHxN/tYxuGPVnjU6WB/+kMxcU5GMT78dcyGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT5fyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4yw/9Hk9wU8k/EJCpiqb9skWh2VRO8nJoZdkbAo35usvB5v6Iek/l\r\nyFCaNcxd3c3059IIyf6u8TlNxPiaSqSr5ELi4sIhe3DJ2yWDqdWZp9B9fMlZ\r\n5Cb0ax07erY+P/P9GWEOOi6PIOfSTSmJQypl6IbJ1uY31XBgKchDzyE0b4D+\r\n30/JPonOiL9wVmMFVhHbZOTJ0NULsQ1fc/Xbx4WoQXBn/Wc9B5Uz2pBAeosU\r\nqdzQUlYWklgomypvWFoJVsRmvER/SgXtHsQfL64iQPLmHRjhOoNHlj0sFg5n\r\nGu3OhGzQmv9tZblAhwdyfy32+oLAlvgMPUZeK/6AqvCiGWS56XUlb9GcXmGx\r\nxNdXbb/AxRYeG67DKqLZZau8RQWiEbJVQgsBpiaHCBMpAj4mYeavQ4WItJez\r\nqSuFEq0kVZroA2pbkBcNS+GNUB11F4JzUi0LRGAKTlzVjzgxtHelAPpoSjVo\r\nd1hIKy/ra2OTeyIGj2b2J6Q3ilqv3l059QGRucee9Fut10oCwmK6JuSZpcqy\r\n8y9bzSOacErZduqJNC+8jMO3IyBUPFBakiUuuczblY6E+ZQwINBohXYnSCD9\r\n52ujGlzu51CT/GMWhsI89vvMfO0p6+Pmz6HhaVIj9bw08vlyCceF1B3Kf9u4\r\nxnhOv0ycn77sQZ/9ZAEhzssvqFLUHKM3+tY=\r\n=ANMp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"01bdea56d2d1e4fc37d7107740702dd459f2a5ad","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.6"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.6_1682937842049_0.06771475145760952","host":"s3://npm-registry-packages"}},"2.5.7":{"name":"@aller/cyclops-frontend-vanilla","version":"2.5.7","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.5.7","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d2b38f583f5e40f80bfa5d2c84acfcac23847c2e","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.5.7.tgz","fileCount":54,"integrity":"sha512-dJcKNMg1wWCK8KM924xrDIzwJk7kceQaxjEpkaZ/OkS6S03G8MAy5fDuBLEe+YBblVQeWxdRtmjBzJ25CPyGYQ==","signatures":[{"sig":"MEUCIAgPWkzmoWbOhvWPXa9CDNqZG8bUpSiX2PdnbmWLxlciAiEAoGpnfngR8s3aGgmXMJAGIoBVt1JoAq78PSonh+iFI7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT5vzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdEQ/7Br5vJfvVDpwdV+HkjlWZvSEG3dl5yg/rsmnf09g2Nn+tgXRD\r\nW3uL53EcW7qGBoqglcQs2QA5t06RJo1kdzsxPiPfjbVNNh5+406zn4tPREpt\r\nWSJRUCn2WXRCVwmcifwkZd+E9iz6C3/GDZwXEkLR3d4dpTknyMfDH9V0euTl\r\nYk6jdhAcQqfF3TABB/wiZUl0HhlYjPRnOwYoKOkt0sYouRdFZc8Y4o9ajL0Z\r\no+MK1VW7AqEs5LVC22ZaC0zz9FUCMiFKrwVaxcfdtIfuKiqihVXQ86KqYvxe\r\n1Cb3zY684/1TPlbg4kzyrW4J20WHuxHv2e71heQIpE+pRoJzFC2NJN4Im2j2\r\nGlp7ycJILwQnn2zfwGBQCHr9T+07CEjFVikn+MC+9kwS3vxMUI6OM1PHTBbu\r\naewEJ4ZHARyYR9f1UppqOdc9OQYZonA7uuR8DUd3N/5h8EU8Xt72ctlInvqa\r\nn5EoetkitPI5eo3Dw1npWwXrLLpYuO8en6Idx5Q+YrLtyQxo+B2ppAZnQI7G\r\n9A22xswAXjp1TlPVRp2V1L29TR4x0iTMqak+ocLZ9VG4MxOOIlBvW8gAhr0X\r\n246HuFgzIz0jjuXHBdLgXPsPN1rXC7YSt+zUSuPTSE3/x3pa2S9b3HchoZvd\r\nzDOjhQTrW4sX/wfoZ6W1nM2Wo7k2JSEO7fs=\r\n=RWOx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"026a2218a5b595db314ebe98c157f96b9c8efd97","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.21.3+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.21.3","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.5.7"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.5.7_1682938867116_0.8442510782606845","host":"s3://npm-registry-packages"}},"2.6.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.0-alpha.0","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7a1e153bd359917b4c1fdd220c4cbd0f8e27fb9a","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.0-alpha.0.tgz","fileCount":54,"integrity":"sha512-MklAfoiKLjain9R/WQZ/5KebnqNZwD0NtcB2toj0swnWyQrMbbz7zdMApnKdj7+MuKUJLKXnJalSMKODwt9Eqw==","signatures":[{"sig":"MEYCIQD1NQIkBScX2n3VwXlasWfaEfYW8VxJSq0EzBvnKrG77QIhAKPtZjLou7xP0roHGLyyC47J13bdTqJ9VxZsNU8xemYA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"9100fdeaed33fb7d1c8d523b764d37ce3bd9180b","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.0-alpha.0_1689151802485_0.35971469269650247","host":"s3://npm-registry-packages"}},"2.6.0-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.0-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.0-alpha.1","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e3e497fc95c6c2675078cdb97f706826289729c4","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.0-alpha.1.tgz","fileCount":54,"integrity":"sha512-D7dq32sR5Tr+XdsVKnYmWCRZntvqanqwQ0QbdMPF+FnvG8QGztN0U/VXyD0NbDCLRvf5Py5OdLBGvreim6hhpg==","signatures":[{"sig":"MEUCIQDjNyksB7GdOBm0wnmd63hLEKQDD4HvPXLK0QkN1qEHoQIgUNdLFt3lSXIc+rTsh80JjBUG2oEV8O0QRYU01FEa03w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"94af75eee735c757100216dbe20d1bc815945676","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.0-alpha.1_1689244392175_0.650650100607062","host":"s3://npm-registry-packages"}},"2.6.0-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.0-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.0-alpha.2","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4024cd5166364ec631d72594c32222fb9c4e24e9","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.0-alpha.2.tgz","fileCount":54,"integrity":"sha512-bNjJmpnLUUzAcpd2OVLdI5xTLgSM2Kv7ydfCK6bMqQBwukTeHJzbx1qdwWTYuqwiU4PHD39qaf+PFRO8jrmFuQ==","signatures":[{"sig":"MEUCIB8P7VYVHfv2xvISuKOW4IHkfJz1QzsVfenPydql2+WTAiEAywNHGp8yoB/SyY+FMyj3y/jE3z/czChJ/5IJ52CMfrA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108728},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"59aade8de9430a43798e65a21585b1c3a210346a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.0-alpha.2_1689246839143_0.37273368479120506","host":"s3://npm-registry-packages"}},"2.6.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.0","maintainers":[{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"702dfb95e730585f0f9099c585c10cc59eb9db02","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.0.tgz","fileCount":54,"integrity":"sha512-13MPqe2/BguxoaHKxziPP1/Bo3covEQfrjziL8qyhZgt3+/6rnNjo1lAtzvkL8roqSz2tlk0KIfW3PF0Buvzxg==","signatures":[{"sig":"MEUCIQDtrb1jDQ5yQCJo1ZiBbzvofs2AFayUG6r7txsyJB7jZQIgfbOGFmmuKbFPeYtZmP5PZqjmEw05P2PrxLzj/w4HFsY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108712},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"2a6aebe0e293600cab0acc402e22ab26c4c6e7ba","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.0+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.0","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.0_1689579294886_0.09785779938734995","host":"s3://npm-registry-packages"}},"2.6.1-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1-alpha.0","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b9de897fd78c01a0b54320e9f482508827bc000c","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1-alpha.0.tgz","fileCount":54,"integrity":"sha512-Kb9ej0SBptjyBYK19EfKkgsZDALdyfU6Aro9Wq6g0PtK8u3ZxV/RS1nAd8CukLlCWYe5a/N/AEjNa607m5Pvww==","signatures":[{"sig":"MEUCIHjsqB2CTxqjj3whSQNCyJZrqRBxoIf3dBTujBKMzckLAiEA2O7QK/UVuMFCgi1Lr6vwmtm/MAavxOBYzSo3+SnPqrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108825},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"c91fcb3b9f31253e56f6362741c92a4e4a8e4221","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1-alpha.0_1704810229125_0.6320138851315849","host":"s3://npm-registry-packages"}},"2.6.1-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1-alpha.1","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"81f4283d47588e378ced310e59fe741e67bdbe73","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1-alpha.1.tgz","fileCount":54,"integrity":"sha512-Ywhb9Q4lrDiaXcZdLDyBHOAuAfL2P0HHBtfxof6DqZilRBnt5g1ZlXB17K40cIL45aAJJrKYRDpJVgCiKkhQUQ==","signatures":[{"sig":"MEUCIQCd8QwFwYzm0771BwhYpsQvH1gsoerzPj+Ev17oBbGgMwIgVeHKDHm94h4lqzSmenzbjpGNFvblf/tw8nlB619CDXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109137},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"acc179f13a2869b684750317663cb2d90e779e42","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","@aller/blink":"8.23.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1-alpha.1_1705415457918_0.8599206081540582","host":"s3://npm-registry-packages"}},"2.6.1-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1-alpha.2","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"64d70ae374f42cf4b4d91e2425d2cdc19d11abd7","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1-alpha.2.tgz","fileCount":54,"integrity":"sha512-NZEGSE1Em182bAwZZy+9w/MhaQrWGCKTRdKnfwHP+G006OTyroeWhXF1CrwWE7plneTHtVHkmWdQ4j+FY8hccQ==","signatures":[{"sig":"MEYCIQDGD+p630AxJCmbohiaTXjXjy9mktx54cvRnaSbD/0w+gIhAJTUsM4sTbIp1MIR0p1mhE9F77LN0DNkwaEBU7PgCQfc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109178},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"04fb77f2d54292363438d06ef49f60ac8d537f62","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","@aller/blink":"8.23.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1-alpha.2_1705485705526_0.44115747592012067","host":"s3://npm-registry-packages"}},"2.6.1-alpha.3":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1-alpha.3","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1-alpha.3","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7b5667b1dbd55f865c16ad37edbf608f057ea4d7","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1-alpha.3.tgz","fileCount":54,"integrity":"sha512-DT0JFmZH92ictf9lKTsbq4hCyLYLjMgIE5kddi2y4Wg9sLDIrMT5+NVjFPN2Qthf6Aj22F+Tq4n6wJIvA5Fo+g==","signatures":[{"sig":"MEUCIQCGrM++a4tq2UYibXf9uKf1uUodY5dId6w3TU/PR0wkFAIgb9KkIad15udqd23B/a02ZUaETGhTZfxpr1A6zoc5tLg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109223},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"60cc30e5c38a0160c0394944ae2089a2dbeaf873","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","@aller/blink":"8.23.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1-alpha.3_1705489792369_0.6675248080711567","host":"s3://npm-registry-packages"}},"2.6.1-alpha.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1-alpha.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1-alpha.4","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b01024cc63f22dc6e1621faba78539a5620a6bf7","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1-alpha.4.tgz","fileCount":54,"integrity":"sha512-thbG8JOPa2krF/0UiZxt1FhyhGwXhJpQ//uuoymoGIZAroCpr1MBaCVmcY6JbcUCcc2xjUSMdNeb+He6KyNNaw==","signatures":[{"sig":"MEUCIQCKPzKqE9nG9UfLkrQ8+oG3lQBhnmvdzt44123ItmlMigIgQARnPwJDKxj++ga58mw5b7AdaEbJ0GpdIUf9wyjomJg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109086},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"bf6d1ee3b9836ada943ffddb834aeb2b339a2af3","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1-alpha.4_1705492271571_0.027749287397929256","host":"s3://npm-registry-packages"}},"2.6.1-alpha.5":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1-alpha.5","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1-alpha.5","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"54e0c7df0d4b173a89d5b0765bcb6892384c4807","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1-alpha.5.tgz","fileCount":54,"integrity":"sha512-GykqZs9b8gDv4VWgeXmrRuWJihHTpJhcOjLwzJp7mQCNLspjO0uuGOw95Gbjqo5WCzwUTnf/Ozw6J8cae2xEDQ==","signatures":[{"sig":"MEUCIQDsHeNREbHtjdLjig+10mJWKEHQ8b5LnU2Vo3UUzjw7lwIgIUaJm+yilspN/LnNY+1QbPdtB2/ho6h5Ctv6CRHG77s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109048},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"8a29d77811e7f0eaffe756001d06869dfeec7df8","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1-alpha.5_1705494809174_0.9874974323578878","host":"s3://npm-registry-packages"}},"2.6.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.1","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"d5112dc598f44d2b0117b3ab4800f2e3e81c10ee","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.1.tgz","fileCount":54,"integrity":"sha512-aUfFtfpqZY/YdjPYidaNAiqRP+MoJOJIZLBAaUtqYKXhZ3vsWrtSWELB5+2ohxM+QDxw/CYAe8Zz/GZQVXozJw==","signatures":[{"sig":"MEUCIB6uKpPINkVu75130cd5YTFg12vcNDuU/6d0hhP5nqvlAiEA0ozm8wlDpjsRAAwn7AHt1qxQPikzKZCmRBhMl4U0sFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109040},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"647de865b4703ead800246b872b71e0e131c69e9","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.20.1+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.20.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"4.1.0","node-sass":"4.14.1","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.1_1705503192696_0.8663723944585464","host":"s3://npm-registry-packages"}},"2.6.3-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.3-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.3-alpha.0","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"e4e6e4a1d58d35475be844774861a6b9894ab697","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.3-alpha.0.tgz","fileCount":54,"integrity":"sha512-8T8muk8Qjwd8m/b0gYoNxoh0RZHr+4B+FrUjBG3dAIWH7svvFIuQBUQYkeEWKtOTvrctVJqRUJWA5W/7Ixuovw==","signatures":[{"sig":"MEQCIBBsxxtBLWHWL+VVOJ336eii4bvvkIwUxDcBr8xMoHXTAiBWl2VM05edRx8r8d3NLP75zrpFG5kyyQv9XSx/+DURTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108459},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"ee7690edfdece0e4f39a1d3f0f090d684a3a0792","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v21.6.1+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"21.6.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.6.2-alpha.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.3-alpha.0_1706865614302_0.23095820843707382","host":"s3://npm-registry-packages"}},"2.6.3-alpha.1":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.3-alpha.1","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.3-alpha.1","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"a732e5c01e24198b170a3a18309a7aaa693439df","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.3-alpha.1.tgz","fileCount":54,"integrity":"sha512-FIkYI1LnWD35hP6djGj/pl7ziSX31p1OTV6lEIMIoMMteKJnF/fvKJMWc7h22V7Rt/a5G/PwhxFzIQfvKtkxTg==","signatures":[{"sig":"MEUCIQD7Xja0TWL9AhaWKh0dWwQN+22ZB9BSuU17kJsRWLR4uAIgZXRceVO2y5R+lErVEbuOg5X2zHKlTD0L/TViaEoPU7U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108471},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"1587655fbdd4dc42d862af6d01fe591c8bd0f7f9","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v21.6.1+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"21.6.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.3-alpha.1"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.3-alpha.1_1706865941457_0.1614312740481032","host":"s3://npm-registry-packages"}},"2.6.3-alpha.2":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.3-alpha.2","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.3-alpha.2","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"2248bd964970061a754de6df19862973e5646668","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.3-alpha.2.tgz","fileCount":54,"integrity":"sha512-fhgqszSwgxa132hEuYpEXvmr9Gfg6V6VwY4iA7LC+S0Iws4n8c7l8eNpxlDRBS+znqxAFX4/moLyjrzhjl2BCQ==","signatures":[{"sig":"MEYCIQC1ZMdOrW3lNi6ipDyKYcqlj/ZmyeYlMQdtJ2cql+wq8QIhALhuiqOTWrMk5FnJRu28QmACLz9G8kZO/m4HUYl0w8qz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108471},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"15e0ca13ef2a127eceb01149d39e00288ddab1d6","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v21.6.1+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"21.6.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.3-alpha.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.3-alpha.2_1706870107433_0.4078552687187942","host":"s3://npm-registry-packages"}},"2.6.4":{"name":"@aller/cyclops-frontend-vanilla","version":"2.6.4","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.6.4","maintainers":[{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"ryaaoka","email":"natalia.bezvoziuk@medialaben.no"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"edb3ed1ce80de7c161fe4ab09a8a357320b6aed5","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.6.4.tgz","fileCount":54,"integrity":"sha512-JTjjN+0pd2zJeCJguO2bFsDqQqNT4SnrQZ+axjOydA6Cd88zvQFSSiy+ALS1AklFa5GmoR3EWwJsKHbx6T2jdg==","signatures":[{"sig":"MEQCIHSDIqXrmxMblftsW7XuirwJZ5NS5VV2KQdAIuPi4+hdAiAJAcyJkoYbZ85RUxbrD29E6JSNfcz/X28JS9JHqCB3Jw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108455},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"b2c03e93b44c0ecd2a63855ee9c98b23677dbeb6","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"goodleby","email":"goodleby@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v21.6.1+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"21.6.1","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"^2.6.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.6.4_1707408620719_0.711722640865375","host":"s3://npm-registry-packages"}},"2.7.0-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.0-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.0-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"38b3787419fd5cfe0adf3feb84c035fd6510d0d5","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.0-alpha.0.tgz","fileCount":54,"integrity":"sha512-tjMr3kDchzLbFXeM9i5KM9AlJF3nmjPaedW/uaPrPFniHZxcrhu5EcDx0gx7Z+PRz3aJNVlvEtZx+59FRNrpyw==","signatures":[{"sig":"MEYCIQDfF2BUiiAHwj/7tFRR/xApGKvlkVDst7HWPt/RRE9U1wIhANJVcJ9z0LxlLkPsYh9sIpeJpIbReeQ/BpJKM0JCoIIt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108470},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"112001fa3332dc059dc864078575d4e49f6165d9","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v14.15.5+x64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"14.15.5","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.0-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.0-alpha.0_1712929739707_0.7966174015555596","host":"s3://npm-registry-packages"}},"2.7.1-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.1-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.1-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"b1d1ea3000c1c68c2f56ca48de8c866cc1140686","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.1-alpha.0.tgz","fileCount":54,"integrity":"sha512-pakmtsv4YqsWrRVn/JS/Ur43zwQxuedg4Cr+W2O7bjsDgJ0J4Lp3O+WrI4Od8LFAxBK9WUuMCLtoQwWcVrOBvw==","signatures":[{"sig":"MEUCIFqxgzsqM45IVul671gfqYJOTcX0uAl1QE3MgxtLQbRhAiEAh7Kf9XWRc061RSP4b4JqUZEcUEeyT/fqDp+be2CSKUU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108651},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"6d78f3cbd0b43a364673fcd877ca4c218db58100","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/3.21.0/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.0-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.1-alpha.0_1713266053616_0.9569553141583371","host":"s3://npm-registry-packages"}},"2.7.2-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.2-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.2-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"f5bd39eafd61bfee138a6bfdd6d223bc949d556b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.2-alpha.0.tgz","fileCount":55,"integrity":"sha512-BrPTC4dhPSiGfRWcBmlXtah1Ha70U5DJuUD6C47GS4GE8BkcO3C9+LmwDqffHcCts/AhURn4n9hWrthwgcX8pw==","signatures":[{"sig":"MEUCIQCl/FmJ5G4Y7M13crJkJ4RnMVorWxbmx1DTya94RhBU2wIgf/1jrKNmzixlNlQtPBaBBArY4/wOJQ1UnOL+gBYQTho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108820},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"d95b7144e695dd37e3ec46f07f8ab0668e5ed88a","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.2-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.2-alpha.0_1713345714200_0.9852827206335681","host":"s3://npm-registry-packages"}},"2.7.3-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.3-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.3-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c7f3a794a29ba552ef82a3ab9ab90f64e9257519","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.3-alpha.0.tgz","fileCount":55,"integrity":"sha512-jd7TSr+uBusYKYVQz/wf5OpcWFCW8taISyr7nsrHhBaPOfBgu+iezApCQnsKJNpxj45uv8yfTLdAg+73gsenag==","signatures":[{"sig":"MEUCIATadCTe3YasOLiI8TfNQ0ScqHpwjvle/0xoE/jIvSM9AiEA//TvCldSSGJgtfJxoSCzxxHQVCIGeWA54416+mxn4h0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108820},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"60cc3201a28f3882093020cd5cb824c8f008b917","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.3-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.3-alpha.0_1713353728199_0.461462637302013","host":"s3://npm-registry-packages"}},"2.7.4-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.4-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.4-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"4aea1dbc30609926ee0403cb1ed26a4ca736375b","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.4-alpha.0.tgz","fileCount":55,"integrity":"sha512-mwzMEuEgJ/3o7GzbU53eV06hFlO5jbSQLac2IM3i60O6sHiuyKBgAv7cIcmH10c1qvre7yNzI9do7zIym1ycqA==","signatures":[{"sig":"MEUCIEeauP99210b2poz7H7ahigogGIy+TcAL2DcMr2jY6iEAiEAjLn7tZYPsii+3iC1KR0WT/VizzRD2Lqd+vd20ZfnH8Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108820},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"32b9240efaa9ff143cd0760ebfa593d3ed385c37","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.4-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.4-alpha.0_1713355621334_0.3546969261890771","host":"s3://npm-registry-packages"}},"2.7.5-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.5-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.5-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"7ee478f4810f05b40d30df20ee020ebd11459893","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.5-alpha.0.tgz","fileCount":55,"integrity":"sha512-40+ldMqnvsRmz9VSTrUvaDkrgaQM3+7rZxEbMld+N70TJ5/ULIemr8UrHhfKXUC64Y90gdrQx1LZuM0D5q5+HA==","signatures":[{"sig":"MEUCIC/K/fLkLsWI2zHQI8JAuPB87J7MJrVdUVJ/08anaOq+AiEA+mAUH7NQLLD1i/cNQPMwx7vEPGdHSFLhOgjmCDa/2AU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108820},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"a1c197f8dea1e552d30fcd9682cdfae15ee84acd","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.5-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.5-alpha.0_1713363498934_0.3601468065282225","host":"s3://npm-registry-packages"}},"2.7.6-alpha.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.7.6-alpha.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.7.6-alpha.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"c4dcd81232456632c42b12d46b1fba1d2120138f","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.7.6-alpha.0.tgz","fileCount":55,"integrity":"sha512-KzVXC82V1Tly7cqZwarhATptLXKn5XDo1qI+O/g7j4tzDegExy9mf7/4iLcPMP49SEaH8tT2nErhal3ZbhKr4Q==","signatures":[{"sig":"MEUCICwLXaXjG1O1S4ef/zfwheW/37aO016VuRvhlXJuRMObAiEA6WwsGDAqj1/t8dWqKBvZ4R+m9nd2zF4ARxRJFJ399nI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108820},"main":"./lib/index.js","types":"./lib/index.d.ts","readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","gitHead":"53604d47dde37757b1ac0caa59699d0fe74aaab9","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.7.6-alpha.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.7.6-alpha.0_1713364541465_0.25359193773693267","host":"s3://npm-registry-packages"}},"2.8.0":{"name":"@aller/cyclops-frontend-vanilla","version":"2.8.0","author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","_id":"@aller/cyclops-frontend-vanilla@2.8.0","maintainers":[{"name":"aslak2800","email":"aslakrb@gmail.com"},{"name":"roninjc","email":"jesus.castanocandela@gmail.com"},{"name":"idanko","email":"illia.a.danko@gmail.com"},{"name":"mariusjn","email":"marius.nesset@medialaben.no"},{"name":"lobunto","email":"marius.ibsen@gmail.com"},{"name":"konrad-j","email":"konrad.jorgensen@gmail.com"},{"name":"oyvigri","email":"grimstadoyvind@gmail.com"},{"name":"goodleby","email":"goodleby@gmail.com"},{"name":"jimoe","email":"jon3828@gmail.com"},{"name":"vnorvik","email":"vnorvik@gmail.com"},{"name":"kevinmidboe","email":"Kevin.Midboe@gmail.com"}],"homepage":"https://github.com/dbmedialab/cyclops-front#readme","bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"dist":{"shasum":"234ca440ea119254c745d289fe2328e3408a09cf","tarball":"https://registry.npmjs.org/@aller/cyclops-frontend-vanilla/-/cyclops-frontend-vanilla-2.8.0.tgz","fileCount":55,"integrity":"sha512-GvKGtty9Ode6TL6H5/m6Zob9WTYvSCHoxFR8duwlmVmL7v8ru93Qoy93qeHXRctoYabCRvy5EwApphtyFx1wKg==","signatures":[{"sig":"MEUCICgp1RqNkIoEZXEi+koaLrADTrwZkkIO3tXXcrx9T+cEAiEA9pQHneKI1iEq+nL3O8YlSkN+I0vHwt70ZZcrlx4u4ks=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108623},"main":"./lib/index.js","types":"./lib/index.d.ts","gitHead":"c0de737ec7f5765257a8bac0456af5341c6b8240","scripts":{"dev":"run-p dev:watch dev:start","lint":"tslint -p tsconfig.json","build":"tsc && gulp sass","format":"prettier --write \"src/**/*.ts\"","prepare":"tsc && gulp sass","version":"prettier --write \"src/**/*.ts\" && git add -A src","dev:start":"node server/index.js","dev:watch":"NODE_ENV=production webpack -p --config webpack.config.js --watch","preversion":"tslint -p tsconfig.json","postversion":"git push && git push --tags","prepublishOnly":"tslint -p tsconfig.json"},"_npmUser":{"name":"aslak2800","email":"aslakrb@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+arm64 (darwin)","description":"Vanilla JS implementation of login-button","directories":{},"_nodeVersion":"20.12.2","dependencies":{"a11y-dialog":"5.3.1","promise-polyfill":"8.1.3","@aller/cyclops-frontend-api":"2.8.0"},"_hasShrinkwrap":false,"devDependencies":{"glob":"7.1.6","gulp":"4.0.2","jest":"26.0.1","sass":"1.70.0","tslib":"1.11.2","tslint":"6.1.2","ts-jest":"25.5.1","webpack":"4.44.1","prettier":"2.0.5","gulp-sass":"5.1.0","ts-loader":"8.0.2","babel-core":"6.26.3","css-loader":"4.2.1","gulp-babel":"8.0.0","typescript":"3.9.7","@babel/core":"7.11.1","@types/jest":"25.2.1","npm-run-all":"4.1.5","webpack-cli":"3.3.12","style-loader":"1.2.1","babel-polyfill":"6.26.0","gulp-sourcemaps":"2.6.5","gulp-typescript":"6.0.0-alpha.1","babel-preset-env":"1.7.0","@babel/preset-env":"7.11.0","@types/a11y-dialog":"5.2.0","webpack-dev-server":"3.11.0","tslint-config-prettier":"1.18.0"},"_npmOperationalInternal":{"tmp":"tmp/cyclops-frontend-vanilla_2.8.0_1713430047479_0.8024637074074794","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-05-13T11:37:54.490Z","modified":"2026-05-18T14:41:33.642Z","1.0.2":"2020-05-13T11:37:54.962Z","1.0.3":"2020-05-14T09:57:19.275Z","1.0.4":"2020-05-14T10:21:40.659Z","1.0.5":"2020-05-14T10:26:41.706Z","1.0.6":"2020-05-14T12:00:00.928Z","1.0.7":"2020-05-15T13:20:10.607Z","1.1.0":"2020-05-18T10:55:38.446Z","1.1.1":"2020-05-19T14:58:54.433Z","1.1.2":"2020-05-20T06:34:06.509Z","1.2.0":"2020-05-20T07:29:40.957Z","1.3.0":"2020-05-20T15:11:08.049Z","1.3.3":"2020-05-22T08:37:56.304Z","1.3.4":"2020-05-25T09:32:05.254Z","1.4.0-alpha.0":"2020-05-26T12:38:29.577Z","1.4.0-alpha.1":"2020-05-27T10:39:00.478Z","1.4.0-alpha.2":"2020-05-27T13:42:46.494Z","1.4.0-alpha.3":"2020-05-27T14:48:13.847Z","1.4.0-alpha.4":"2020-05-27T15:25:18.624Z","1.4.0-alpha.5":"2020-05-28T06:41:12.128Z","1.4.0-alpha.7":"2020-05-28T11:17:25.712Z","1.4.0-alpha.8":"2020-05-28T13:38:58.340Z","1.4.0-alpha.9":"2020-05-28T14:16:04.440Z","1.4.0-alpha.10":"2020-05-29T08:45:35.369Z","1.4.0-alpha.11":"2020-05-29T08:55:16.262Z","1.4.0-alpha.12":"2020-06-02T10:13:52.180Z","1.4.0-alpha.14":"2020-06-02T12:16:47.073Z","1.4.0-beta.6":"2020-06-08T10:53:15.236Z","1.4.1-beta.0":"2020-06-09T09:52:53.110Z","1.4.1-beta.1":"2020-06-10T10:12:44.401Z","1.4.1-beta.2":"2020-06-11T07:41:22.725Z","1.4.1-beta.3":"2020-06-11T08:17:10.604Z","1.4.1-beta.4":"2020-06-11T08:54:06.381Z","1.5.0-beta.1":"2020-06-16T10:05:27.933Z","1.5.0-beta.3":"2020-06-16T10:44:57.314Z","1.5.0":"2020-06-18T08:42:23.299Z","1.5.1-alpha.0":"2020-06-18T08:47:14.065Z","1.5.1-alpha.1":"2020-06-18T09:43:38.300Z","1.5.1-alpha.2":"2020-06-18T13:29:13.014Z","1.5.1-alpha.4":"2020-06-18T13:40:44.947Z","1.5.1-alpha.5":"2020-06-30T11:11:48.473Z","1.5.1-alpha.6":"2020-07-14T13:42:11.194Z","1.5.2-alpha.0":"2020-07-22T10:01:02.446Z","1.5.2-alpha.1":"2020-07-22T10:59:11.044Z","1.5.3-alpha.0":"2020-08-03T15:27:57.655Z","1.5.4-alpha.0":"2020-08-13T09:43:14.127Z","1.5.5-alpha.0":"2020-08-14T07:10:03.132Z","1.5.5-alpha.2":"2020-08-17T11:53:10.495Z","1.5.5-alpha.3":"2020-08-17T12:46:14.243Z","1.5.5-alpha.4":"2020-08-17T12:48:39.615Z","1.5.5-alpha.5":"2020-08-18T08:02:04.131Z","1.5.5-alpha.6":"2020-08-18T09:22:17.030Z","1.5.5-alpha.7":"2020-08-18T09:48:26.465Z","1.5.5-alpha.9":"2020-08-20T10:10:55.199Z","1.5.6-alpha.1":"2020-08-20T14:48:25.227Z","1.5.7-alpha.0":"2020-09-08T11:58:48.793Z","1.5.9-alpha.0":"2020-09-08T15:23:27.536Z","1.5.9-alpha.1":"2020-09-09T09:57:44.353Z","1.5.9-alpha.2":"2020-09-11T08:45:39.540Z","1.5.13-alpha.0":"2020-10-26T08:35:30.996Z","1.5.15-alpha.0":"2020-10-26T13:19:58.257Z","1.5.16-alpha.0":"2020-10-28T14:14:01.039Z","1.5.17-alpha.2":"2020-10-29T10:45:34.809Z","1.5.17-alpha.3":"2020-10-29T11:55:56.995Z","1.5.17-alpha.4":"2020-10-29T12:38:27.175Z","1.5.17-alpha.5":"2020-10-29T13:04:26.261Z","1.5.17-alpha.6":"2020-10-29T13:25:52.587Z","1.5.17":"2020-10-29T14:03:29.353Z","1.5.18":"2020-10-29T14:51:53.580Z","1.5.19":"2020-11-04T11:00:32.103Z","1.5.20":"2020-11-13T12:19:31.129Z","1.5.21":"2020-11-17T11:54:40.603Z","1.5.22":"2020-11-18T08:44:00.780Z","1.5.23":"2020-11-20T10:08:22.686Z","1.5.24":"2020-11-20T11:02:26.833Z","1.5.25":"2020-11-20T14:16:32.761Z","1.6.0":"2020-11-30T15:07:18.824Z","1.6.1":"2020-12-08T12:07:12.908Z","1.6.2":"2020-12-09T13:27:22.930Z","1.6.3":"2020-12-11T10:16:13.287Z","1.6.4":"2020-12-15T09:22:25.858Z","1.6.5":"2020-12-15T10:15:20.192Z","1.6.6-alpha.1":"2021-01-28T10:21:02.763Z","1.6.6-alpha.2":"2021-01-28T10:48:30.563Z","1.6.6-alpha.4":"2021-01-28T10:59:23.322Z","1.6.6-alpha.5":"2021-01-28T11:13:34.731Z","1.6.6-alpha.6":"2021-01-28T12:06:32.806Z","1.6.6-alpha.8":"2021-01-28T12:30:37.006Z","1.7.0-alpha.0":"2021-02-05T10:13:39.915Z","1.7.0":"2021-02-05T10:24:03.843Z","2.0.0-alpha.0":"2021-02-17T10:41:54.156Z","2.0.0":"2021-02-18T08:18:06.779Z","2.0.1":"2021-02-18T08:54:36.133Z","2.1.0-alpha.0":"2021-03-05T14:54:26.438Z","2.1.0":"2021-03-23T15:31:16.534Z","2.1.1":"2021-03-23T17:17:05.557Z","2.1.2":"2021-04-06T08:54:16.110Z","2.2.0-alpha.0":"2021-05-06T08:21:57.090Z","2.2.0-alpha.1":"2021-05-06T09:16:00.582Z","2.2.0-alpha.2":"2021-05-06T09:32:04.491Z","2.2.0-alpha.3":"2021-05-06T10:18:47.647Z","2.2.0-alpha.4":"2021-05-06T10:34:46.281Z","2.2.0-alpha.5":"2021-05-06T10:54:42.686Z","2.2.0-alpha.6":"2021-05-06T11:48:09.535Z","2.2.0-alpha.7":"2021-05-06T12:42:23.462Z","2.2.0-alpha.11":"2021-05-06T14:08:30.592Z","2.2.0-alpha.12":"2021-05-07T10:22:40.122Z","2.1.3-alpha.0":"2021-05-07T13:44:26.354Z","2.2.0-alpha.13":"2021-05-07T14:03:20.388Z","2.2.0":"2021-05-10T12:41:57.158Z","2.2.1-alpha.0":"2021-05-10T14:29:39.759Z","2.2.1":"2021-05-10T14:50:32.161Z","2.2.2-alpha.0":"2021-05-12T07:12:01.014Z","2.2.2":"2021-05-12T07:31:51.500Z","2.2.3-alpha.0":"2021-05-12T12:15:05.074Z","2.2.3-alpha.1":"2021-05-12T12:42:35.277Z","2.2.3-alpha.2":"2021-05-12T13:32:27.241Z","2.2.3":"2021-05-12T13:51:50.098Z","2.2.4-alpha.0":"2021-05-28T10:50:20.164Z","2.2.4":"2021-05-28T11:17:20.814Z","2.2.5":"2021-06-10T13:31:38.329Z","2.3.0":"2021-08-10T08:08:19.426Z","2.3.1":"2021-08-16T15:57:49.440Z","2.3.3":"2021-08-19T08:07:21.983Z","2.3.4":"2021-08-30T11:04:47.426Z","2.3.5":"2021-08-31T07:59:58.794Z","2.3.6-alpha.0":"2021-08-31T11:30:29.385Z","2.3.6-alpha.1":"2021-08-31T12:14:03.937Z","2.3.6-alpha.2":"2021-09-02T14:37:08.967Z","2.3.6":"2021-09-03T10:55:04.767Z","2.3.8":"2021-09-16T12:20:14.710Z","2.3.9":"2021-09-16T13:49:00.378Z","2.3.10-alpha.0":"2021-09-17T08:10:39.081Z","2.3.10-alpha.1.0":"2021-09-17T11:54:51.170Z","2.3.10-alpha.1.1":"2021-09-17T12:29:31.738Z","2.3.10-beta.0":"2021-09-22T09:10:49.520Z","2.3.10-beta.1":"2021-09-22T09:45:41.170Z","2.3.10":"2021-09-22T10:17:58.898Z","2.3.10-alpha.1.3.0":"2021-10-01T08:02:45.418Z","2.3.10-alpha.1.4.0":"2021-10-01T08:29:09.361Z","2.3.10-alpha.1.5.0":"2021-10-01T08:38:38.421Z","2.3.10-alpha.1.6.0":"2021-10-04T07:33:34.446Z","2.3.10-alpha.1.7.0":"2021-10-04T07:51:43.024Z","2.3.10-alpha.1.8.0":"2021-10-04T08:40:48.932Z","2.3.10-alpha.1.9.0":"2021-10-04T08:55:19.427Z","2.3.10-alpha.1.10.0":"2021-10-04T09:08:35.261Z","2.3.11-alpha.1.11.0":"2021-10-04T12:01:00.839Z","2.3.11-alpha.1.12.0":"2021-10-05T09:16:29.025Z","2.3.11-alpha.1.13.0":"2021-10-05T09:47:43.028Z","2.3.11":"2021-10-05T14:40:02.731Z","2.3.12-alpha.1.0":"2021-10-06T11:22:28.735Z","2.3.12":"2021-10-06T11:58:55.725Z","2.3.13":"2021-10-19T10:04:52.056Z","2.3.14-2.3.15-beta.1.0":"2021-11-05T14:37:43.349Z","2.3.14-2.3.16-beta.2.0":"2021-11-05T16:11:28.851Z","2.3.14-2.3.17-beta.3.0":"2021-11-05T16:45:06.286Z","2.3.14-2.3.18-beta.4.0":"2021-11-05T17:01:26.423Z","2.3.15":"2021-11-05T17:17:25.278Z","2.3.17":"2021-12-03T13:06:13.531Z","2.3.18-alpha.0":"2022-01-25T16:26:27.841Z","2.3.18":"2022-01-27T14:25:17.857Z","2.3.19":"2022-02-18T14:49:17.904Z","2.4.1-alpha.0":"2022-03-04T11:26:32.384Z","2.4.1-alpha.1":"2022-03-04T12:47:41.392Z","2.4.1-alpha.3":"2022-03-04T13:38:34.720Z","2.4.1":"2022-03-04T14:00:20.736Z","2.4.2-alpha.0":"2022-03-11T14:12:09.124Z","2.4.2-alpha.1":"2022-03-11T17:04:50.230Z","2.5.0-alpha.0":"2022-05-24T08:15:58.685Z","2.5.0-alpha.2":"2023-03-20T14:23:09.306Z","2.5.0-alpha.3":"2023-03-21T08:11:22.085Z","2.5.0-alpha.4":"2023-03-21T08:50:15.787Z","2.5.0-alpha.5":"2023-03-21T09:28:11.640Z","2.5.0-alpha.6":"2023-03-21T09:58:14.882Z","2.5.0-alpha.7":"2023-03-21T12:13:42.365Z","2.5.0-alpha.8":"2023-03-21T16:38:20.040Z","2.5.0-alpha.9":"2023-03-22T07:10:17.327Z","2.5.0-alpha.10":"2023-03-22T08:21:51.040Z","2.5.0-alpha.11":"2023-03-22T11:30:06.506Z","2.5.0-alpha.12":"2023-03-22T11:55:12.785Z","2.5.0-alpha.13":"2023-03-22T12:40:30.934Z","2.5.0-alpha.14":"2023-03-22T13:24:40.988Z","2.5.0-alpha.15":"2023-03-22T14:07:43.651Z","2.5.0-alpha.16":"2023-03-22T14:41:29.162Z","2.5.0-alpha.17":"2023-03-23T13:17:28.634Z","2.5.2":"2023-04-12T12:50:05.120Z","2.5.3-alpha.0":"2023-04-18T10:20:56.997Z","2.5.3-alpha.1":"2023-04-18T10:48:17.954Z","2.5.3-alpha.2":"2023-04-18T12:44:59.146Z","2.5.3":"2023-04-18T13:02:01.165Z","2.5.4":"2023-04-19T09:17:22.812Z","2.5.5-alpha.0":"2023-04-19T10:12:03.315Z","2.5.5-alpha.1":"2023-04-19T10:52:44.305Z","2.5.5":"2023-04-27T13:23:11.099Z","2.5.6-alpha.0":"2023-05-01T07:10:31.606Z","2.5.6-alpha.1":"2023-05-01T08:44:04.568Z","2.5.6-alpha.2":"2023-05-01T10:15:58.299Z","2.5.6":"2023-05-01T10:44:02.245Z","2.5.7":"2023-05-01T11:01:07.288Z","2.6.0-alpha.0":"2023-07-12T08:50:02.698Z","2.6.0-alpha.1":"2023-07-13T10:33:12.414Z","2.6.0-alpha.2":"2023-07-13T11:13:59.365Z","2.6.0":"2023-07-17T07:34:55.063Z","2.6.1-alpha.0":"2024-01-09T14:23:49.282Z","2.6.1-alpha.1":"2024-01-16T14:30:58.136Z","2.6.1-alpha.2":"2024-01-17T10:01:45.692Z","2.6.1-alpha.3":"2024-01-17T11:09:52.525Z","2.6.1-alpha.4":"2024-01-17T11:51:11.758Z","2.6.1-alpha.5":"2024-01-17T12:33:29.350Z","2.6.1":"2024-01-17T14:53:12.884Z","2.6.3-alpha.0":"2024-02-02T09:20:14.452Z","2.6.3-alpha.1":"2024-02-02T09:25:41.750Z","2.6.3-alpha.2":"2024-02-02T10:35:07.562Z","2.6.4":"2024-02-08T16:10:20.918Z","2.7.0-alpha.0":"2024-04-12T13:48:59.891Z","2.7.1-alpha.0":"2024-04-16T11:14:13.757Z","2.7.2-alpha.0":"2024-04-17T09:21:54.376Z","2.7.3-alpha.0":"2024-04-17T11:35:28.395Z","2.7.4-alpha.0":"2024-04-17T12:07:01.544Z","2.7.5-alpha.0":"2024-04-17T14:18:19.107Z","2.7.6-alpha.0":"2024-04-17T14:35:41.643Z","2.8.0":"2024-04-18T08:47:27.604Z"},"bugs":{"url":"https://github.com/dbmedialab/cyclops-front/issues"},"author":{"name":"kasperrt","email":"kasper@kasperrt.no"},"license":"ISC","homepage":"https://github.com/dbmedialab/cyclops-front#readme","repository":{"url":"git+https://github.com/dbmedialab/cyclops-front.git","type":"git"},"description":"Vanilla JS implementation of login-button","maintainers":[{"email":"jon3828@gmail.com","name":"jimoe"},{"email":"marius.ibsen@gmail.com","name":"lobunto"},{"email":"goodleby@gmail.com","name":"goodleby"},{"email":"konrad.jorgensen@gmail.com","name":"konrad-j"},{"email":"jesus.castanocandela@gmail.com","name":"roninjc"},{"email":"tore.meek@aller.com","name":"toremeek"},{"email":"vnorvik@gmail.com","name":"vnorvik"},{"email":"robin.wasjo@aller.com","name":"robinwa"},{"email":"pal.edman@outlook.com","name":"paed01"},{"email":"kuhanloh@gmail.com","name":"kuhanloh"}],"readme":"# cyclops-frontend-vanilla\n\nThis package is for vanilla-js DOM-manipulation for cyclops-functions. As of now, it only contains code for injecting the login-button/showing your name in the place of the login-button.\n\n## Table of Contents\n\n- [Functions](#functions)\n  - [`injectUser`](#functions-injectUser)\n  - [`injectDynamicContent`](#functions-injectDynamicContent)\n  - [`injectLoginBox`](#functions-injectLoginBox)\n  - [`injectSubscriptionBox`](#functions-injectSubscriptionBox)\n  - [`generateSubscriptionBox`](#functions-generateSubscriptionBox)\n  - [`generateSubscriptionModal`](#functions-generateSubscriptionModal)\n  - [`generateLoginBox`](#functions-generateLoginBox)\n  - [`generateDialogScript`](#functions-generateDialogScript)\n- [TODO](#todo)\n\n\n\n## Functions\n\n<h3 id=\"functions-injectUser\">injectUser</h3>\n\n```ts\nimport { injectUser } from '@aller/cyclops-frontend-vanilla'\n\ninjectUser(elementId, domain?, ILoginButton?, withInitials?)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/components/loginButton\";\n```\n\n**For users that doesn't want to include any CSS for `injectUser`, use:**\n\n```ts\nimport { injectUser } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInstead of importing everything the `index.ts` forward-exports, it only imports the element that is wanted/needed. This could help tree-shaking in cases where there are no tree-shaking done on transpiling.\n\nInjects a login-button to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf you want to test the functionality on a non-relative `domain`, the domain can also be sent with as a parameter.\n\nIf you want generate user-name with initials, you can pass additional argument to this function `withInitials` in this case two buttons will be generated: one with `fullName` and another with just initials of user name. This was done to configuration make flexible and if you need one of them you can hide it trough css.\n\nThis function can include an object of the type `ILoginButton` interface for customizable classes and texts. Here are the defaults:\n\n```\n{\n  dropdownButtonClass: \"cyclops-dropbtn\",\n  dropdownInitialsButtonClass: \"cyclops-dropbtn-initials\",\n  dropdownContentClass: \"cyclops-dropdown-content\",\n  dropdownClass: \"cyclops-dropdown\",\n  containerContentClass: \"cyclops-login\",\n  loginText: \"Logg Inn\",\n  logoutText: \"Logg Ut\",\n  myPageText: \"Minside\",\n  extraLinks: []\n}\n```\n\nFor adding more custom elements in the user-dropdown, the property `extraLinks` can be used. This property can hold elements of the interface:\n\n```ts\ninterface IExtraLink {\n  text: string;\n  href: string;\n}\n```\n\nIf the property `extraLinks` remain empty, there will only be added the default \"Minside\" and \"Logg Ut\" buttons. If the `extraLinks` are defined, these links will appear between the \"Minside\" and \"Logg Ut\" links.\n\n<h3 id=\"functions-injectDynamicContent\">injectDynamicContent</h3>\n\n```ts\nimport { injectDynamicContent } from '@aller/cyclops-frontend-vanilla'\n\ninjectDynamicContent(elementId, productId, studioLink?, plussContentLink?)\n```\n\n**For users that doesn't want to include any CSS for `injectDynamicContent`, use:**\n\n```ts\nimport { injectDynamicContent } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginButton\";\n```\n\nInjects a dynamic content link to the elementId sent in as a parameter and fetches whether the user is logged in.\n\nIf user is logged in and has pluss subscription we'll return him link to pluss content.\nIf user is logged in but doesn't have pluss subscription we'll return him link to live content (studio)\n\n<h3 id=\"functions-injectLoginBox\">injectLoginBox</h3>\n\n```ts\nimport { injectLoginBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectLoginBox(elementId: string, domain?: string, textClasses?: ILoginBox)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/components/loginBox\";\n```\n\nInjects a login-wall/login-box into the document with some customizable classes and texts. `elementId` defines what element it should be under, `domain` can be used if you don't want a relative path. `textClasses` is of the type `ILoginBox` which can be used to override the default texts and classes.\n\n```ts\ninterface ILoginBox {\n  texts?: {\n    toSeeText?: string;\n    loginText?: string;\n    loginaID?: string;\n    ifNoPre?: string;\n    registerText?: string;\n    itsFree?: string;\n  };\n  classes?: {\n    container?: string;\n    title?: string;\n    subtitle?: string;\n    loginButton?: string;\n    register?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBox\">injectSubscriptionBox</h3>\n\n```ts\nimport { injectSubscriptionBox } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBox(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBox\";\n```\n\n`injectSubscriptionBox` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, it logs out an error to the console, since `_brands` are required.\n\n`_focus` decides whether the box should have the css-class `focus`, which can be used to add extra styling to that specific element.\n\n`_textsAndClasses` contains the different override/extra texts and classes editors can add:\n\n```ts\ninterface ISubscriptionBox {\n  texts?: {\n    youChoseText?: string;\n    bottomText?: string;\n    subtitleText?: string;\n    label?: string;\n    buyButtonText?: string;\n    returnUrl?: string;\n    termsAndConditionsLink?: string;\n  };\n  classes?: {\n    subscriptionBoxClass?: string;\n    dealNameClass?: string;\n    labelClass?: string;\n    costClass?: string;\n    fullTermsClass?: string;\n    buyButtonClass?: string;\n    dialogClass?: string;\n    dialogContentClass?: string;\n    dialogProductNameClass?: string;\n    dialogCostClass?: string;\n    dialogDealNameClass?: string;\n    dialogFullTermsClass?: string;\n    dialogSubtitleTextClass?: string;\n    dialogBuyButtonClass?: string;\n    dialogBottomTextClass?: string;\n    dialogCloseClass?: string;\n    termsAndConditionClass?: string;\n  };\n}\n```\n\n<h3 id=\"functions-injectSubscriptionBoxWidthGetter\">injectSubscriptionBoxWidthGetter</h3>\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from '@aller/cyclops-frontend-vanilla'\n\ninjectSubscriptionBoxWidthGetter(\n  elementId: string,\n  brandId: string,\n  productId: string,\n  dealId: string,\n  _focus: boolean,\n  _brands?: any[],\n  _textsAndClasses?: ISubscriptionBox,\n  _paymentOptions?: IPaymentOptions,\n  _domain?: string | null,\n  _options?: any)\n```\n\nFor users that want the least possible bloat, imports should be handled as such:\n\n```ts\nimport { injectSubscriptionBoxWidthGetter } from \"@aller/cyclops-frontend-vanilla/lib/components/subscriptionBoxWidthGetter\";\n```\n\n`injectSubscriptionBoxWidthGetter` injects a subscription-box that either is dynamic from the catalogue, or just inserts based on the `_brands` included. `brandId`, `productId` and `dealId` is used for verifying that the brand/product/deal actually exists in the inserted `_brands`. If `_brands` isn't defined, the three ID's are used to fetch and populate the correct element from the API.\n\nSee <a href=\"#functions-injectSubscriptionBox\">injectSubscriptionBox</a> for the rest of the parameters.\n\n<h3 id=\"functions-generateSubscriptionBox\">generateSubscriptionBox</h3>\n\n```ts\nimport { generateSubscriptionBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionBox\";\n\ngenerateSubscriptionBox(\n  id: string,\n  focus: boolean,\n  deal: IProductDeal,\n  textsAndClasses: ISubscriptionBox\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateSubscriptionModal\">generateSubscriptionModal</h3>\n\n```ts\nimport { generateSubscriptionModal } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateSubscriptionModal\";\n\ngenerateSubscriptionModal(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element. The only difference to this, and the above generator, is that since it is a modal, this should have e.g. `modal` appended to the ID, and the A11yDialog has to be added manually for the modal to actually work.\n\n<h3 id=\"functions-generateLoginBox\">generateLoginBox</h3>\n\n```ts\nimport { generateLoginBox } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateLoginBox\";\n\ngenerateLoginBox(\n  id: string,\n  deal: IProductDeal,\n  product: IProduct,\n  pathname: string,\n  textsAndClasses: ISubscriptionBox,\n  domain?: string\n)\n```\n\nVery similar to the injector (and is in fact used by the injector), but instead just returns the HTML for the element as a string. This can be used for serverside \"rendering\" of the element.\n\n<h3 id=\"functions-generateDialogScript\">generateDialogScript</h3>\n\n```ts\nimport { generateDialogScript } from \"@aller/cyclops-frontend-vanilla/lib/generator/generateDialogScript\";\n\ngenerateDialogScript(id: string)\n```\n\nThis is used to add inline script-tags to trigger the A11yDialog clientside on page-rendered. The ID here must be the same that is sent in with <a href=\"#functions-generateSubscriptionModal\">generateSubscriptionModal</a>.\n\n<h3 id=\"client-loginBox\">loginBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/loginBox\";\n```\n\nThis is used to add the needed CSS for the login-box, if going the server-side rendering way.\n\n<h3 id=\"client-subscriptionBox\">subscriptionBox</h3>\n\n```ts\nimport \"@aller/cyclops-frontend-vanilla/lib/client/subscriptionBox\";\n```\n\nThis is used to add the needed CSS+A11yDialog script for the subscription-box + modal, if going the server-side rendering way.\n","readmeFilename":"README.md"}