{"_id":"@corentinmag/ngx-splash","_rev":"1-b3ded5319743579a4c70e983e883e6c2","name":"@corentinmag/ngx-splash","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@corentinmag/ngx-splash","version":"1.0.0","description":"spash screen for angular 12","author":{"name":"Corentin MAGYAR","email":"corentin.magyar@outlook.fr","url":"https://gihub.com/CorentinMAG/packages.git"},"repository":{"type":"git","url":"git+https://github.com/CorentinMAG/packages.git"},"license":"MIT","bugs":{"url":"https://github.com/CorentinMAG/packages/issues"},"keywords":["angular","angular2","splash screen","splash"],"peerDependencies":{"@angular/common":"^13.1.0","@angular/core":"^13.1.0","rxjs":"^7.4.0","lottie-web":"^5.8.0","ngx-lottie":"^7.0.4"},"dependencies":{"tslib":"^2.3.0"},"module":"fesm2015/corentinmag-ngx-splash.mjs","es2020":"fesm2020/corentinmag-ngx-splash.mjs","esm2020":"esm2020/corentinmag-ngx-splash.mjs","fesm2020":"fesm2020/corentinmag-ngx-splash.mjs","fesm2015":"fesm2015/corentinmag-ngx-splash.mjs","typings":"corentinmag-ngx-splash.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./corentinmag-ngx-splash.d.ts","esm2020":"./esm2020/corentinmag-ngx-splash.mjs","es2020":"./fesm2020/corentinmag-ngx-splash.mjs","es2015":"./fesm2015/corentinmag-ngx-splash.mjs","node":"./fesm2015/corentinmag-ngx-splash.mjs","default":"./fesm2020/corentinmag-ngx-splash.mjs"}},"sideEffects":false,"gitHead":"a757b56856a78fcd38ace6e109fe6a28569b64ae","homepage":"https://github.com/CorentinMAG/packages#readme","_id":"@corentinmag/ngx-splash@1.0.0","_nodeVersion":"16.13.1","_npmVersion":"8.5.1","dist":{"integrity":"sha512-/jzeLBH7UZlg9DNeEkFdfuxqwHSEFqhyVYF2t2qCv5l7WAzcTb7bDlk5FmHkzlmUWwe9CWNScAhC81dJdK8jqw==","shasum":"07fce3f897431d073e938aee188bed539880b534","tarball":"https://registry.npmjs.org/@corentinmag/ngx-splash/-/ngx-splash-1.0.0.tgz","fileCount":18,"unpackedSize":60441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiE7OkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonDA//dGifjXhQnpV1PllB+UjgABjy/GnPVXMcVdk28OAImI/PwcOQ\r\n4+z47LBMtJwGOfwqHSMufAzeyKcWC+VZofccSeEUaC0Xwi4VWMuFlXjxYwiS\r\nZxneurOySun2eV6wtbtDLIHfOz/RRN05VdWvHpKSqE4s7VB1wVKb+WuCuHBB\r\nFFXkZhCtomTrHHNWQHpjxPFzxBr92P2h7LJS0DVsT/FGCdgQQ2mMb/4nQatx\r\n1BCV9YSGpKptpdI0Dgkh63z8VYbZDn0nkQUx5/Ae6HaghMHLY4ahnhhKTeMm\r\n0wWkywb+8vsh1ewW2A/74d+anot2NKbRu+g3zL6YtwAOXofOi1RHJc1LUCE1\r\nNBdIP9f1z9EbiffyFPq5G2VacvfXY1J4YoPyr101wX8mGXtuUlc4EEGVj/57\r\n79VB/TI+G8aulZF0Fu1ICweyWWLId3kzDO9uxieZMCawhJGaZx+50ItVCQiu\r\nStffbbmIBdl+64cvgvUWyi0G05xTbb7/u6/not2Z1tgHwFZr31dx1n5Ppv3L\r\neyR57xI7LMNBqOu9hAfoZ+BU2hAvjAiduowvo5XHtb6ifK5JluCcpAJDYLUr\r\ny3XhoYb3TzY7rZmDkhJwV7KqokVuJ/kyebewStr0ej5kPY9PYRwT1Pvcsv7/\r\n+TkstWrtMPvA5JH6oCLE9/j2lybTd+dK/9s=\r\n=/Qlm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDnh86d8lSDOVSXFjvoymT1hrqFQ1N52IWa11lgskg1AIgQp8LUNopUQvGVzHpoyeBng+zZbm01Avk5T/ADGZ1L9U="}]},"_npmUser":{"name":"corentinmag","email":"cor.mag91@gmail.com"},"directories":{},"maintainers":[{"name":"corentinmag","email":"cor.mag91@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-splash_1.0.0_1645458340728_0.774010657329431"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-21T15:45:40.647Z","1.0.0":"2022-02-21T15:45:40.850Z","modified":"2022-04-05T01:23:14.043Z"},"maintainers":[{"name":"corentinmag","email":"cor.mag91@gmail.com"}],"description":"spash screen for angular 12","homepage":"https://github.com/CorentinMAG/packages#readme","keywords":["angular","angular2","splash screen","splash"],"repository":{"type":"git","url":"git+https://github.com/CorentinMAG/packages.git"},"author":{"name":"Corentin MAGYAR","email":"corentin.magyar@outlook.fr","url":"https://gihub.com/CorentinMAG/packages.git"},"bugs":{"url":"https://github.com/CorentinMAG/packages/issues"},"license":"MIT","readme":"To use this library:\n\n```bash\n$ npm install @corentinmag/ngx-splash lottie-web ngx-lottie\n```\n\n> check demo [here](https://packages-xi.vercel.app )\n\n```typescript\n// app.module.ts\n\nimport { NgxSplashModule } from '@corentinmag/ngx-float-button';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n...\n\n@NgModule({\n    ...,\n    imports: [\n        BrowserModule,\n        BrowserAnimationsModule,\n        NgxSplashModule\n    ]\n})\n```\n\n\n```html\n<!-- app.component.html -->\n<ngx-splash \n    title=\"My Awesome App\" \n    message=\"Loading application...\"\n    [stages]=\"stages\"\n    animation=\"assets/lottie-animation.json\"\n    icon=\"assets/logo.jpg\"\n    loader=\"assets/loader.svg\"\n    (finalize)=\"onFinalize($event)\"\n>\n</ngx-splash>\n```\n\n**List of Inputs**\n\n| @Inputs              | type                                 | default  | description  |\n|----------------------|--------------------------------------|----------|--------------|\n| **title**            | `string`                             | `My App` |  title       |\n| **message**          | `string`                             | `Loading...`   | custom message to help user  |\n| **loader**          | `string`                             | null   | path to the loader (svg)  |\n| **icon**            | `string`                       | null| path to the main icon (enterprise logo, ...)  |\n| **animation**         | `string`          | null     | either a lottie json file or a lottie url  |\n| **stages**         | `Stage[]`  | null  | An array  of object containing the following keys `messageBefore`, `messageAfter`, `observable`  |\n| **keyframe**     | `Keyframe[]`                             | null      | animation that is played while the slash screen is active   |\n| **keyframeOptions**         | `object`                             | `15`     | option for the keyframe object   |\n\n\n## Stage\n\n```typescript\nstages = [\n        {\n          messageBefore: 'Initializing profile...',\n          messageAfter: 'Profile initialized!',\n          observable: timer(2000)\n        },\n        {\n          messageBefore: 'Getting data...',\n          messageAfter: 'Got data!',\n          observable: timer(5000)\n        },\n      ]\n```\n","readmeFilename":"README.md"}