{"_id":"@code-workers.io/ngx-block-ui","_rev":"3-c8a9c8b3d601c4e14f03d2661f7ffb2b","name":"@code-workers.io/ngx-block-ui","dist-tags":{"latest":"1.1.3"},"versions":{"1.1.0":{"name":"@code-workers.io/ngx-block-ui","version":"1.1.0","peerDependencies":{"@angular/common":"^14.2.0","@angular/core":"^14.2.0","rxjs":"~7.5.0","@angular/router":"~14.2.0","@angular/platform-browser":"~14.2.0","zone.js":"~0.11.4","@angular/platform-browser-dynamic":"~14.2.0"},"dependencies":{"tslib":"^2.3.0"},"repository":{"type":"git","url":"git+https://github.com/code-workers-io/ngx-block-ui.git"},"keywords":["Angular","Block UI","Spinner","Loading","Loader","Overlay spinner","Angular Ivy"],"author":{"name":"code-workers.io"},"license":"MIT","homepage":"https://github.com/code-workers-io/ngx-block-ui/libs/ngx-block-ui#readme","module":"fesm2015/code-workers.io-ngx-block-ui.mjs","es2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","esm2020":"esm2020/code-workers.io-ngx-block-ui.mjs","fesm2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","fesm2015":"fesm2015/code-workers.io-ngx-block-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/code-workers.io-ngx-block-ui.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui.mjs"},"./http":{"types":"./http/index.d.ts","esm2020":"./esm2020/http/code-workers.io-ngx-block-ui-http.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs"},"./router":{"types":"./router/index.d.ts","esm2020":"./esm2020/router/code-workers.io-ngx-block-ui-router.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs"}},"sideEffects":false,"gitHead":"12b7bf7a870b5b427275c361572c5249d5b9fe4c","description":"> **Important Note**  > This library has its origin in the awesome [ng-block-ui](https://github.com/kuuurt13/ng-block-ui) library > from kuuurt13. We are very thankful for his work. > Why did we release it as a new library? Mainly to support Ivy, a modern","bugs":{"url":"https://github.com/code-workers-io/ngx-block-ui/issues"},"_id":"@code-workers.io/ngx-block-ui@1.1.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-DpNLLE8Vda2rOyyOP6E9IcgrC9P/sNal7Rdt0mkpxvxBeriY+7Si0xswusGRCsuptQ+pn2xM7TYqsm6cZee+lQ==","shasum":"3b1e856df12d00fdb714a75bcbf5ab588ba18b38","tarball":"https://registry.npmjs.org/@code-workers.io/ngx-block-ui/-/ngx-block-ui-1.1.0.tgz","fileCount":67,"unpackedSize":323033,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBR6udvRt/avBcDqYqG4D4mIOCEW3lAv9V3BTGxVW8fCAiAqeISQ9uN1TJHRQbxc/V7guregcV/L5Abe32jnrHpSWw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeOd7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXmw/9Gg/N8BLIcNbQDj5Yd4k4y4Sbfg4zOlBvxfuYe3cgiOe9aR5x\r\nhLRkCWf1FcKDdKzRjfXc3dyoqlQtXd97NTiLcKZDApastykgqIpR7AaaE4ds\r\nNUW7Zt11qZ7VbL4sjznZDqsPckG57cbqaVCqEJH5PqZYx4U2STmCo8G8l8Vj\r\nwaFEYhLKPl6ENhP6cahw2b6bqVkNjjx1I9zNy1f600VYvDyvYoTnS7elWF42\r\nwNKbGJqmlLUzjLy5G2B4hJZQmvxu4aQ0qmXxVPOQ+QQPpH0iv4ad7S/3Dt6J\r\nRVP/rlbk5TyF8UOsdPUh/ByjSrN3eZ1UpmqVSZDGB3SExNubPS8uSzhwArfM\r\nFB6qjV9AwP7H4K7uBFjicHKclMs7TjcSd3sw4p9BaWA3ZirdN4yB2bAGRL6f\r\nUn/3reHyebHkCnb0U5Mo8b+kehCFBvmIs3rSMpWxkspE5KE9EMv9hJuciv/S\r\ntIoP7f9Bhk43cEOOymIcoBx0CRWsNcBW1YK3Ot54j+kTGG7fEoKGnIQO9DXr\r\n43GP2PagQkHBsy9d74NeUyWqQg4vREyG4Lm6DOTrp7lUQgmUW+DhH4q3daDD\r\nndyuVT0aeUoDdoRpsQnxs2Fhu+uAGOJwKSxlAldQzUZPl4Rk0myXPE3auZ2G\r\nkocDbgRoccgFcQUlmZH8ZoP0GEBfcyaVYDc=\r\n=dnnJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mikelgo","email":"m.gonser@icloud.com"},"directories":{},"maintainers":[{"name":"mikelgo","email":"m.gonser@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-block-ui_1.1.0_1668867962925_0.29841804947546846"},"_hasShrinkwrap":false},"1.1.1":{"name":"@code-workers.io/ngx-block-ui","version":"1.1.1","peerDependencies":{"@angular/common":">=14.2.0","@angular/core":">=14.2.0","rxjs":"~7.5.0","@angular/router":"~14.2.0","@angular/platform-browser":"~14.2.0","zone.js":"~0.11.4","@angular/platform-browser-dynamic":"~14.2.0"},"dependencies":{"tslib":"^2.3.0"},"repository":{"type":"git","url":"git+https://github.com/code-workers-io/ngx-block-ui.git"},"keywords":["Angular","Block UI","Spinner","Loading","Loader","Overlay spinner","Angular Ivy"],"author":{"name":"code-workers.io"},"license":"MIT","homepage":"https://github.com/code-workers-io/ngx-block-ui/libs/ngx-block-ui#readme","module":"fesm2015/code-workers.io-ngx-block-ui.mjs","es2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","esm2020":"esm2020/code-workers.io-ngx-block-ui.mjs","fesm2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","fesm2015":"fesm2015/code-workers.io-ngx-block-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/code-workers.io-ngx-block-ui.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui.mjs"},"./http":{"types":"./http/index.d.ts","esm2020":"./esm2020/http/code-workers.io-ngx-block-ui-http.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs"},"./router":{"types":"./router/index.d.ts","esm2020":"./esm2020/router/code-workers.io-ngx-block-ui-router.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs"}},"sideEffects":false,"gitHead":"40c1aee65a3538df680fc82551b18f34852d4730","description":"> **Important Note**  > This library has its origin in the awesome [ng-block-ui](https://github.com/kuuurt13/ng-block-ui) library > from kuuurt13. We are very thankful for his work. > Why did we release it as a new library? Mainly to support Ivy, a modern","bugs":{"url":"https://github.com/code-workers-io/ngx-block-ui/issues"},"_id":"@code-workers.io/ngx-block-ui@1.1.1","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-bE1EzyYvvK/eLkiYj7x0FP9uHEuCFn6qqBjXa7Qp6q/Dg8jhkZV1+YQTbIXNjOGC0jWpcHDj1m6TZWDKGC2+1A==","shasum":"53f6c2b6170fc96aa343d0a9c12b70da7d588ced","tarball":"https://registry.npmjs.org/@code-workers.io/ngx-block-ui/-/ngx-block-ui-1.1.1.tgz","fileCount":67,"unpackedSize":322966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqNCw7LDrnXOCqM85fgzkE07gWoWNC6pEyMs1TC615MgIhANFvQm/z8GTiibhVfxyV/tMFCR8YItlS5ECHcA+zEcmt"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjleHeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqithAAlU4K0XCXxxzuzNlzzxlGul9i6Lx/JiYL+vLpazBPTdgmM8/p\r\nPzGanHjmmxjPOrcWhK1+IoW8LXtVipEwjmpuLOtUjOGt/+BJFiYLEei7NJUe\r\nrbu4r8k8P/guy+2UmKHQ3JZg3+FCg+jG7jim65F/DI0ziVfWcWYrfVuoSkBs\r\n1/Rjq9mn4ACudgMBZZq4Ac4hkTjK1VLBGLpuEzM4U2wnfCXZ3wLNH2HM+33g\r\nscSrHAhSjvwK8YcXqgv52frS+TgTsOLhsxMYBxAJQnTkyqLfQvFfXuwRk4So\r\nlpuvgYmcoL9jGUXp9LGn7Kb2temeUCTPs8l5igoqxfcM4QrzZew9ZnWUig4Z\r\nkIhzhOuA6g46JIP8QNEKcudgd98tNJ2Q10qpVR61iMF+5/RsDWMbwPlAa9hf\r\nDpOgqYGVKELvURoieBLeqrhF54OzG+XtfYATihYrQ2ZASbWO9Rm9kZ7thHCF\r\nKKwXL6bxE40ykh4m1Gl9FKZxj6WittFXmziSJp0lHTZD+7HTtT8U2OdcJX5U\r\nIVJgGkFk6QH9vkxrQuHqKB5qVwQaBtVKhin8Pf/gCTQhlZnAM6kUmXSNRtjc\r\nJ7qb1LmdeRRAV0Yyj0xhDf3wbSH3x0iSdiYhkFPMtdNPknPCMs2LW7JceQp8\r\nH0Rz0zUK32ybyshD+n7zyJJYr8SpCvHtZUo=\r\n=PM/g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mikelgo","email":"m.gonser@icloud.com"},"directories":{},"maintainers":[{"name":"mikelgo","email":"m.gonser@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-block-ui_1.1.1_1670767070012_0.9821675727246755"},"_hasShrinkwrap":false},"1.1.2":{"name":"@code-workers.io/ngx-block-ui","version":"1.1.2","peerDependencies":{"@angular/common":">=14.0.0","@angular/core":">=14.0.0","rxjs":"~7.5.0","@angular/router":"~14.2.0","@angular/platform-browser":"~14.2.0","zone.js":"~0.11.4","@angular/platform-browser-dynamic":"~14.2.0"},"dependencies":{"tslib":"^2.3.0"},"repository":{"type":"git","url":"git+https://github.com/code-workers-io/ngx-block-ui.git"},"keywords":["Angular","Block UI","Spinner","Loading","Loader","Overlay spinner","Angular Ivy"],"author":{"name":"code-workers.io"},"license":"MIT","homepage":"https://github.com/code-workers-io/ngx-block-ui/libs/ngx-block-ui#readme","module":"fesm2015/code-workers.io-ngx-block-ui.mjs","es2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","esm2020":"esm2020/code-workers.io-ngx-block-ui.mjs","fesm2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","fesm2015":"fesm2015/code-workers.io-ngx-block-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/code-workers.io-ngx-block-ui.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui.mjs"},"./http":{"types":"./http/index.d.ts","esm2020":"./esm2020/http/code-workers.io-ngx-block-ui-http.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs"},"./router":{"types":"./router/index.d.ts","esm2020":"./esm2020/router/code-workers.io-ngx-block-ui-router.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs"}},"sideEffects":false,"gitHead":"efe03a7d77a41a9f935942a4da7950e91f0d6321","description":"> **Important Note**  > This library has its origin in the awesome [ng-block-ui](https://github.com/kuuurt13/ng-block-ui) library > from kuuurt13. We are very thankful for his work. > Why did we release it as a new library? Mainly to support Ivy, a modern","bugs":{"url":"https://github.com/code-workers-io/ngx-block-ui/issues"},"_id":"@code-workers.io/ngx-block-ui@1.1.2","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-Mh6/GF+5ZWDcF737Nl8KVMFvZ8xhPqwTSPladR7afiRKv3kC8DEIKXnOPtXVPgFJ+Wc0LwYgf+2eBw1ujnTN8w==","shasum":"ae3bb75c1dc24e62b3130d0a6dff7772d3dcc727","tarball":"https://registry.npmjs.org/@code-workers.io/ngx-block-ui/-/ngx-block-ui-1.1.2.tgz","fileCount":67,"unpackedSize":322966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNGc2pMbu0afKEDWZO7VsDu1s8r/ah22y7qh3kJ3oB7gIgHIjk2oebBVhBWNThezRgUOdIJHMffkhY/ZhEB6IBqOE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlvwxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGXA/+MPhAKV9T1CrhLdZq5Rac0cPI2yKFnBmEO96jHgPCqlvBp6i8\r\nZQFjba8Xbhj0/TMw1dnmVXewAPUnftQhUmtdbL/oDSYLwM+kNhz+vjq0Uu5J\r\nsZTVcE+iYLii3L56osaTdjCrf8e4rURphE8SgxOizpxt4lNjXKY9qJhHnl3J\r\nGK4SqvQvvDp7+MqLhAWroMPyr1u/GSWGc2kuxXef3evfDdjP0U4l/tTyh8gp\r\nTt9nyTvbTYs5PEGIdudWqF7uK0OH63zj2mENntbkngxco48vH8A2FRA35mGt\r\ntWhqTCpZpxUN22HwL0HOYL0tp9C5XJYumpFxoGXn+PjIV4wD31MpolXfvrnR\r\nAmPPlsgSytrTDTBAsjeucoxyyUZt7MOyvKRki7tJHLD4/cMSpCpAv3B2D9Sv\r\n9NJIZDWKMAwTwoPMapX3IlxSn4rHWOgGrTpo6pjBTVc12VQwEpCP2TL21o3S\r\nFGfRR+/G4I2RkI+TWvGcBURDAgvcfBcRfzG59RdWvv00BofY3+4m4ysRHkrG\r\nBW9+Hjb6eW7f13He7GNkwjqL1IvcxtyguqR2vdwm8FzeJT9KMUq4BLB4Y/JC\r\nDd/xvmvprc5mO4XHsDhopMF1ZrM5L+EBzDbYm6a0AOpumExfOritFgb3dmUb\r\nEXHtBLZNO+Y4L31OsR7QAtve5gNsT6sQK/M=\r\n=YcrR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mikelgo","email":"m.gonser@icloud.com"},"directories":{},"maintainers":[{"name":"mikelgo","email":"m.gonser@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-block-ui_1.1.2_1670839345134_0.12252341072311412"},"_hasShrinkwrap":false},"1.1.3":{"name":"@code-workers.io/ngx-block-ui","version":"1.1.3","peerDependencies":{"@angular/common":">=14.2.0","@angular/core":">=14.2.0","rxjs":"~7.5.0","@angular/router":"~14.2.0","@angular/platform-browser":"~14.2.0","zone.js":"~0.11.4","@angular/platform-browser-dynamic":"~14.2.0"},"dependencies":{"tslib":"^2.3.0"},"repository":{"type":"git","url":"git+https://github.com/code-workers-io/ngx-block-ui.git"},"keywords":["Angular","Block UI","Spinner","Loading","Loader","Overlay spinner","Angular Ivy"],"author":{"name":"code-workers.io"},"license":"MIT","homepage":"https://github.com/code-workers-io/ngx-block-ui/libs/ngx-block-ui#readme","module":"fesm2015/code-workers.io-ngx-block-ui.mjs","es2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","esm2020":"esm2020/code-workers.io-ngx-block-ui.mjs","fesm2020":"fesm2020/code-workers.io-ngx-block-ui.mjs","fesm2015":"fesm2015/code-workers.io-ngx-block-ui.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/code-workers.io-ngx-block-ui.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui.mjs"},"./http":{"types":"./http/index.d.ts","esm2020":"./esm2020/http/code-workers.io-ngx-block-ui-http.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-http.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-http.mjs"},"./router":{"types":"./router/index.d.ts","esm2020":"./esm2020/router/code-workers.io-ngx-block-ui-router.mjs","es2020":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs","es2015":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","node":"./fesm2015/code-workers.io-ngx-block-ui-router.mjs","default":"./fesm2020/code-workers.io-ngx-block-ui-router.mjs"}},"sideEffects":false,"gitHead":"ea09b8942f39f4e1e327501993508dff4395dc0c","description":"> **Important Note**  > This library has its origin in the awesome [ng-block-ui](https://github.com/kuuurt13/ng-block-ui) library > from kuuurt13. We are very thankful for his work. > Why did we release it as a new library? Mainly to support Ivy, a modern","bugs":{"url":"https://github.com/code-workers-io/ngx-block-ui/issues"},"_id":"@code-workers.io/ngx-block-ui@1.1.3","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-58xbLlQ4kYV/oNipqbkXH89Wp1fidQa4hGy5wdxcaANHUzd/NCJ1mpJNMNbuzGKNNeXTSRWUt3HGZInsPegL1g==","shasum":"15439512288cbab53c439ea3d7f666708bb8b03d","tarball":"https://registry.npmjs.org/@code-workers.io/ngx-block-ui/-/ngx-block-ui-1.1.3.tgz","fileCount":67,"unpackedSize":322966,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG6uTabXYrks1PlSkUMbfysvod8/aUFsJGJIvgktt14vAiEArrqylYsFAYSRk8OwqsCDeBgbhI9cx4oFnIO4wr9uJjo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjlv4LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2/w/8CQm+jVDQh0Pgff1+aBHq7AYX6UWjMdjIp1nzxal2mTyX5FIQ\r\ngRroRxRuOQl2QX28FRTyTkXoRERR9gS/mjdusynqPSbghQNtVSMsiTj8fRsS\r\n/gihF4qhdOp9EDoIbv6Q6AN7wYGydxMVnKP+mHUkKf+OgPVkIUrvujLyr6za\r\nUaXp4Y7f5dZrPFMHxcnnjzU3GsKq6Gc72hBVxfuCQBosTqYAhAt1+kTjv+U3\r\n0e6NuM8lFkIH2dqRXPs6A9nIOTQLcSqT4XANwBgUZz1z4nPe85Vac+Qgt/Cx\r\nQZcRDNgdz/Qkbx1brrs655tYWnAsAApK/XVGRhluu44p2Vbw2uLRlP/2Ed5D\r\n2d6tiKhGBd2Zulkw2Z0B+dJ7sKqUT+QOMCHYufAd4Jp9SFutu8HGkHzFXMCT\r\nsMkpzOKwhK43xqsImm5/Hcr9WeMU/3hmfS1h142mW64Jg+0CYVeQvh3V1KbC\r\nVCJFo0Qk4aopVaEIGT248B59jlvIGZUZ0aewF5+orjPNGo69mcpSBYEfA1ju\r\nLw1ZLifUmZWFRPjL20kt3fj8VtMaBiRC4rY9EAhdJDdT6VURaS+WONa/Dh05\r\n2z5XRU2cE0G1HO5KYldXA6rW7OmXXLKjgHsRl8gNtcQLhsuWm2dwHV8vwRT7\r\n/KGw/WkSSGavuAqIXOSyTgLXaBGFKGlXb8E=\r\n=VOBt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mikelgo","email":"m.gonser@icloud.com"},"directories":{},"maintainers":[{"name":"mikelgo","email":"m.gonser@icloud.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-block-ui_1.1.3_1670839818927_0.6592614214127812"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-19T14:26:02.871Z","1.1.0":"2022-11-19T14:26:03.126Z","modified":"2022-12-12T10:10:19.333Z","1.1.1":"2022-12-11T13:57:50.248Z","1.1.2":"2022-12-12T10:02:25.344Z","1.1.3":"2022-12-12T10:10:19.167Z"},"maintainers":[{"name":"mikelgo","email":"m.gonser@icloud.com"}],"description":"> **Important Note**  > This library has its origin in the awesome [ng-block-ui](https://github.com/kuuurt13/ng-block-ui) library > from kuuurt13. We are very thankful for his work. > Why did we release it as a new library? Mainly to support Ivy, a modern","homepage":"https://github.com/code-workers-io/ngx-block-ui/libs/ngx-block-ui#readme","keywords":["Angular","Block UI","Spinner","Loading","Loader","Overlay spinner","Angular Ivy"],"repository":{"type":"git","url":"git+https://github.com/code-workers-io/ngx-block-ui.git"},"author":{"name":"code-workers.io"},"bugs":{"url":"https://github.com/code-workers-io/ngx-block-ui/issues"},"license":"MIT","readme":"# @code-workers-io/ngx-block-ui\n\n> **Important Note** \n> This library has its origin in the awesome [ng-block-ui](https://github.com/kuuurt13/ng-block-ui) library\n> from kuuurt13. We are very thankful for his work.\n> Why did we release it as a new library? Mainly to support Ivy, a modern Angular environment and of course \n> to ship new features and improvements.\n\nA Block UI implementation for Angular\n\n[![npm](https://img.shields.io/npm/v/ng-block-ui.svg)](https://www.npmjs.com/package/@code-workers.io/ngx-block-ui)\n[![npm](https://img.shields.io/npm/v/ng-block-ui/next)](https://www.npmjs.com/package/@code-workers.io/ngx-block-ui/v/next)\n[![npm](https://img.shields.io/npm/dm/ng-block-ui.svg)](https://www.npmjs.com/package/@code-workers.io/ngx-block-ui)\n\n\n## Installation\n\nAdd to your project via npm:\n\n```bash\nnpm install @code-workers.io/ngx-block-ui --save\n```\n\nInclude the `NgxBlockUIModule` in your main app module.\n\n```ts\n// All other imports\nimport { NgxBlockUIModule } from '@code-workers.io/ngx-block-ui';\n\n@NgModule({\n  imports: [\n    NgxBlockUIModule.forRoot()\n  ],\n  ...\n})\nexport class AppModule { }\n```\n\n## Quick Start\n\nWrap your main components in your app root template with a `block-ui` component.\n\nImport the `BlockUI` decorator into your component and declare a property with the decorator.\nThis decorator will auto wire this property to the main Block UI instance of your app.\n\nTo start blocking your app, simply invoke the `start` method.\nThis method also can take a custom message to display while blocking.\nOnce finished call the `stop` method to stop blocking the app.\n\n```ts\nimport { Component } from '@angular/core';\n\n// Import BlockUI decorator & optional NgBlockUI type\nimport { BlockUI, NgBlockUI } from 'ng-block-ui';\n\n@Component({\n  selector: 'app-root',\n  template: `\n    <block-ui>\n      <!-- Your app markup here -->\n    </block-ui>\n  `\n})\nexport class AppComponent {\n  // Decorator wires up blockUI instance\n  @BlockUI() blockUI: NgBlockUI;\n\n  constructor() {\n    this.blockUI.start('Loading...'); // Start blocking\n\n    setTimeout(() => {\n      this.blockUI.stop(); // Stop blocking\n    }, 2000);\n  }\n```\n\n### Current Release\n\nFor more information and/or migrating to the newest version see [Releases](./RELEASES.md).\n\n## Settings\n\nSettings can be changed on the module level and component/directive level. Also, in some cases settings can be overwritten via the method level.\n\n### Default Message\n\nA default message can be configured to be shown instead of passing a message each time to the `start` method. The default message will be shown any time blocking is activated.\n\n| Setting   | Type     | Description                                    |\n| --------- | -------- | ---------------------------------------------- |\n| `message` | `string` | Custom message to be displayed while blocking. |\n\n#### Module Level\n\n```ts\n@NgModule({\n  imports: [\n    NgxBlockUIModule.forRoot({\n      message: 'Default Message'\n    })\n  ],\n  ...\n})\nexport class AppModule { }\n```\n\n#### Component Level\n\n```html\n<block-ui message=\"Default Message\">\n  <!-- Markup here -->\n</block-ui>\n```\n\n#### Method Level\n\n```ts\n@Component({\n  ...,\n  template: `\n    <block-ui message=\"Default Message\">\n      <!-- Your markup here -->\n    </block-ui>\n  `\n})\nexport class Cmp {\n  @BlockUI() blockUI: NgBlockUI;\n\n  defaultMessage() {\n    this.blockUI.start(); // \"Default Message\" will display\n  }\n\n  customMessage() {\n    this.blockUI.start('Updating...'); // \"Updating...\" will display\n  }\n}\n```\n\n### Delay Start/Stop\n\nWhen blocking with fast service calls the block overlay can flicker for a small amount of time.\nTo prevent this a `delayStart` and a `delayStop` can be configured to prevent this scenario.\n\n| Setting      | Type     | Description                                                       |\n| ------------ | -------- | ----------------------------------------------------------------- |\n| `delayStart` | `number` | Waits given amount of milliseconds before starting to block.      |\n| `delayStop`  | `number` | Waits given amount of milliseconds before stopping current block. |\n\n#### Module Level\n\n```ts\n@NgModule({\n  imports: [\n    NgxBlockUIModule.forRoot({\n      delayStart: 500,\n      delayStop: 500\n    })\n  ],\n  ...\n})\nexport class AppModule { }\n```\n\n#### Component Level\n\n```html\n<block-ui [delayStart]=\"500\" [delayStop]=\"500\">\n  <!-- Your app markup here -->\n</block-ui>\n```\n\n### Custom Template\n\nIf you want to display other markup than the default spinner and message then you can provide a custom template.\nCustom templates can be provided as a `Component` or `TemplateRef`. The template will then be used instead of the default template whenever blocking.\n\n| Setting    | Type                                      | Description                              |\n| ---------- | ----------------------------------------- | ---------------------------------------- |\n| `template` | <code>Component &#124; TemplateRef</code> | Custom template to be used when blocking |\n\n#### Component Custom Template\n\nCreate a component and declare it in your app module.\nThe component also will need to be added to the `entryComponents` property of the module.\n\n_Example Component:_\n\n_Note: When providing a `Component` as a template just add the `{{message}}`\ninterpolation to your template and it will display your default message or the message passed to the `start` method._\n\n```ts\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n  template: `\n    <div class=\"block-ui-template\">\n      <img src=\"logo.png\" />\n      <p>{{ message }}</p>\n    </div>\n  `,\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n\n```ts\n@NgModule({\n  imports: [\n    NgxBlockUIModule.forRoot({\n      template: BlockTemplateCmp\n    })\n  ],\n  declarations: [\n    ...,\n    BlockTemplateCmp // Declare template component\n  ],\n  entryComponents: [ BlockTemplateCmp ]\n})\nexport class AppModule { }\n```\n\n##### Component Level\n\n```ts\n@Component({\n  selector: \"app-root\",\n  template: `\n    <block-ui [template]=\"blockTemplate\">\n      <!-- Your markup here -->\n    </block-ui>\n  `,\n})\nexport class AppComponent {\n  // Declare template component\n  blockTemplate: BlockTemplateCmp = BlockTemplateCmp;\n}\n```\n\n#### TemplateRef Custom Template\n\nAdd a `<ng-template>` with a template reference variable to the view. Then pass the template reference variable to the `blockUI` component using the `[template]` property.\n\n_Note: TemplateRef templates can only be set on a Component level._\n\n##### Component Level\n\n```ts\n@Component({\n  selector: \"cmp\",\n  template: `\n    <ng-template #blockTemplate>\n      <div class=\"block-ui-template\">\n        <img src=\"logo.png\" />\n      </div>\n    </ng-template>\n\n    <block-ui [template]=\"blockTemplate\">\n      <!-- Your app markup here -->\n    </block-ui>\n  `,\n})\nexport class Cmp {}\n```\n\n## Block UI Directive\n\nSometimes you want to only apply blocking to a certain element in your app.\nThe Block UI directive can be added to an element to apply blocking only to that specific element.\n\nAdd the `*blockUI` structural directive to any element\nand pass it an instance name `*blockUI=\"'contact-list'\"`.\n\nThen in a component create a class property using the Block UI decorator with the instance name `@BlockUI('contact-list')`. This will then take care of wiring up that property to point to that specific instance in your app.\n\n```ts\n@Component({\n  selector: 'app-cmp',\n  template: `\n    <div>\n      <div *blockUI=\"'contact-list'\">\n        <!-- List markup -->\n      </div>\n    </div>\n  `\n})\nexport class AppComponent {\n  // Pass instance name to decorator\n  @BlockUI('contact-list') blockUIList: NgBlockUI;\n\n  constructor() {\n    this.blockUIList.start('Loading...'); // Start blocking element only\n    this.blockUIList.stop(); // Stop blocking\n  }\n```\n\n### Directive Settings\n\nAngular has a specific syntax for passing properties to structural directives. Properties are passed in `key: value;` pair. To pass settings to a Block UI directive they must be passed as shown below.\n\n```html\n<div\n  *blockUI=\"'instance-name'; message: 'Loading'; template: blockTemplate\"\n></div>\n```\n\n## BlockUI Instance\n\n### BlockUI Instance Properties\n\nBelow highlights all the properties that can be found on a BlockUI instance when a class property is decorated with the `@BlockUI()` decorator.\n\n| Property      | Description                                                                                                                          |\n| ------------- | ------------------------------------------------------------------------------------------------------------------------------------ |\n| `name`        | Name of the targeted instance (defaults to main instance).                                                                           |\n| `isActive`    | Indicates if the targeted instance is blocking.                                                                                      |\n| `start`       | Starts blocking for instance, can be passed an optional message.                                                                     |\n| `stop`        | Stops blocking for instance.                                                                                                         |\n| `reset`       | Stops blocking for all targeted instances regardless of the `delayStop` option.                                                      |\n| `resetGlobal` | Stops blocking app wide for all instances regardless of the `delayStop` option.                                                      |\n| `update`      | Updates current instances blocking message with the passed message.                                                                  |\n| `unsubscribe` | Unsubscribe an instance so it no longer can be blocked. All BlockUI components/directives unsubscribe by default during `onDestroy`. |\n\n### NgBlockUI Instance Settings\n\nBelow are all the settings that can be passed as a second argument to the `@BlockUI()` decorator (`@BlockUI(<name>, <settings>)`).\n\n| Property          | Description                                                                                                                      |\n| ----------------- | -------------------------------------------------------------------------------------------------------------------------------- |\n| `scopeToInstance` | When set to `true` a unique `name` will be given to the blockUI instance which will \"scope\" it to the parent component instance. |\n\n## BlockUIService\n\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring separate instances with the `@BlockUI()` decorator you can use the `BlockUIService`. This service allows you to easily target multiple instance across your app.\n\n| Method        | Parameters                                                 | Description                                                                              |\n| ------------- | ---------------------------------------------------------- | ---------------------------------------------------------------------------------------- |\n| `isActive`    | <code>target: string &#124; string[]</code>                | Indicates if the targeted instance(s) is blocking.                                       |\n| `start`       | <code>target: string &#124; string[], message?: any</code> | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop`        | <code>target: string &#124; string[]</code>                | Stops blocking for a single instance or multiple instances by passing instance name(s).  |\n| `update`      | <code>target: string &#124; string[], message: any</code>  | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset`       | <code>target: string &#124; string[]</code>                | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `resetGlobal` | <code>N/A</code>                                           | Resets blocking app wide for all instances.                                              |\n| `unsubscribe` | <code>target: string &#124; string[]</code>                | Unsubscribes a single instance or multiple instances by passing instance name(s).        |\n\n## Version Compatibility\n- v.1.1.3 - Angular >14.2.0\n\n## Other Modules\n\n### [Http Module](./http/README.md) - Automatically block during http requests\n\n### [Router Module](./router/README.md) - Prevent route changes while blocking\n\n## Guides\n\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples (links need to be updated)\n\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n\n","readmeFilename":"README.md"}