\n ![](\"logo.png\")
\n
\n \n \n \n
\n `\n})\nexport class BlockTemplateComponent {}\n\n\n// Pass template component to blockUI\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\nComponent | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 1.0.0](docs/migration-1.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Plunker](https://embed.plnkr.co/ZVDRrq?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Component Default Message - [Plunker](https://embed.plnkr.co/oTBw4G?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Directive - [Plunker](https://embed.plnkr.co/ZlbIhf?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Custom Spinner Styles - [Plunker](https://embed.plnkr.co/NiFr5j?show=styles.css,preview&autoCloseSidebar)\n### BlockUI Custom Template - [Plunker](https://embed.plnkr.co/yKzufz?show=app.component.html,preview&autoCloseSidebar)\n","readmeFilename":"README.md","gitHead":"3f13ad2bfa0b04a1a76ef8e5cf4c1e2aa8cf58aa","_id":"ng-block-ui@1.0.0-rc.1","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-EeigzE9+ToarwHbelsUHsoEz88DforZFsGlWYNGyf9yQVEG4JbfArqZxZGIzg1Ursf7JIyScaPg/htQvKpmqow==","shasum":"83e8ff2b08920d4ca0a97322755b74ee7fad1842","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.0-rc.1.tgz","fileCount":13567,"unpackedSize":129364090,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFih7eH0JBiZIL9MdlWeKwt+dRrRiCs8Y1b4hfJ3phryAiAnUjcUohjbfwIgj2lhrtd5NpFweFPWCVVo/FmE4097zw=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.0-rc.1_1520803585376_0.2945213913564495"},"_hasShrinkwrap":false},"1.0.0-rc.2":{"name":"ng-block-ui","version":"1.0.0-rc.2","description":"Angular Block UI","main":"dist/index.js","typings":"dist/index.d.ts","scripts":{"start":"watchman lib \"npm run build:tsc && cp -r bundles demo\"","build":"npm run build:ngc && npm run build:tsc","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","pack:dev":"npm run build && npm pack","prerelease":"npm run build","release:major":"changelog -M && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"node_modules/karma/bin/karma start karma.conf.js","test:watch":"node_modules/karma/bin/karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"files":["dist","bundles","demo"],"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 1.0.0](docs/migration-1.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Plunker](https://embed.plnkr.co/ZVDRrq?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Component Default Message - [Plunker](https://embed.plnkr.co/oTBw4G?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Directive - [Plunker](https://embed.plnkr.co/ZlbIhf?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Custom Spinner Styles - [Plunker](https://embed.plnkr.co/NiFr5j?show=styles.css,preview&autoCloseSidebar)\n### BlockUI Custom Template - [Plunker](https://embed.plnkr.co/yKzufz?show=app.component.html,preview&autoCloseSidebar)\n","readmeFilename":"README.md","gitHead":"f947714726bee1f3fafe0e59f71334a6f8eb17fc","_id":"ng-block-ui@1.0.0-rc.2","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-1+TUKsZ6MWBBE9XDFLvW8OodibS2txmf/btaFNUa+5oFnXY6mb5GZD4daygp1arpvf3Qr8WZ0TZTpPpQCQ8/ng==","shasum":"12d742b3a28e35755e5c93bbed7d7c54793a6087","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.0-rc.2.tgz","fileCount":13567,"unpackedSize":129365807,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEnndjmw8YuUb7SfSJFRGFEGh9g9quenuI9/X1Vyk8owIgY1rMW8On7cJN25mloiR3bWWM5aKqoV0oeO3NSq02zF4="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.0-rc.2_1520993976982_0.2955892571315739"},"_hasShrinkwrap":false},"1.0.0-rc.3":{"name":"ng-block-ui","version":"1.0.0-rc.3","description":"Angular Block UI","main":"dist/index.js","typings":"dist/index.d.ts","scripts":{"start":"watchman lib \"npm run build:tsc && cp -r bundles demo\"","build":"npm run build:ngc && npm run build:tsc","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","pack:dev":"npm run build && npm pack","prerelease":"npm run build","release:major":"changelog -M && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"node_modules/karma/bin/karma start karma.conf.js","test:watch":"node_modules/karma/bin/karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"files":["dist","bundles"],"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 1.0.0](docs/migration-1.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Plunker](https://embed.plnkr.co/ZVDRrq?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Component Default Message - [Plunker](https://embed.plnkr.co/oTBw4G?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Directive - [Plunker](https://embed.plnkr.co/ZlbIhf?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Custom Spinner Styles - [Plunker](https://embed.plnkr.co/NiFr5j?show=styles.css,preview&autoCloseSidebar)\n### BlockUI Custom Template - [Plunker](https://embed.plnkr.co/yKzufz?show=app.component.html,preview&autoCloseSidebar)\n","readmeFilename":"README.md","gitHead":"89f3bd94b06fccc32cef255d52fe3b9a5b811627","_id":"ng-block-ui@1.0.0-rc.3","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-Z1MLvMYztFEH9hIKxQ/ZP1iptRMmPH54RW5EfHeCfURzFxojgEJsZjBlvTvwU+OYjUsvNyUVAzHa/9MJf24ZUQ==","shasum":"fb266f56c785274738a9b02bd3521998023c4661","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.0-rc.3.tgz","fileCount":138,"unpackedSize":171535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDYEhJf8Um1hz3AbNofffxTTG5g3trtXKMR0SW16sJUzAiEApIn5qiM2MzOUgpo2npI3GgEm/cNwRMnU19FXyBnmgkc="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.0-rc.3_1521079807919_0.7758784097436136"},"_hasShrinkwrap":false},"1.0.0":{"name":"ng-block-ui","version":"1.0.0","description":"Angular Block UI","main":"dist/index.js","typings":"dist/index.d.ts","scripts":{"start":"watchman lib \"npm run build:tsc && cp -r bundles demo\"","build":"npm run build:ngc && npm run build:tsc","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","pack:dev":"npm run build && npm pack","prepublishOnly":"npm run build","release:major":"changelog -M && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add CHANGELOG.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"node_modules/karma/bin/karma start karma.conf.js","test:watch":"node_modules/karma/bin/karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"files":["dist","bundles"],"gitHead":"3e99455a46ccb75f7b7eed88e27a31089e421bee","_id":"ng-block-ui@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-LjIfqQG42n0vRUoyr5CPOi96ZDRIDvkqT5R69NlVJ4Ro4ptUDxVuPZX2PtkoIooo0Tt6bksB8COuMk/CqGuDRQ==","shasum":"7712971518b6b3332d5d8cf246d74e1565a4b242","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.0.tgz","fileCount":138,"unpackedSize":171722,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeAZWyV85O4H7lKeQpOL0dulz9ViB4TEJqV5LnbQ3c7AIhALsBXI53ZFCyzdHNha3Y99uSYXiUw5MDF/FYFUVQbUg0"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.0_1522974935752_0.46816197649826896"},"_hasShrinkwrap":false},"1.0.1":{"name":"ng-block-ui","version":"1.0.1","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r bundles demo'","build":"npm run build:ngc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"_id":"ng-block-ui@1.0.1","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-k00LKBzcR8Z3kWWMlNbglLown6FIlf857zpxayxLi4fBgXm0O8kCPF1Bu61YAbp217lgce/4BC+UwS2MQbqSdA==","shasum":"9121ba463300f3cd8d1f4a2e7689f3226bc7980c","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.1.tgz","fileCount":75,"unpackedSize":80065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDykWHCmi0+5af8EG29pwo+A7KXp4z3ZQ6QULtzIwjwzgIgPNXfI9UAtNSAXt807dhNbegcWx4Xm2lbJ/vNS+So9GM="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.1_1523220425743_0.5476446549124341"},"_hasShrinkwrap":false},"1.0.2":{"name":"ng-block-ui","version":"1.0.2","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"_id":"ng-block-ui@1.0.2","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-56jfve6/PXdul+9fEKBPUODCz2uUJ+PLA8Ya1mvt2CAcPnCduY8oQZcpTa3rJY1c4SOBjtlUgs+6Xpl8V/oCLg==","shasum":"f085494202f2f082ea635818c65f0cde9dab95d3","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.2.tgz","fileCount":75,"unpackedSize":80086,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSoglIQ68mbivGNQFytgiejeFpz9G0txNWFsOkFiUzIgIgYi6WDgZ7DjX7HZbhkM6qcLKx73VFz2kHeItoR/GzC/c="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.2_1523222555007_0.36256530836320366"},"_hasShrinkwrap":false},"1.0.3":{"name":"ng-block-ui","version":"1.0.3","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"_id":"ng-block-ui@1.0.3","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-6Ht9p+xDnx4ST8g63PP4vicD0ezLEr+vFNR69JphZhA0JZch6M4nezpRZa/tzGNuUULi64t1XJlfJaOdNlVfEA==","shasum":"869a6a1feec59e60adffec787734b0d2780fb0a1","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.3.tgz","fileCount":123,"unpackedSize":146862,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCICawyoJKtpkMZWQav6oXT9qeRgqrJ0N4d2n2lB9A5JLvAh8U0BtnQTl5UVi1S1eFiLnylgndSrVGWP+NyxARRdWH"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.3_1523223397550_0.12545702663691505"},"_hasShrinkwrap":false},"1.0.4":{"name":"ng-block-ui","version":"1.0.4","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r dist/bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"_id":"ng-block-ui@1.0.4","_npmVersion":"5.6.0","_nodeVersion":"7.2.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-TbXmj+WsnjvKsAb44ReVCfJmBLIX2rpTS/6sM1wLTW6Ev/Yj0vYpb5Eft8JiiuARrjwPounCv+ccb5fNQS+09Q==","shasum":"41b4ebf137316d766eea34215b29d9305f0deaae","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.4.tgz","fileCount":123,"unpackedSize":147512,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFBp2ojwjeMwYmRNuP4W7+jWiAR0GM4ELG2EuU3/mfWdAiACds2musyv84qBkqByYEFn6q4jAMQlxx+dxU9LValjkg=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.4_1523320293204_0.2417364907559434"},"_hasShrinkwrap":false},"1.0.5":{"name":"ng-block-ui","version":"1.0.5","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r dist/bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"_id":"ng-block-ui@1.0.5","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-DGsJh49dTbTwd7zbUP+v61gN9wN6zAO8/BwBlBD03IxX2+XA+DZDG5lOk9klLWa9S1N+mVPOtg8ySr4QN3hVCA==","shasum":"3ab17736818ea8bcf3a04a32a6f277850899729b","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.5.tgz","fileCount":123,"unpackedSize":150369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbRUzbCRA9TVsSAnZWagAAYYwQAIbL+Sd7tY3ZnIk2KoKq\nxi2V6+CQnBNqxyj+CgezZbu4qwvEdbgK0NE/fr+aees3pwaPehHzBhN1uwIs\nhuvC+o3QL9dkZtrzQQaxp4mqORMwUOXS36Nd1J9DYxCX2x281fF8Nc1wbEat\nhKwFCQK4r1RUcnIAyCCUl6UpLnOcwSC7uCR+MAvxMvRFvLpw6VRcHeNtcBF+\nJb+yEoEUn75gtHxvHjplUjKN3EDyEwwAL69Ku/YTub7W5zGOfqgLe/DjzV/3\nEGndo/agUZOcBdRZRBsyKJqtEWvaxDTE0J4D0TDjs5Op85erwhn7CSzG95KD\n6e8a4ayd/No6MoH84auFsVveuoWQSAOkFrNuN3Bd/ipmbpXwTmSC8nl6vh/u\nsVjvylO9zjBze5GOhfVAn4vK7NYtaixB6EwGML2rQHyit7UIWAtoqFmnsaA6\naZrlq3dQDISQyo9tuBB0UEaIvLlZEg5RjW7jsLZj9k+wXdh5GAkb09yrf20l\nGy9gh6fUCH2jNHLpw+KvfLCXxiI6CI0ueibyRmzhXMZ6WmPttlfEVAss2yyI\nvIyJwEEwU9Uy71V3CDwazVDh9TJA2B3tDeYjxsnSWnSHKxHfVmPlk7BVDTlU\nrTBDyofngKi/fY791BArXFyDDXboh7eJGtcp6NTY7u9lcfiW7ehs4TLyQEwI\nQihs\r\n=JBNs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBWask/o6nZU4bs4r7vx5gJumN0/eZZegYDmBmMFL64ZAiEAuUHEE/VMeAmM6gpAD5Am5v9VYpl7eR5xkkO4tkqlyPY="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.5_1531268315235_0.05475112631000423"},"_hasShrinkwrap":false},"2.0.0-beta.1":{"name":"ng-block-ui","version":"2.0.0-beta.1","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r dist/bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 1.0.0](docs/migration-1.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Plunker](https://embed.plnkr.co/ZVDRrq?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Component Default Message - [Plunker](https://embed.plnkr.co/oTBw4G?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Directive - [Plunker](https://embed.plnkr.co/ZlbIhf?show=app.compontent.html,preview&autoCloseSidebar)\n### BlockUI Custom Spinner Styles - [Plunker](https://embed.plnkr.co/NiFr5j?show=styles.css,preview&autoCloseSidebar)\n### BlockUI Custom Template - [Plunker](https://embed.plnkr.co/yKzufz?show=app.component.html,preview&autoCloseSidebar)\n","readmeFilename":"README.md","_id":"ng-block-ui@2.0.0-beta.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-fgaDGrMm3m9Ghqazf3Tz7pDuhYIeLtaYGKtGv6pO7DqW7l8buYbDEimiMintqJfV1jYXQk7/fjrRJWcwTdo9oA==","shasum":"9ff8d833bef583ecf979504b1be68905c8856eb2","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.0.0-beta.1.tgz","fileCount":123,"unpackedSize":148114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbSi6zCRA9TVsSAnZWagAASLUP/R41HOTvd2ab7PRZUQX8\nrrXInVUr9pIxo23F25H7nvTWI2m6yBvjSLd7v8cqcWoe9nJfEtqLH75hfkaA\n0hsQlaV8mPFjbTmLY0LlPKEVOYvC28A8afdnBDl9QMzdNpM5MR250Map1Ku4\nbbi1ghQ6jCwFTS+dFfecZzhrqh+kp5lYmHb198vNbmO76+GHMxzceGnl0bP+\nbrdf0TJAJABke4spM893kQ1FOSwQXzpY+xsPo4uIa/GrAfdspGP2vKlKn3MT\nN05+TdBD4kJ+f/iHtAGeL78kGJNCaEQdlklGWU8YBexCmm32fAYrab8VDJ6B\nVNmnu64NlobW71UfprF4jhOecwj1udVIOtlPYtNguX2sxYphcwsK4MMj+maq\n7LjCpKOQDMqhFn/1J0s6UHpnG1PYpdWkCCrW0V9cP6FDJhg7ZtK6zohqgnv7\nqRnpPqdq5DYj3ssQg+f8efkV+RHUd0s3KGJ91Ed82oQ1d2GK7+/fPg24+L9a\nDnbs1deutSzAoFuFh9k6dINasQKX4n4g/IKWg2seRn8JW2ckFOoZnWZIpN5J\nY6+FZkarmrzpM8nhCtmd0A/1KuQ0PDUMzQfzr/vw6fcY/CbPZ4mMrrfSOsWs\nnt1Km2yEn0iQ78e2zY2h2lcJ7v8SVKj9qpFEp7BkA8/Q4HHeSWo/NJImaYW7\n0JEG\r\n=lmxs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfdHTGD/OfBTRdr6XmfIoafOvqRHu8iGYxE5r87S/KbQIgCOd5vraHoqLMYmNQRmoQhW312NbYBqw7gpHhtdxk8Ug="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.0.0-beta.1_1531588274787_0.8039482336262926"},"_hasShrinkwrap":false},"1.0.6":{"name":"ng-block-ui","version":"1.0.6","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r dist/bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"^5.0.2","@angular/compiler":"^5.0.2","@angular/compiler-cli":"^5.0.2","@angular/core":"^5.0.2","@angular/forms":"^5.0.2","@angular/platform-browser":"^5.0.2","@angular/platform-browser-dynamic":"^5.0.2","@angular/platform-server":"^5.0.2","@angular/router":"^5.0.2","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^5.1.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"^2.4.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.4"},"_id":"ng-block-ui@1.0.6","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-Ao+Spx67qV5eFy0v9fAGgrwzmtdZU4XtiGlISY/bE6X8Wv2SqidNU/7EUfA7vUhK1vuSAbiA+C6FvNNdYWtaaQ==","shasum":"93a3d7093f58a08b3a9c8ec7f2b751f33e082250","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-1.0.6.tgz","fileCount":123,"unpackedSize":150591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbToSHCRA9TVsSAnZWagAArQUQAIZjUQG+Maf2GvwcAD5e\nkU40Dny82XNCA71jmF/Fd4PpnoBB3zBSLdZxwUUz7JqUsA6vwO05yjebpmyh\n5tTrhOlqH8p8zcxXuaUcXWSsoNwqd+PJ7KIb3RiGAjPLHDUxcmXvHVISxXQG\nulgireHqkShxTLsRyvlLjOCXHjeKUGpjnzoIJ4Gaze+nfcoLIqZXxa/tD/ze\npqS5nsjVID1ldLH4ybkpfXGaqXhGsLxXlY30ZuEjgBr2iN42CVbh1+/gAjzg\nWBbb5WHx1F/ggJxxJVNkU/0FKozQrSbNrn4mDXbNcnQz0h2HDvyoyIlZFTCX\nXZO1Guc3RtQdufxLhcxxKR3EOQrHv+RNCkG9Fz25uXn+uH9sm+0WyL8bKOPE\nvc/7fONakHgsJT4Bwue+eepeqBxATPZuMc8xhgHn15Qzf5cfpImUVYJNhtRz\nzw4NidAPo//EkFQiGtFrJew+TPEQ7vqrmvcQy602/eqgB2RPq1FjfAL2ZbCI\nSRRw2bTEzTCBKoIdl5ot3mcokIr3l6lyxJ9wtzBydQlbe7C4mNUHdz1IhMgY\nREgwaMg6Kt7CIdwxZ77yg7NKvpltVW+ldu0JNFeT9rW0Q087bcbX6rhWxd6Z\n89bXrOkLM/xEDIM6X9NofoE1zROlhZdqCaEH15SU8HXIeJ26utRaYDIYeNkf\nWwYK\r\n=UhSm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnLPttV79vZLSK+YE1SCexfQnZBJrd6nm6E4er4LD1VAiEAl1aEJHYSoC5Tn8XakN6hyxtQZ2OSBw+A8yxeljRyKjM="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_1.0.6_1531872391714_0.9486078869605836"},"_hasShrinkwrap":false},"2.0.0-beta.2":{"name":"ng-block-ui","version":"2.0.0-beta.2","description":"Angular Block UI","main":"./index.js","typings":"./index.d.ts","scripts":{"start":"watchman lib 'npm run build:tsc && cp -r dist/bundles demo'","build":"npm run build:ngc && npm run build:tsc && npm run build:copy","build:copy":"cp -r package.json .npmignore README.md LICENSE ./dist","build:ngc":"ngc -p tsconfig.json && echo 'Build Complete'","build:tsc":"node_modules/typescript/bin/tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"npx karma start karma.conf.js","test:watch":"npx karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 1.0.0](docs/migration-1.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/edit/ng-block-ui-component)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/edit/ng-block-ui-component-default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/edit/ng-block-ui-directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/edit/ng-block-ui-custom-spinner)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/edit/ng-block-ui-custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@2.0.0-beta.2","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-L/P7VEwHBtLOS3H2lLKNramV3W9mtslyVQDlp3yDKbW81DcW4damMYYgr1LtCfc/RL+D1xqQs8p0en2vRHf0Ig==","shasum":"9506974e7f702db77a3e4fa40759ebd6ac0e4e91","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.0.0-beta.2.tgz","fileCount":123,"unpackedSize":149125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbVMNTCRA9TVsSAnZWagAAoWkQAJLjtWAOES65wL8d7yOP\neyNrS+wXyfirtkfpjAfXWmmGld3pL6a6SqqR6zQ5j9p8AKe9blPoQL0olI+N\nr3/1Q0umkH+ElU4tKa4hGj+QfArsVygofCY2QSrFqUil8sIY1fjJOH2phBFh\n3swUrqZZCbEKfZGbA7TsxWtfpWtSh73l+COtBEiPlhioqFiKLS5TrRumDx8L\nbNXgnoKbmCIwo6eEkWxKB655tpwKOZ4TTG4kpieq6O0iYRgJhtbl7Qmp0MES\np0gLsFclFAteiI4wZ7feQkWiseZMrpl1IPD5Fqyg2zcWZHqaQgxjVT2+J5du\nICLtPZhVNsDs9sYlfdrvD/0rPada/vmcibduX4jMgmHDyguVO+oF9onEIp7Y\nSwU3QTOzSH/oIqqipghxcr6ut53wG7wYbRswa3lFB2o+U5KuoclscX8tf0Pu\npxWaRIDhvqXMFwCUO0FZUv0E4izkmsIG0m/nv3t026bWhfEYhadDYI1KpDjJ\n9bnJdx0b840DzkfRcpaLZR49O3xTXEkdJiBeGCzx5e5FzS2ckjSHAmo4ybqv\nvAiZEOGG6Z+Yi9iBYcFSlABAgJ+WUunkf7J+K9scV6Nnw0d5cKbzMoiFtfzf\nexMpc8oImSUZ9xrvuhss6mMbWRHtSPvPTuybi0oWtKCTuRULVfLzSkdnpiPQ\nMGoQ\r\n=n8X1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0D7/dIFbF9kHFeRPjb0USEQRFfjiREdJqlUXhokrkjAIgVGHiKgbuqgFmtXOmTfrMDkoKtJpXBHsrhFKNFwutW7c="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.0.0-beta.2_1532281683276_0.7160732211617056"},"_hasShrinkwrap":false},"2.0.0-beta.3":{"name":"ng-block-ui","version":"2.0.0-beta.3","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^3.0.6","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 1.0.0](docs/migration-1.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@2.0.0-beta.3","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-LgSb919I6Nq8LUFS+8K70MDbfsevSNKHUNrGrVwkofAGVL81wqsB+wxappK0/3sQG+t6I1MSmnsY6b1UTirCjg==","shasum":"71aeed88a06683aad448469192f784ec0a3bea2a","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.0.0-beta.3.tgz","fileCount":110,"unpackedSize":722236,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbaOwSCRA9TVsSAnZWagAAwnMP/2+pTnN78G50zk4dstWI\n8icxhejsDT4NlKRV8IxzNztTbsnO3fIUthEPomoxG58uOgiHzSeXP5rFVJ3v\nb4G5wyGMOwm111GLAI0sL2mPT0sUe1z/bnU8mI3eUwXTRHtvuHxfh1V5IA4v\ncmCxZ4aA0PEiqINA4ElCYX4GViPX1fBF8e9CiUt/2X+bUppC0Am7KeBPRrza\nwws8QryL1412JMHUEcOosFIFJoDaqyTXP6yEParpx98lGW4pKWoXVfNH3F2J\nZWiYu3rsmqHaFEvoztNTselhxQuAlF4hdVpzZ+DrHXH7QCLxz91wcAKgpx6g\nP536VnUFTnkJVQ2tb0fWgCT2+n+4CXvEt0MwqWpIwAv1S2i4OSnffhN7zd9t\nDDsDVb/KWv1/Vg4KpiNR6XnqGKkYTTJn9TTMGQoLPfMnyu9QjFMMGseWnAWP\naZmi0EKK+Jahsj1FHXNBTZJ710QgL9C7KbyPGgHfevaFjAQ5BSlxlFnKvhR0\nryiHEgh0ineCMmUCJ13FpMKGOpklosuSD1BaBEOU/3VYc4IUA8d85ubSMegw\nDcseZBiQxC9cAdBhLgbrPhishqk/O66wAz5Ukn3A5XoB/mKwp0kyYhL3I0ID\nzcWTjOkqGB9KrPa6NBW9j6A7tl8CaoNOD8zuwvNlqPafNQELyHF9cX6+6YFf\n71pv\r\n=1YaJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCatVD6/sIKyw27nzzXol47rsvh3ESIVaXNoebUJ3u5RAIhAKFf8aDhca42eJjpTE7OT8RPO7sxFdDMRPDZNdTXCweb"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.0.0-beta.3_1533602833972_0.1507844507567615"},"_hasShrinkwrap":false},"2.0.0":{"name":"ng-block-ui","version":"2.0.0","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^3.0.6","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@2.0.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-mPydGfQsrcpt/O0xnu6GGGJd28T0AzYzlFvZUjAZj4fUWfQAk27lnIAG4H1Fm5yh0oPZe5hmB3AzBgbGkqP0ig==","shasum":"a7809cd7ea3bb6d90a5374d12ac5fc85cfd0b064","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.0.0.tgz","fileCount":110,"unpackedSize":722229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5uM/CRA9TVsSAnZWagAA4PsQAIVc4O2xyI2QLMDW5WLE\nR/6temPcIw+lW04CAmVE9qAsbEXv2fHw7ZzOky+iRcdnqmbdyoJ8aWCiQrGj\nF2uF8oLZeJUv9PjUcCzTN0n2BNZsWAQXlrEw4PR5ug7y1Npg4VCEJRvgC5x4\nzM5JB6kZ1HcTK++nHvnv9H96+ZKGL5ETh0IDkuRpypbJ6ZNMCePX5Dgzat0a\ntnaFRnnP76VVj6jryOLl6dQ4KFFrgvYczY9e5jjnqTCbEWQB9tiDFa8IBg6r\nYZkPiZCrAowhm1Uu+QwgQaXsCC14yZD3xENH7Ek9Kxw9CDGJzt7SQ4DSXobJ\nBr0CaOTCHyMcKNBoQ4hGebaLI02TC2ouqGEoi4agqBfsdmWXZFSu1GimAxE+\nX26mdkz/9IYsqIiGVJkbuZQRX3CO76MTMTpmCC6jG0eW7ctRP07yV+6OjKaR\no1kHPSGezuSopzz+kdmoSADb+nPDvJgqpILUMTVaA5qhIhepeEmoRZ89mfgd\nbWlqsztswnGmp/3JiDfBuCHwELXHiY0afa+MNZ2zT1oKixMRaW5Dw6ZAjbu4\nPVEQV1jxrZvzBEe1+droY2QZisOB5/+iWxG1sPSDe+XkN9KS9S2YF06hXbhY\n2P/Ll7CcqCqSr7kz5NGJpBYZmnuj+v8vWAhFcCP5YmzjcoVMXRW/lVRb7I8K\nD1Cp\r\n=U0XR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVJQyMdnqw84mJljdBlupMn4oJ6x5EvNVkSyO1QtxX5wIge6czWmYzc7oCg+FjGh1V8uKjmLNF1/Ahl3C6ha4BmtE="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.0.0_1541858110435_0.7853374573842977"},"_hasShrinkwrap":false},"2.1.0":{"name":"ng-block-ui","version":"2.1.0","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^3.0.6","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-bjc2ZuizMdSp1eJDqA8+1jCF2ORQ2aooffchhRkpkjwZPPBkoFs5v7NEM+O3KieIr+4xegAl2LAyP7wu1JeWAA==","shasum":"4b46dd13ce44d734c735f5bcc55f198ba85104b4","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.0.tgz","fileCount":110,"unpackedSize":736141,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJipqCRA9TVsSAnZWagAA90gP/3DVt9wUoaSvHfsuVZA/\n0X92Hgkhdr47au/V7hJqlxyYhQvprqqpGbesqE2znHbZcGBkW6pCQELc8OOK\nOnvfkxOsWYlxSjjqLvqiG9extgDK2tWO0d/AngFXLwLhFUS3Ez4ebYR/xgzU\ncZJJW41GvW5IFKfz7PBO4deYH/+StGQi2ctLlWjYcRWxfGvBH3afrZQb7oe9\nt2L0f3+KxNdhLHRta6j4mX6BNb10arDrU/xfjSPOmLXkkiPCJjao8UJxxS9q\nNOpPp0m2vBOUr8KMuT9nyZP/NhRn9RvbryzU+CfK0XWjIopZvaFBAxMT6ve5\nLcgNanjHltXFIJ4emBUzceivhLo12ZIztbK88AsS/Hcx2kZbN0/+GaEnQ5a4\ncfqXzp2AD6BJ2D1ahwBWyZlxAE9hVTWUCBn2/XyPSJzMujrkcFBRomBZPevV\nI0/I2bAAAlndiTm+4XM3q++uczXZPYpTsAw3qUZ/2BoqEOMOmc/WznweuGjX\nM5t3RckJ9WKkvE6zswE2D8lXLI06dYMZzs30hX9B7DRHBHcbUNVwT9sVGsVS\nEidZ+znHX6VZsKPjDUiKbmmoSe+XlGj6t9Ue5RqzDe+ABNheYuuJv42dqOhA\nVZlfkNCCIQDcoLDL1S8c1hyGBTzu7bgLksQiiFPsj+yM1lM9yDUxtba7mz5E\nhUC1\r\n=4xCv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7Ywv2X/2IXQptfSVQ0C91c76n+yrkW6U7atyt98nbsAIgfpvvgrECFAx4OB9KDx06n3w0mvrBdhsa+IV6BMe9s50="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.0_1546005097849_0.4448931940957508"},"_hasShrinkwrap":false},"2.1.1":{"name":"ng-block-ui","version":"2.1.1","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^3.0.6","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-nfSIwcdj0pFkJpYIX7qnmQ5LwFBfYjVJLHCX3nxUCtmOj5mgEMSt3xE6upBt9LrRjYuYt4yHjPS4S7mh9ZOWYQ==","shasum":"3d0be18764ff9fcd5efe35fcee771d4a100864fb","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.1.tgz","fileCount":110,"unpackedSize":736513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcVCfnCRA9TVsSAnZWagAAaUgP/RmszgAkvPRCenkTTFgx\n1BthFh4BqMlIyQhFlek4ASWsk1n+kmfuSiWeBF3H1CbkrVssYNA/vj4uc2xj\ng/0rh6fcWJILEtpC8lHy12iI2MjAIcdJ5Ae7NacePEZkOm7sEbS9jITIvkC5\n+pU7up+XiZHkQ/tHDkQOsHM/XuDvyamGU4N75Az9F+4nI4yA6kBVC39E6lkE\nJOOIo+nOomWkleZYC6xqte9bMoEP/9exCZD/ebzS+HkCXpA592Iaii4JkryB\n/QnI2cO3i7plB3TgWHaO/9/pMXGQ7j0SgZ36QE07I21ePO5mOnmZ58I488up\nTCkK15sTPN7PgyefgpB9k6rKJkdKzSOyey3igQtHFWcBIT+rBBdzgQjtZXLg\nO2n2IBAhMez6AQuYL6KHGXriOprXme5eOFUU3cEEFdNT1foM5kVgRZ21uBkz\nn8NLtTeJOiYKN6tWOBc/8r5OMBe4gpWiFHA6eSvWf9bQ4EOMrZZHJzlQXYza\nxlomyxEPM8JW9Jrg6mPXVy7nNmNVtBEQgkgPOZFV8qRjVVnRr5p7Zt9wBS30\nzqytEBqlCd65HYAr+W3kIzDujKtoe7DgDJw0onSvbV4KItagXuHwFKqzbgfl\nZN53amzg2qFy7/IcEvkOcTp4K9vQLfD/fX8xvYJfl7yzhqQtba8FsVLktzq/\ngCEj\r\n=fIV6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID8epro57Ayv9hc/r/Tzz0UNic6OlAZu78ZyHBXbiqI/AiAYEEIkDQpH4whPe6Rn4Pzw4RLervs7+ASwpc77mJ97aQ=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.1_1549019110875_0.38608566469891703"},"_hasShrinkwrap":false},"2.1.2":{"name":"ng-block-ui","version":"2.1.2","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^3.0.6","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.2","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-d+tDAl9Y3ccdOWWxiRrNXpGe8xS5Dj7fBzLzup59vVlVPRPXUZJliJVfuIabOnzAlYY5qTHm7Ze0M0Ua1OP2Ug==","shasum":"2567937f77c0f10626a77a25ae98560ed4afaec5","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.2.tgz","fileCount":110,"unpackedSize":730844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcnW2CCRA9TVsSAnZWagAAVy8QAKRPnjETc+CxG1ciAKrd\nMdaiw5lXi6HTFmV84v/xCgUCKUnl0MciYy4X/VC7UteV++Pr7+ekx739KXYT\n9LHh3+9SwR4dQpR1grcU6keVUMDWTq5xOhQH4AwGIeAo8uW2Bu8enQ2lqnE5\nj+LZKv8GkQDptCAc3QsOuOf6+UmMgLD4PxkHg8VTXLMggkc7vOZQ+kN5XKeO\nOcKd5OqfRq4cOnfOucAboYBJrs0/AzH9E1cUnVqvrtg2/8PD66fiPuUO+YB+\nfiIFPR2bNSRqOQhy7VOCSWgPjLU7MixnZxRJeBcdAdzfbAGou632RpZ2kRN9\nC9/lxhqZMJjnG/05xJcMS3AD3mW7vinmTnvAD5pOYCxe4AW7+Nwgb2mmlL2s\nDcjJVdoz/cLbCYQSx2GifIG97Q/2BGjcn3WDwZR68AF2UOh9oewSP12kIyQk\nmogbBZaZXdCfJFpAom/yY2giTyFx2FjOlPjx8NjtxkQZ/8FcUdDd+GZ44Ubw\nqTOSBVeFzI+RnWm8zGrlP20f7FYRrrhuxLpHGmUP3WyNy/cahTcmg++SzbDd\nvb0sMzmKVIUVTD5aNs47o+VuNfL/XWVR5qUu3BoSymkmP2URePTxs7gMwYWt\nLeeWlC6qaS1EAzWfoLZ+c+HjhhfQaKovinbEkW8wxTYRhF/lJkIDdZYo318d\n3lus\r\n=4xjK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0TMoFpmWO2BHl/FMs/WmuuPQaszuzyvVwknTUIgOGgAIhAKEb6y8OhBqT2fqDb7vOEODYb419UP/p6ObOLWFfLTws"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.2_1553821057867_0.7815547222487327"},"_hasShrinkwrap":false},"2.1.3":{"name":"ng-block-ui","version":"2.1.3","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.5.43","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^3.0.6","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.2.1","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.3","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-enTg8XKHtkkWimAqIFaoLa0lJIcPkz8IpWScog1bqDqAcAAn7QZZ2l3N1k3gUPDglrO+ASZn8b6ODLQ3ffBcxA==","shasum":"c5f3be7409fc9923892a6445c6243341f1ac6cf2","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.3.tgz","fileCount":110,"unpackedSize":738759,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcpAmoCRA9TVsSAnZWagAA5vUP/1ZXYBP2aey/iPphpAzG\neArGUEMxJ0N5qarouyEtscKIZSjhIr0xxCmblH2XVKWigPVkq1jyb6QvKcEl\ni1gKoV1LauRBp3SAiJiokJdeblnOhmQOeY4FUqFj1PPzNvkavsLPrguwTxhy\nuj4aGQ3fMAbpT90fazVa4734BoeDQiMOhEE6+WODjklgvX9TMTIm0usNwu4i\nh6nR3k9geDbFibwUYDvu+f+vhozoJ9ZQ2YUS4kqB9IEu300QR8cDvOE8lUfS\nTysDcf9G0ayRRr4lU7c9bqMUWftEw9u1Wi2eqYFMmUoZMWMJij6Kug3WC/Tt\nBe95NkNee5YjzYhRncsWAyhJ5BQKFN/UHvkrN4a4eGUbcO6eTEMIyED7ZHE+\nGoDAH3lc9EcY3XusszsJgoeC3jSzRxdqWZ0MYnpbl/nLOy5XlZZ4MyHawItk\nqVtnlwBBnP7k3GQ6kyKrEAyoKBsr8ZC4nDAIjpW3Kmlt/jiA3bTy9uY95CFk\nOY2Ckd7r1zYCsc1ORF9h28tFw7tNl7X+Nq+vFg3YGmmhlksbusuPBo80yicq\nG9tLTc1SXPq3yRPoqdL/tIWou+JWyCLPcU+TOYU+ufIvfy4ksrcHB2l8ptbm\nQsYFR64HWSj/yew0me0ZJyBu25wHEfxrY785o2wtDvboUnhzpkfsbtMFUTum\nztI/\r\n=z/9Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIByg3V6Rjz9gOrO/4vAdtYDcU+u+dwMqiw04fRYsUCkfAiBps87K+v7DvkdZzfQddtKPHC2+hlNSBXIwHPpESqkkoQ=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.3_1554254247804_0.6116372212769701"},"_hasShrinkwrap":false},"2.1.5":{"name":"ng-block-ui","version":"2.1.5","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@2.1.5","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-fUAWceHkktlaIAHUOZRI9O8bVvXDEHjZ1c5hJpNXQTNJL25NlIjWlxAYxHHM3KRAz/4rJ1xQ6Ajw1PO8REzjVA==","shasum":"e72023f59fe7dd483937aea9553593e69372fc1e","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.5.tgz","fileCount":110,"unpackedSize":567434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAC6oCRA9TVsSAnZWagAAubUP/3mLQ0m3+FiIvyOuilUA\nIWoJPkrF5XYYL4S8AqyvV3/AUOFGGsMt1MRCavRVp5rt5sJO2mL3aljFlWx1\nkypx6Xau/iRggWKFjpnwS3d1uh3G1pqHJVT57SD3+Pyk5zZOjlSqZjpvrQdn\nrnKbEzAIGFw58sMLlhdPR+Iw6e7elDOjMri0mvEEoARfHEvk5C/sNGRf6/VB\n3OxwIZOZDKyzr0ioqEHY4FU8IcQiRJrqp2Q7s4C/tMjWW3I0JojaFjiHZiYe\nrhhM08ERk8bvHoBuPvqUApFvfwqioXVKJ2WDOF7GPCBZizv4uBKFY289nz/j\nQ1rULDyQvmEwORfltqktyX3MW8u8IJPY+k+A9YuB9Xqdh3XAl5Z7DYohiI+E\njP/Y1L/NsNEN9AdRtd9KbK27Kw38w117sohjD088kdW3HxIC4xvGtgjW3DQ+\nktJ95W0KXHfAMeotJAME45LfvSLEJ7QN/+2kFrxGRnNUCADWyLDzNbviJHd3\n/mOr4TT/3SPjuaCXh+BYcwtJRaQ+O02FA+Pvp+O/7zCfczT1nRTX5ro0MBsQ\nPWMGX/YzWbJJX3szmnbXdFkNUH5A6QU/C+RLY8650JqCwhd/SDouN4cCFdZx\nZuevFnf9ho4mFd3KLmcZilsKS+4p440VzdNUtbZ4yZodpg8vGUfF3uwvOfcP\nIGLD\r\n=U37z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICxU+gjeTMhfBFzAjJxcA5KnR//lNBE7RnDQ1IQ6xFzUAiEAkT3EFhJBtORjnpLIKBrqcR0RjedecqG1zC8+kJk5Zcw="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.5_1560293031472_0.4203353069774569"},"_hasShrinkwrap":false},"2.1.6":{"name":"ng-block-ui","version":"2.1.6","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.6","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-2AVvPJTUathJF4BSd0kAFS00Vnln3tv0AXYcGVfPNSkZia+jngO9j167MYe0ZT/E0cWYjhyz04mb5Sg5+qvddQ==","shasum":"5b5c0ef939eda937132135e25f4c625c6c421dfe","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.6.tgz","fileCount":110,"unpackedSize":569384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdJo7ZCRA9TVsSAnZWagAAaoAP/iV3stuLoyD9pV8ezDXb\nVPylf5elxKSNmeIyUjSFuuPKzNL/CVSy6LsLigwqyTkUQfY4Pu58WWJAe0F3\n7F8tr+GHHb3IJMqEwJqD1nu+OFn7OsrPiT55dauE9kJwZHu228TlulRIIGuf\ncRHyz2uHGsTKLBJdhP6fLoTdilxLo6MEuU+nvS5+RZCe1cwEpzHvLejozbJf\nWBv/l1onBqsObplqM2TYFyKhNpENWsoimEy4rikCBZJOD9MKeB0HVuReabiL\nfXv5qxHwARZrwYESBxix9XXh7XkIOqH0j6VROUF0/9I7gdh9cJYz8az8BC+3\n9XXr0deCe73tAhAssIID7QQp0T02GKxAroSeDusEZVdwIgEN5xCQL6WCpaC0\nVFSdIlQ+IyuVA4j79yER2BbKg0CrwEOtGaNyqbiotl5VCn+ibZv2gcNJxh8F\nxxKc3Ok7r8CDk2RAEB38z1hCGUE0Hfm8lAyeCZknDIlWMTHpdMLmLJJVRFVb\n3abm9GBRT2mfQlihFTsaZmq5u0kbtSuP1uBzUnsqo/adUgepGdZH0wrNjNWO\nUEpIDAxntM9Nhz5Lykb5OaW/S7BX0p3Yxn5Gn7TjtCLzjFGJkiwBP3Ma0zVr\nWOqCqHMyIeCYp8EsH5qQ7GeY31n2fe6RjWCy87Cj3q5LwyPumJu7RcP4K4sE\nurh0\r\n=iL77\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFLyEKP1iiihYmdcB6i7B1XhtGB6KDAD18ItWy9OZeQcAiAzZM+yg+44BTt9PlaRa6e/WfgdtRQQAgaqBSw46BlQyQ=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.6_1562808024572_0.00216420193477207"},"_hasShrinkwrap":false},"2.1.7":{"name":"ng-block-ui","version":"2.1.7","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.7","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-c06fUoFzTcj2n/ybrg85qx33u3ceIbEkpHJ/KEo2Hf7PoZJZ0H4jg55g67ChFT6Ctw/2FfGyejiHjsmfhqe8Aw==","shasum":"f1679d412df08cbbe48d83d526be4e17a84887e3","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.7.tgz","fileCount":110,"unpackedSize":570038,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdQjt1CRA9TVsSAnZWagAA2EwP+QAg7QZLLRziXMkEqKd0\n52uGbDMpAaun0MXvMui5aZB3lGQd60RKSxuPV+oOBDMHGFD45sunMHXmUf4e\noqcG5UELRgWuTFYiH95F6+kDtbUILWuqJcheTO04mDnc3ds3kp8kEYiweeix\nSR5QA/flqHdetzwjDu6I/M71hheQIbfyhe6MnqvWq9S9RVxEB7eaRUISIJwr\nWLEJPoOZR2KyzPoGVdJSvfYz2HE6XaZ18lMMfMVjASxkfa940XKu+/vaTCy7\nYyqcIzbieOQMj9rt/XfK4M9rEb5eo1ow/jJqnxR2vDeEU2Adv7K4xgGJKpEf\nI7yjkJr6Yz7F260ORw1i6t53DroYVJQo5mGEQ30siDh/G4ZTn6jfyZ59irnP\nKdgVenHBsRgfAeLHuR9Ydo5lLSTkR84q3N1uu6r/jP9Xoxr3tjWgY26U7AoS\nodE3atcNnRIJTDe9aXoltqMi60hyWhKWosiH8OMfF0h4NiAqy0V6sH1HOnjz\ngCQ9bW5Pm5K7QJ4G+uA3xGda+FepATH+l0rtAPbArTZgnxJnjXCSfziAJSac\nkbVsMPtSyHD5M1TA2XmSphgO88mP8f2HGD5pUEQmUynTzuvpblOPnAkq1Liu\npRJKRnbQE8rvw5/tqQjFLkYNRKSrkgDGHVbVEJJuILijOgqsa/hdN8pkMYL6\nPvnk\r\n=E36u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIArBTAmhzST38bzl42bKQgxEEcvnPtJDG7n84zRx1ns/AiEAu9fJIwj7OYY2IVH6MpPtgIe+h/xWfTyDxdATEPnsTAM="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.7_1564621684773_0.34429298467131475"},"_hasShrinkwrap":false},"2.1.8":{"name":"ng-block-ui","version":"2.1.8","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@2.1.8","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-BBcjUn9b/m3+wPlXkYExuy6ko+5oK7pte79gGUVo6a3HqpLnvPQXFgKV1kUpIM97NYfKKtR/+dPj7Xhh/GSV4w==","shasum":"e42d4bbd225ca98d0d473bb271d653857cf43768","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-2.1.8.tgz","fileCount":110,"unpackedSize":578531,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrjgdCRA9TVsSAnZWagAAF0IP/AsRf9bMYdVpjR6LM14x\nbiFAsTnHC0Tzfc49XK1DAmsFIQTvQ5XSbEkyTEJ+GUFVLD0VZ1KR73AcsNOb\n5y5JpG1N5+jJ1xM76CIdh/Rb05vFH1yJYxxooEQJftZp2f95LSNVd8SYVjxV\n6Kv5cr/vRY4qmyUeRvcY9dN02gWWFy+BUuomYhdU29mEOPQXx15SurDwAQkl\ntOVmqIcHq0v6g1fyNe6BHtJARYNiZEc7c42bGUDPHJoawbz30iQrzM2QfHvR\nbCGkRsn0VaeWV1biRGO0cY1+GOQdOwcdkYPbBvl3w7QaMT0caf+OwTKJWRzH\ngiV88P4v2vW5pZeJBGR6IV+u497UKogfadoBmTvrPKaUj7TOn8XU/UgLE53D\n1Xxyal4lChrLOnjE1MLz3IMYLoVMjClAqyKv2Xt1vAehAU1SfujWhMLtVivf\nUgOr3l7TWozzCilnkqZ8gWPS/PgSTHInY9kSpUs/f1ZDPDTuiOipbfzLKPWR\noRi9X8yeNDSG6IHwcSGqIzPUvhWZW4kq1TKL4TUp2YVluVgxm7LuN3jqxeAg\nAxgC4QgRzAKRc2HP1Q/qNFyM0L/XWHYDMEh/EvKQ6LwUjeFqaICWWCJx4lTg\npb2wWkuAcmRfy0rV6MseixYgwf4cxRLB7b0qfNaE2xRECaW7GKVpTC0aYxOC\nT0xr\r\n=hG1S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJJX2AyapeE2rWFoqb43ypC6WOwfvQ5jPQpONInm/CsAiEAwziVtpj63gnClEm++Q9km/wnTKkpkR1nX+wmD0ee1LA="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_2.1.8_1571698716709_0.4875852602682056"},"_hasShrinkwrap":false},"3.0.0-beta.1":{"name":"ng-block-ui","version":"3.0.0-beta.1","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.1","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-CCa7qLPLLClkQscBLyaz+curnguuBAH6aRBQ4hnVPg6JNtLE8vca+FDwBxpHRsglzmJkg2IhnbASgp+G/wQeEw==","shasum":"09e23171f7a6624196a6302b2a7d962673a11eaf","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.1.tgz","fileCount":110,"unpackedSize":583251,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0dfACRA9TVsSAnZWagAA304P/j1CcQm7eBCw+I2NbAxn\nYfyvfiIulI7lQLDYS+iGMwzuNy7vzBJu8+qQQOpYlnLNr/6hOkSL2c+98Ppb\n35kxcr5ORs+r0qROAnBbI6RQ4hpYebNE9RKRNkSxF4vModEUuk0IKOfUpcyc\nq0sDvjBcOmggWuPYsWKxlM5JkbYPQGRauVtivzXCr4T9arwZMkCR9Mhuw3dB\nE1q16qh44/Etl7Q9aSJBahzrOaComdd9wUDGbc8uJPrsKDGQTJd5UCnSSZhg\nS4/Q0srvzjMZNMSs0razwTClrxe/IHnGkVIuEI0GU4jmJEpek5pWYFZT9f+J\n4uIT6gT+qW+M92ZRyoRR885vtXfPRsHWu7HiRZ1758sBtEB5+uifQFJE+rPW\n5gLG4va9iEG8ooPIMjOJuE1ShRPJqO4E1WYZXFIOPXWXFaVEqfupAURxpO3S\nSQ3OVD58wEXr3Ji8N2SPMo9CVNdk8mauPPgNj2fVI2Sz5Uh7vaaVjOyky+EW\nX7LBX35OCR+Qd4jvK9f3pRnMzE0+3smIZLPtDhs0JbFLhRY9/ofxxEiFXzOw\nKbXDboEZn1xF9pvf8KkupHPpmQIZwLwtY3l7DBx+Buf2jmuFV6efL3EwV6a0\n42B0qETv257mcUbc04hJtw+Mnkcj3lkkS+sSGemxnTX5Wh55mLfKSIyNqRo9\nBmTm\r\n=p8J+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8FPbKUNSsI41QzEqo9zSv1mlSpWCIcagL9Ds91gBpywIhAPyLTCVe6L9JuQ9y2D4n3Bl48W09ZO37bF6o+hDsFPf/"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.1_1574033343568_0.7262151523871792"},"_hasShrinkwrap":false},"3.0.0-beta.2":{"name":"ng-block-ui","version":"3.0.0-beta.2","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.2","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-17LRCveTmRsh9y846re7jZmB5/3RRQ/FN+7fZ7sZavsTf5NM09Z4oD6jTKENfn6R6w9++oWyu+i/yCFgI/M4DA==","shasum":"c7918098b6a7efedaf797211afe38aff4e1f7a3d","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.2.tgz","fileCount":110,"unpackedSize":586104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE+sxCRA9TVsSAnZWagAAgxMQAIZpqe3EOZD7TXb4DdBD\nrLNZKsOivzQ707Ix/nZ2rQQTuWvtwjQzfkalhV/iPy/eRpaQIGeQzoXZMEVI\nlRHqQr9jQyzFzGagU0KQIuSHMgK81a1uc3Fli6/HO6qQZCLE26WM7+TSJfAs\nSHiDvsZUOeGeyQmDLd+MdGhP+5ThH5cZ33D50H2puVYUtk9uqGJVMAacVfyJ\neFj+Vx/SX2eHwK2Ntwu6q2fotSdZDs15jZMQWA1UXx7ZdPpB+idOwC9zGPWu\ngUH25wkLjk6PvcW76MSKnc5CcJoDrZEjIsnVq357KoVuoKNYIbPPTuYzNIcz\nI8l1eJIisnhC73D8cHwdUqo3JoHS5vN1DgXmNyVuG594XAWr04mIBxR44u0v\n8qivhpp94mGnYJlimkUC2uh1Kuj2w8dxtG5xm2v8Mzx+JN1XIiEh0NT7tKWu\nheO1kJtlNVjX3p+wd1RueOqb/Hipd/IOiRd0sRZzWuwoz2Bru3wtr+0euqaO\nvtuAyE1wOKPMgOgTvUedV9WjA2aU+ksLcqfR/qQCalV7fppctvD4Pj2QAbpu\nxew4fOu2G7R5sXEmf0pyTHYJTuM0uIrr42fZdnDMHuOBARvFJZ8o63JgnHPF\n63pMOY7a8LHVJJrPhiJF/kS9xMX420gTAkX5AFcB8kMFPmdc3k6+2FHIXfom\nj47n\r\n=fKA1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTpNUCsgTfVbrwpfOW/Pq+4IQ+UwZwW1PhEpt+zlfAvQIhAO/whzn9a8JcMvTxSVfDA9Ks2VAshjRwKRslKPvrgRdP"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.2_1578363696884_0.6252646462464286"},"_hasShrinkwrap":false},"3.0.0-beta.3":{"name":"ng-block-ui","version":"3.0.0-beta.3","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.3","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-S66Z20owFYFvint+ryIGySshJeZOIo6hPARVKd9Kb+ZDwgWTLifFCqrNdyuFlnfyn436aYgIVqfeu1mCAkDxmQ==","shasum":"a7f6b9554336b949061fc04afb108d00f2409ba5","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.3.tgz","fileCount":110,"unpackedSize":590745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ56rCRA9TVsSAnZWagAAOSYP/3uuXbfOEwZPVJSS8sai\ncFzFEs33VF5dBCH87rNDyPUCzs34X5qt/QCrm0JxiaZ/FoEmMLXo52ZXLB5J\nAhPckCkKXE4vjHMujNEVyWbgvRS3iqoLo18hISy0IrtFCwBkW/fgm2OLfXQf\n7mocmhXm8aP280L1owRc76GZTSrYlPX5NkDFDwFWOLMmnV+NFF9Tkcj6gNcv\nWNanAazuDUzMIf9q4uSlgtlTIBSHbJW2RswOHJMAtCYef4iPLiDLr4LERYxI\n0GVXY02nYXG62gwXYvH4SYrPpW3jG188PpR9nM/nmJ3718mk+GrzG1uoKM9l\ndtSsNVdFlFqMGkhpjgzC9xQI2Htk5Cd9ZJEEuQrlszyTi5oKqTLYtoJjJexL\n42KyJwrzlbDBnOB8ZUX8qqR2PQR9R5SW09YtsOav7G5yyiM2iQto8MAEDIpS\n0TpLTmbXuRGZJBDuoM7xvEXXSuCzysEgfMA6oSJptAy5r1cnDGPZXn53/q/I\nvNJXpVbkShAlqbN/khxZYeeAE3PoTEoUEMxCrkMFhnR9dbfhbWmXE2nzG0R/\n2rj+pnE0/w+EnIIx6kCToWhQGdZHayCeL6qYj1/T8RUDk2GGNO4EGCOHWULl\nRspOW7tA1xIhxyXOL6S+mDpjsnsdt+Wv2joGeaxgZ+iyfepo/zDSqU8nkNqN\n83DW\r\n=ueMg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEL2SzQABlVkYrR1B8d9zN73lKNzDiU3Ig01Uq2dnhynAiEAkc5oQQw78SGLpGcIV6b3rCztih78avhCiKXxhf+M73U="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.3_1579654826678_0.8728673408224776"},"_hasShrinkwrap":false},"3.0.0-beta.4":{"name":"ng-block-ui","version":"3.0.0-beta.4","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.4","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-pnQhfZO2RShshMFLi5WlsT0IfG/Z5yCApkMLz4jfFfnUFn0qS/BluRSvG08TgBTtCIac4L0GOF9/7jMlnCdRkg==","shasum":"5b73b0debb991d5dea36b72c177b72766ae26a5c","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.4.tgz","fileCount":110,"unpackedSize":595095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeM3RGCRA9TVsSAnZWagAARVMP/jVtHZEntv0p9Sxk9Ydg\n/dDJQr9G9+k81ZzOasBQBQhcLEJM/YGUMIKe0b5VmsiB8vBCzurobcFBmI18\nTiHF1caMbTUSkH9p/V/BgsJ5F/GCCCud7zzbsGnY4HG11jmSZM4TpmVOcZn6\nLLdaIbUqH/zXmrl7yAw1Kouv4gzebjqezFAYuCJQGLXYi5dPctuAJYbAvs6J\naI4O2tJ9ucWotTVn5taJ//+tL1y2wu8JoHXYHj5MXvsg7AmG/KDnYCvDMYZk\nClpI4Us4muVP5I2hxyNH7QoXqQpOwn/FthCUqHCNTwA0F2GwtxqkvFEC2vF5\nec1cceWubfef/3tu3td9HT0JkgLMyWBZkIRg2VCRPV5SwI8ntm+5EkrC/r/5\n/8QIkmJ1o4bLsY+v2wr/p2Dd2sf75DuriJyML8dDDlW8Ewhr6Yxgw1z7ARJy\noUOpdq+2vjDBGd3vLf1QINE4Cp973acF4BX2hfXnuAQlG2RU9Hzi1GZVtRX0\nTk+j27wcKP7oAi5iQj01YgPP1gABrpuwlvdQiMnwBw2tdIuKydnOzETJKJ/b\ngMeOoOOeY9Hw73NA8/qWwMENkYm5pAXOWBQXj+5DKhPyxTVCRJE9KbH48KjY\nQ+vi1kjN3Eh1BZ6B0mn5LA2n38KD9XpOGo50AV9K9xnLOmiD6KDztl4AGL8J\nCfUP\r\n=altp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDFPSR8IJDe1XDMqCLmddaRyxqneuuAPFjstQYwoxTYlAiAgGAJfrQSwGQM4KORJvvOtEptFZScBkDJ0Pg8+4XuspQ=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.4_1580430406221_0.19778084403330976"},"_hasShrinkwrap":false},"3.0.0-beta.5":{"name":"ng-block-ui","version":"3.0.0-beta.5","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.5","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"dist":{"integrity":"sha512-zxWsTw7JjUhb7rW3Kbwlj5lKyO6+vj+qlehfnkKJZcWgdV6kbGguQf6GEKOyjanMQEDm7DE4jBOR5WkqV1i9rA==","shasum":"da4fb49d31de56b8414b02a26b5ea398e359e467","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.5.tgz","fileCount":110,"unpackedSize":597112,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTIHfCRA9TVsSAnZWagAA9YUQAKKG9lw7NPX0Bzsnf3mt\nqJ8Zsm0+PT4m3C6OJDofb10zKWnelEwpoS3TCBhoo1WjkTrje53iu4D01YVS\nd8H3jsMwPDWiV2kC0AbXhZmOU+WzLWd1ZjdqN7Ic8MjeCbOGjbuYi8jo4BNf\nCiOvjZcdEQvdr80qajZJqHdwQ0UpDmuGbVrQglXiVCji7s1YsCXFytSwQTGs\nfVRrAngMMYQUYdLefXa+BiiDgs5Q3eMJ0Y+qCWlxUuYRTED74sgXCi9T+gPr\nu71D8Fg7i8ItzbQRIvDEmS8neYAuwhHjXRALamSUITzH8r3Z2dyTbaUQgW/4\nvkjJAG1dtpIW/QyVfdDvCxVBC9S8IqdG85T9zK0uajsKnR4zrKB6I/XKITjO\nfWeb2BCKJLQsxrb0EoKfozEB4rJ17sGyWctz1XvKgMaGTBPFX0PfZ5TVlueQ\nSTJy+rakeDVQeaTrrHaPQkB0/aIifBR5AB8Gy7j5qm1qbmbxC5V0TrsPefQH\nV2lMWtJNzGmszOzghf+yyzkvsLjR0nxm1sG05jwz7OpQqRl9HuBM/u4hm1CE\nfAv90aUsL7LfNRykN9Q1N+cIA7QauUDwqVXc9MEN0p4KjDojf/cPr71nrrGU\nZLKcFMbw+hslr104o+KYAkfnb3HZrvktNRVOghsyzAyX8/EebCChPm10gTz6\nvAMf\r\n=tBgd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDirQYn5wHY80Mh3COR5rgRUnPASQsxFylwvYIAjnldtQIgJozg4kGnSI/Ic3+IQV9iTIwF+V4HMKd5oTGrTTrohBk="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.5_1582072287168_0.481308123765003"},"_hasShrinkwrap":false},"3.0.0-beta.6":{"name":"ng-block-ui","version":"3.0.0-beta.6","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.6","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-8GiJfY3P0dAvj1wjrq10YbDmoRzDblgucjOblpugca+SctY0VPmronBQ498QG+nUMR0zWtuN5zTYuJ6vT8nMHw==","shasum":"53a125e7af491cdf8e51894edfe11ba8d4aef09c","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.6.tgz","fileCount":110,"unpackedSize":599452,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVb4bCRA9TVsSAnZWagAA0/YP/RR5H3ujWTSjZMJ9sbOt\nJujUpS+U55eQTc+q6GmTFays2mBfyDOanhtPlyaqa8AWkgi5A7PK4VwJearu\n1fjFY3Xt0IaKHcUxYWrDSgtZ1PM5iooZZXNRHG+WuOa8UwYl4IP6lLEz3t1k\n7ltE5NR6K9ViVolEOG8aFgRHTuJ1aXbgxQuMS4Uhy6n/NMedA3vFdbEgziGw\nQMPmJQblyepnp5XJJSyqejvTiy6++16zBr/Pi4j0tmkVL9Hl+ZLVhQlKqwgw\n39eE1PAxiILwOJqZnXhYtRf2v86gfGQn8vPkS8qUUY4e6OyHh3aVFbW+4gVa\np+cgxAZd1ompErTAjrtU44mRBZSc6OP5w4Dsa6L93lN5I/3uc+az21/ECeYc\nkq8bg3wXOnTHTDhkvByzC3QJyY5aSlqhk82XoHixMloIbtWjCzNnZagptS3G\nbgphRsWL6JjkoWvI03NU4FTjG7hAGCOPq1xJbqFQfboNV0d4NE6/3BthnDl8\nX5/Fzj8owCVxJ7ILnwn9dxmtBT0Qw9iKMsndzoYLUPcxYHVqOBo1wQ/dbP5y\nGoX447op8VJivjKcRwwM+NnfVjpz5ccx16Ruag7+sNrZA7etgVLvxAItt4B1\nYLdMdoUMq4uUM//irklGTt2/YPVMCfAP8PWcx0FraZVFoALRMTkyNtbx3D8W\nV2VF\r\n=gVki\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1LeFZ4xTF9a5p2cGnap7tVFvuackM4QTsRJz2eSv0fwIhALWgP/aKJdzPwzEY5qDJmC9EowDrLDgyDMQj8gloxH7+"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.6_1582677531289_0.14307420868004184"},"_hasShrinkwrap":false},"3.0.0-beta.7":{"name":"ng-block-ui","version":"3.0.0-beta.7","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\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 currently blocking instances app wide 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## BlockUIService\nIn some cases you may want to have more control over all the instances in you app.\nInstead of declaring seperate 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` | target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.7","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kXgzu1c0R9XgJIhoeKbhmI4tYOE3n1ecuTjPDq9jENsg35MGpDlmx4UZAUXb27Zk1QV1jQTweFmvuJmI03crVg==","shasum":"1d2d31de160d275af024c41ea250817e88f26f7f","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.7.tgz","fileCount":110,"unpackedSize":604938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecW+wCRA9TVsSAnZWagAAbOoP/iw3iCzDUZ9ot40JR6b8\nb8LczCiE5u354fRj/ewZmdglYQDdoOxNs1MNFvDxohO2kbmLNg9lBIASzjqW\nasiuHeb4BCPCXOaEeWYfnUacj/2DMjIXu+3Ai0LWFkcB6PJa48KhPZC58UN7\nnM6D1WqVT4uEw82N3El3fVaDdMkhdNsJk1wO9gMP8xg6RFnmgpWi6ntz8hX5\n/nAXWNUwazziOJzTQh7eW269lYIpuxM7igUdw6LVLH3jg7eY8tuKCP7f5JsP\ny3mEi+AJYBe6YzsMukSSa2hbHH+Uh6pn3h2a4WQivdbzCu9VP03fFo9h6+zH\nudiS/2hrL69gpWUtK45N4eKmkqJUfVONss3hVUozgraWJt+l9oBVSCOzbkxL\nidZ2h6K7VxYBbnlw53cw1v1IsvusENmY3HEyyTgg6XgzEa2mqr/DBO+DuuIh\nLJldZwMO85XyglVSc0O9enhi9I9VMlSUkt3dSgJ1RLBnAShmYTGPgkcxUkV8\nnOyvfE/ulUGKzDHIwY56TXuGBdBaXQ3BwO9Q5sCKcaoBX/L7mWOGd45cF0er\nOvrXBdYIn0QF58K2dUikImaaAp5o+fLgQYvQLjUGJCgZkCLkjQ7EWFaDHLNE\nIhyrGG89IHL9TB0CSKSPTPk5ula0nRwTR3R1scPmKKr/dDXxzjTgP+ollQ6J\nQC6U\r\n=8FqS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC2xHzju10J9MCmLJZWDB73IfNs8UnxFm6dOUkOnc3yvAiEAwCG1ui57eLb/v7CindFOKn145J35LzPr6aWguDshvX8="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.7_1584492463901_0.04628901255858242"},"_hasShrinkwrap":false},"3.0.0-beta.8":{"name":"ng-block-ui","version":"3.0.0-beta.8","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.forRoot()\n ],\n ...\n})\nexport class AppModule { }\n```\n## Quick Start\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```js\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 Component | TemplateRef | Custom template to be used when blocking |\n\n#### Component Custom Template\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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: 'app-root',\n template: `\n \n {{message}}
\n\n \n
\n \n \n
\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\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\n \n
\n \n
\n```\n\n## NgBlockUI Instance\n\n### NgBlockUI Instance Properties\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 currently blocking instances app wide 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\nBelow are all the settings that can be passed as a second argument to the `@BlockUI()` decorator (`@BlockUI(target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\n### BlockUI Component - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default)\n### BlockUI Component Default Message - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/default-message)\n### BlockUI Directive - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/directive)\n### BlockUI Custom Spinner Styles - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-spinner-styles)\n### BlockUI Custom Template - [Stackblitz](https://stackblitz.com/github/kuuurt13/ng-block-ui/tree/master/examples/custom-template)\n","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.8","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-X1MUI/9yAQLwtoBsO+C6UbqKCB4NqpKXh3x1z+pXsv8QsF9SX0C5ls7d8qc3O58/fxPO1MH5qyGjZnHTx9kQxg==","shasum":"7102989fe365048f07b5cddefdbcaeab9170a70d","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.8.tgz","fileCount":113,"unpackedSize":624032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeq0UwCRA9TVsSAnZWagAAB8EQAI6xfD/0laQCFFvz3Dlq\n6Fw3i4oMqdxuNeR68R0cltvDwJP2SqHy4J8ANtJDOOtPXow2eY9BUKFJqJVX\nD5qAYOQpkC+0nbGveYbfJrF0nUu4yfpujCDnWXttCNMyc3k6x2lOoVoGsafq\nWvuLJ4SEVsE4hAJJoDhmKmIWdqb+yhasDTES6rA7r7SaL2x9EpSVj1bgg1My\nidb9cl8AmN0ZzFDXTXo5gcRf2Unjiv8hdPDGSfahcHedwryw5lN8ZyQaEX5V\nfGA7k5w6xABo9x/6fo+KsGy3+yvAVNStzs2FiO7P5kVpwzQjw3GuBqBRoPa6\nSSkjOiIA8RcRWmSS+M7uPn+G/9DYqoIbt7wL9Kj4mNKKFjFU4TCCfbrKW90D\nqfEz6k2g8YG1gm33UrUjJlDOqNo+kJ8tSdugxJHOeVfH3Oy8TSrVUJYEy8GE\nzJbuOM+wLuo26Jh/0Jcs+m9fhHG8+XrviwdGe/xrW/p3gZ8R4Y6B+9NkBMMN\n8EeX696qTpqtNO2m7iC9ZyTWIBvjF2OEHKCWKeWy9ge6WhpxXRPVCR5nFcOA\ni0FiGci4x9McIO1gYohy/590KiDFle1m6ABllq/Z2/Ar7u9v+/+2yrhn4n7b\n1guIAbIvLZTmWxLWNTOuloV6jH04JJeXOqULKQZ6ihGcscW31+3OMJF/TZE5\nHBcu\r\n=8i4B\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWarA9r+sT0wkundq1CudTX0F2/5jTF343kbIgFr0YMgIgH5/z9bch75h6kjZm2yR6UUSJgT1OGCY99SHiuw3nVx4="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.8_1588282672022_0.4149354232129958"},"_hasShrinkwrap":false},"3.0.0-beta.9":{"name":"ng-block-ui","version":"3.0.0-beta.9","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\n\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.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```js\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 Component | TemplateRef | 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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `,\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: \"app-root\",\n template: `\n \n {{ message }}
\n\n \n
\n \n \n
\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\n \n
\n target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `resetGlobal` | N/A | Resets blocking app wide for all instances. |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\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","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.9","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-YAr1O2o++YFnrdzI8HAwlCqonEdg2YPw+N5PBkyEcxw0K31Nvxzw6TTzdaTg6fL8fQAnbBsP65lLcg5MJh5+sA==","shasum":"5845e1376dced3379ca63adc9bd1bad01678e5f5","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.9.tgz","fileCount":113,"unpackedSize":635985,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHz8CRA9TVsSAnZWagAA2HEP/j1mhM6b0GO4uxyfuH4q\nCJleEzW5LTMEfXpxUJ3HchZB15ccB5BWZBP/LmVEKFlIoHWchSfw2nyEeuRH\nXkY1NN0SyMfgaJklv16U3xY2jokalZHuTwe6BSk4veInbSmOqlAhLgrhsEC4\nXfVDGNzo2MTE6g6Oyoh0bZrG+ROV1mwhZVOFxIEwJGxbb+Y3gK24oH1HfJlg\nVaNNvM7pS5EbnhlnjZx1aELuvpCB9eQzOELh0IMMjl+D/vEGRb2pypcPCtIz\nP9Y1TPb5BMy7vvw80PH48O+pPre9qAvn2n0wK6S5j4cs7aPOyDFzaEBv74VI\nVC/9rwETZU9yp774Wz5pyxOzMToAwzWgOXKKqr+wAmGdSXFDGZWsbZLdnO/T\n2TadwwiT7UWrQ/WWCJKFV/Zd9CJSHP/EW0gFrKxfHVQVO4xTgoBM+JmwrSfm\nctXrnHXO+qoD220EAyul7l0aOEv0LUKzZQ4XKknSuNYnwWNT+uQUksqn9TpD\nSTXZ0yTaX2yHcVaCWohVQTQo+z7Bhl8yjS5P19Uy7OoXHcauR+lQMZgYu0n+\nqOPKsC1C0ALb/3+ddZUAgUFWclZcU1sAKwRURo2aE2Up36HJ3ekkcSe+6eCG\ntO63TZbGpjPnWTVCv1YniUziaAcB8G9kPIjw/FnIpalhvF6tkDBYr/ibNq3+\nfB1H\r\n=b/lO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDx6lQ5YQ5AUlv+691Rb4y9NCqwMLebPpaFrVAidJBObgIhAPb6pV2OsOtw1+gKysVDiB1a1P1Z54phMMTbF7fQ0XNM"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.9_1588362492181_0.8021289926668334"},"_hasShrinkwrap":false},"3.0.0-beta.10":{"name":"ng-block-ui","version":"3.0.0-beta.10","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\n\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.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```js\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 Component | TemplateRef | 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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `,\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: \"app-root\",\n template: `\n \n {{ message }}
\n\n \n
\n \n \n
\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\n \n
\n target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `resetGlobal` | N/A | Resets blocking app wide for all instances. |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\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","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.10","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-qjh6Rwkd4rClI4nkkGjaZJVF+noh5MaDf9XIFy5ppOMwsMYnyK58k0hw1l61Ow0gy9tyqmBl8Iq8SSGKUqD5Ig==","shasum":"794e72d41c98de65cccd762212bd859dad08c1d1","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.10.tgz","fileCount":113,"unpackedSize":638715,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetcXUCRA9TVsSAnZWagAA8fQP/jCPFuVM27deyssF6Ddh\nMyN1Q0ZGYfN6gQBGZvSOEX9IlN/bYEw63znrpkl0sdnJQGjIzynumNC67wWt\npCJyj9P594Bo7Y9PnJcrzMmmOmZxiBk77qoytwsRGYKM1KVgd5WbNFcW+rIi\nS+1lrFe3hiQihGlm9i4trUxUZryNTSr0UDtcjdE9547gPlVnV/ycrlNsIk4Z\n/IFwKqnnG3Rl4wMr/E2LvVCTFAHKHSPsYkzFTueOOZk0LuKl7razytVjaWT+\n7fdi7YGSRBtbhoWiEyodCjJi9ifWvVcLyF7g7JRj0wE1bO80dp6BOJcE93AY\nzNXXN8vm3nWt+vKwE/9RSAP/fu1VADpjNGHjKIp2NCgpOvLD2mxCBW0addLo\n4jJdmzJXOx1XokxUgEU1ChLjaITKQpvPMHyb5YlBmU62z5CPRbd1xWQo5NW4\nf+lTScin5ARwWSxzlwrdkGKU6fLH2WAEGeet0eekFeq1fVoP5iSQBf2rUV5d\n1CGBGnTo7+Mw/0KDap+KGIwQu8BAcMicebSWgIwBLsMZN+OXRfaXzUmvB924\nR07lrnp+2xWHMZHPpNHlhTxDA72uyffYflxbbwlkYYsEhpmSViQv88cDNa8C\n6nR42Q6Ic5jXKF57ztBKrAxNz431EDJK7D5jbwj6dui9zAsCYqO5NIjsba18\nr7db\r\n=hX0H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH360HqJ0kju7Vukd+xz4qL+w5KPObYwTDTXAF/GSGojAiBUxo51NcZkUJee34PH9Bi2j5PhVrcHQUyXMzGLX17ruw=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.10_1588970964092_0.8056887987418733"},"_hasShrinkwrap":false},"3.0.0-beta.11":{"name":"ng-block-ui","version":"3.0.0-beta.11","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.9.0"},"devDependencies":{"@angular/common":"6.0.7","@angular/compiler":"6.0.7","@angular/compiler-cli":"6.0.7","@angular/core":"6.0.7","@angular/forms":"6.0.7","@angular/http":"6.0.7","@angular/platform-browser":"6.0.7","@angular/platform-browser-dynamic":"6.0.7","@angular/router":"6.0.7","@types/jasmine":"^2.8.9","babel-polyfill":"^6.23.0","es6-shim":"^0.35.1","generate-changelog":"^1.7.1","html-webpack-plugin":"^2.22.0","jasmine":"^2.5.3","jasmine-core":"^2.4.1","karma":"^1.1.0","karma-chrome-launcher":"^1.0.1","karma-jasmine":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","ng-packagr":"^4.7.1","raw-loader":"^0.5.1","reflect-metadata":"^0.1.3","rxjs":"^6.0.0","ts-loader":"^0.8.2","tslint":"^3.13.0","tslint-loader":"^2.1.5","typescript":"2.7.2","typings":"^1.3.1","watchman":"^0.1.8","webpack":"^1.13.1","webpack-dev-server":"^1.14.1","zone.js":"^0.8.26"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\n\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.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```js\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 Component | TemplateRef | 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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `,\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: \"app-root\",\n template: `\n \n {{ message }}
\n\n \n
\n \n \n
\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\n \n
\n target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `resetGlobal` | N/A | Resets blocking app wide for all instances. |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\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","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.11","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-jdJNzZL3oaQM8T4qFsCvezpb6Ya3bUmH5HClN0s9//51rT5bzd+3mIF2a1QndLFOXHoZDM0BUS7+O7xvpz8R4Q==","shasum":"4897402ec08b85a9ba2f5cb11278de3b4f068c12","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.11.tgz","fileCount":113,"unpackedSize":638844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0BXFCRA9TVsSAnZWagAAulUQAJBaDXx0aD17TSn0ucKe\nz7RJIorhczuUA1MfF6iPNkk2gAjDV/JWrjndwFS1MviRW8UOvpNx8wKKAD4V\n7ZsXVjAfvy4SFAFXLO5fz3y/WfakuNAl6ftJ8KV0JgRKTSXPhetaMaF8vkSM\nBBp19wQ3pOeXUxb7su6HRihbHLAi0fMh2YwJU+H7GoiCrB0pcawRESIAfDAw\nvcRgXr2Tmz4yWusJvNCdfpC2yczBIRrrw0kLu9OJzSNFxrbm0wnWFFbYuHsx\n9UigL1xt63jOmrmsEokOFTsByBwdHgrTU2wIjaI3n8qzTUSZ+Ef6SZhL53WW\nNJXde1GwGjNVZJVp2zxaWpPemNeOO5W/DLDJ8cdDPtytPEo1wV8GoAP+r2lL\nxpyRs51KBf/abOyuDMQDNKQ5viKxniBwXwz0eyT3cCKiqUHnkRCN/SAQDFx7\nF0R93jNSklTFSSoDd6JCtgS1JqF7sdnKc0jOyIpKEgLNLSPmrhY6n4kjg83Y\naBU3qTz6pJaqb92WtKH8nRtgcPfCGN0pWlubVJkgZ47b4Rpj2JI8v/nOJUtq\n+E2RMQaBLTU9G8z8CqOl6Z+oe48RqhveG9fiZk0vsJac1k9SdoIbCglE4f7k\nvM6x7nJhMn7Y5JMWi23gD2enYXvccbeI08smD9VpVUzd4Q0nyLquhiGxr4x4\nQL5l\r\n=/QwI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIPM3NxjHX8QLDpbEmvWifsh2kpOE7LIRDUw/N1d3zYwIhAPTS+GbqINvnTXQ9gxeYRXV+ccMQQ4jkmuk2vu71QraF"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.11_1590695364828_0.9609585533980485"},"_hasShrinkwrap":false},"3.0.0-beta.12":{"name":"ng-block-ui","version":"3.0.0-beta.12","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.10.0"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\n\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```js\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.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```js\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 Component | TemplateRef | 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```js\n// Template component\n// Use block-ui-template class to center div if desired\n@Component({\n template: `\n \n \n
\n `,\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n\n```js\n@NgModule({\n imports: [\n BlockUIModule.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```js\n@Component({\n selector: \"app-root\",\n template: `\n \n {{ message }}
\n\n \n
\n \n \n
\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\n \n
\n target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `resetGlobal` | N/A | Resets blocking app wide for all instances. |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n\n### [Upgrading to 2.0.0](docs/migration-2.0.0.md)\n\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\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","readmeFilename":"README.md","_id":"ng-block-ui@3.0.0-beta.12","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-rFVvh7rvOgA+yIjecnI+hGG6z4CFbX/OEzIF3Z0C0yNEt+S3hqlpY/Dv7AwCA+wa5Z/RsPFvr1z2AgTeTCyt8Q==","shasum":"7313f5f09d6e4486c6c6fdcaba178767ce755e7e","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0-beta.12.tgz","fileCount":114,"unpackedSize":705835,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4nkCCRA9TVsSAnZWagAAs14P/02n0iIDCgixB2mp3N1E\nWYcGcRZITOTdQKTqbzRVKjvLv87TEbKO0gzD68zS74rxtIuF2UZ0Xe8rguQ9\nR7rIghFbFjJrqLJO9oSDkNaopdZgeoqUVGrbFlRJI7SLP19wNAy1NOGa5n/l\n2C/OOd82kLI8nmdKGGIEECfPF7UR0yPUMIcZ/cA2ObmTQZUbMasz/zST+ljE\ntMk5+YCTpShTPdMncugGY2zNuss0FIMdWQ5DfRWZ99mtzZlravdz1808Mmad\n7+yaoFqy47O5eH8KNG0KKS2GrBMqa49z2MOwVlp6/Ka/c6QvbMOycNa8swd/\nBwIcO6WYdkk2Nx/Tpdxahs0rd31qoBuFtRYC9Ps7nwl2QBKufjvNruhP472n\nPjwKXzbHi1aGWhmxCCqfv95Ql2tblNaPTtNUUFEFHCVR0YmjCbkGv/VbdpxS\neyhu6nCcIry59AdTx2usc/IHTmD5lMxq2joaBD7A3cUiAt1MVrMZLfnISOV2\nsxaKJuOxd7CJxF9GwR6dFNx/rGbhVaKP2M99iKmiIgSCe1Zpjilnwu/fIhAG\nyvDQ9jlQqLUvkzSGr+tOKAFt/DsRgQ/QjwFTl6MDIUXjygXV9PpHlGuV9Pd+\nKEF8eyDbpYJb91I3g/b1DQ6yAjo+dxEA7gNS9RGiC08rAQuyN7nWZ3Esvy4j\nadm8\r\n=aBZi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8kF/hDqki523I1aAyaROTakKzcVbfTuKBW26LgzgxKgIgK6/LWaYcJMFB1yauUDx64CsOaGM0MyErVehmQKVdnW8="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0-beta.12_1591900417930_0.16991745065431307"},"_hasShrinkwrap":false},"3.0.0":{"name":"ng-block-ui","version":"3.0.0","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.10.0"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@3.0.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-cYOF1wS6tHqiSSKu+MYUZ//gxovLEWgiMEqeXlekCIf0hlb/fJQl0sRdRRCqk1DI4QB+FrXTzCD1TG3EwVqnGw==","shasum":"21911e7946219e204b823a58333495d18942cfaf","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.0.tgz","fileCount":114,"unpackedSize":709095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9h+yCRA9TVsSAnZWagAA178P/1JrAjZJqpZPU4DuFC0c\npt/T1vrdx8w1HyDa386C/6BlEisvQllfsI5/B6OG8UjXTZ9CkjDJgJjJot0j\n+J2StilT9PfkBgcvjYuARjkBsmO4+ccHhkbicfSGlIHg+Pvfd6H6BJxvbOVU\n18C3j+57VT4kgD2XN9YHcVBWyqogLkShewMz+uSelT0Cicm8smDs5gDJBivi\nd+KR2EQvFG3wPJILTkgHDlPxE/+loqDztLabQ3LeDXkCiTsKdmGnqa5SQApJ\nVecja1Omc44DlvPYi0VkOfRssgB6y/rVtnwbxwL2i37LvSxAxX5oREIRmB43\nrMi2j1Nd0nUSMVIcDM+GCyrz5/C/ESBnsWmCsuQZO4F6F09DH8U1YhT1RKx5\nE8kbS4f9q5Ncg/7cO8PQpMCIf0ri5DvDY7jfFEFDUqLOoDiFW9BPz3PgiFQQ\n+SVO8ouCQyHqiQrbNEvRfA0Vd+IZF/gCoNNPMn7JdBH9/lV0hJqWXoJr9ryA\nsvgrLY+Mrq03RxLInWvY/oqMJZLJDgwHiZ36sCvTxbDRF7TFVNWyZF6iTE62\nMR7IUlFgcex9vNIkTq4Ji/IBcet7vjw7YJFvGZCsFvGRlAoc1yafXn0VPgxa\n8T7FI1YrMYMxTnhR6TzZw7CEKknryJ1S6z3sUoGYNtuePfNq2qweEaH4xFxV\nUQwz\r\n=vLGE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGVhYXITLbzXCHx9unDMnqURwI6OkPIT3akqjR3lY+OHAiAvD4hKzWc62ExjzSPWfoF3iS/6r3qwKWCweRZIKNVvxQ=="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.0_1593188273639_0.233212327560683"},"_hasShrinkwrap":false},"3.0.1":{"name":"ng-block-ui","version":"3.0.1","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.10.0"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@3.0.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-DpZCqeKsfs0VZ8fefQUn2deA3qNiQDE5uIxHpqc+0QBGiYAa2rbtLCZfYH/jF8rNs0APbjXwPQ3+LEOjZPKZ3Q==","shasum":"a47ab326f9e350c77829e6a5c8d19a1c8b251a42","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.1.tgz","fileCount":114,"unpackedSize":711545,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+kwxCRA9TVsSAnZWagAAT70P/2xiiO15O/dN2dehSLdn\npJea1ZL7DaXLJm6YDRL+D/N/87Nr0nzW+TUiPU1e/A5Pw6bH4iFWb+G3ldyd\nzJWHaVqlIDj9SkgP+9oBzWI/uqpsOnW56tEvovvq696nQw93hV5PKGKaNH1H\nRdApBPE8y24n+dSmxFPlj0mAXYphVtayVFrFVe+6K2LkVn3rCXqfoXnmBXzj\nI6Y32SswUYtcw7/G/d9JmYiUcNBkJVhwBHGKDveWp4KufWdkrl7UGAt0t/wi\n72n7lfz8pTY6mi/nAQrYGi3xiKBiBxV+4W/BTCu3DoxrPwcO62kb8D81//Pl\nlzZcRrFLTtJ+Buc0s/uBjHeGXiY8sVNrzmC8MhNMJmKWi4Xab7+AsDv3cjIx\nXMJlIsL497Mxz1Gw5ZsBGq9/7J7U94wGfTAyTosmIDHbpjMomzaW59krJUC4\nhDvtISfbhmMSiEZO7i7OqrpLQfQyrfYdV8INF+3bZJ+QFacTLoin78XAWjrV\n9XNvnSY+YqGuimM6Gz50pZcFSnmtBPFxmOvMUJfyVrLzTDdYqU+sSPs9M4k6\n1JnJ15go7Y5Jro8xkrXp1d7dVmgDxReUji8H7a66iSXXgioaCoSNdn15W30N\nYzI77Z+c3vgHs8bvxHE/3CV4ymrt7oInp3d0ADQIfSw8RWSX6dHjFQ8wWfxh\nchkr\r\n=udk9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjQ6Kf7Ptw8g8XYWxkRqTNflOV9w/i+gCOCC+tuA3gswIgbFEsOxIsO27UhQc+X0nmJmAGyhtwMNORFAdXYV+SVG0="}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.1_1593461808716_0.14957545941372574"},"_hasShrinkwrap":false},"3.0.2":{"name":"ng-block-ui","version":"3.0.2","description":"Angular Block UI","main":"bundles/ng-block-ui.umd.js","typings":"ng-block-ui.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Angular 4","Angular 5","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","dependencies":{"tslib":"^1.10.0"},"$schema":"./node_modules/ng-packagr/package.schema.json","module":"fesm5/ng-block-ui.js","es2015":"fesm2015/ng-block-ui.js","esm5":"esm5/ng-block-ui.js","esm2015":"esm2015/ng-block-ui.js","fesm5":"fesm5/ng-block-ui.js","fesm2015":"fesm2015/ng-block-ui.js","metadata":"ng-block-ui.metadata.json","sideEffects":false,"_id":"ng-block-ui@3.0.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-EP3IXP8WSoKQOAwunf/v77aydcBCSLkEm5K8duRMSXFsnrcTdNqUiaLDKCf9U3COHY52IVBJcLb9PGhMBCWVSA==","shasum":"1ba6d72866524bf000218564c64f2dee29026631","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-3.0.2.tgz","fileCount":115,"unpackedSize":871047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDw8dCRA9TVsSAnZWagAAUxsP/0JXcoGNDXPGU8dIn3dG\nH3z3Jsv+m2PyJC+Cin2lHaIhY5tNlrdnnixH+GDy/re0OrU7p6kJAbIGE6nl\ncMiOwsG3ZWPX/h5evnRoyTmUjVf9qDVntfUjj2siDsCo/vCUuiPi7Sxl+TFG\ncU6Zw3kbikMnfU+UoxEsGfeELSWmzKxVrFJVw0YOkUA7dfGW7e80e4ehFfMt\nHBj7LoEonX0tc3vLLHOjQzgmHcnIOZ2MCNc2lovXIJUIVgx4QgA97r9zItdW\nq4OaAqSmI7sONunUF6wfvL9n/RLLJ1VfjCr/NpLkbT4nt31xdruhUKQI0c9e\nBqYc5pD/A43o7dKEYFHGSNzevIljLNu02fRSTZsbqFwIIeT0UyLscHM4PeJC\np5ohQfFKnwv5ZCh7wsTWJBIz7vwRhMuxjdVP+pWPXcLmpIx+TCDtRYIDRFsW\nI5hUI1VrgZUMPlYMZSUXfb24hv3p1AulJS/3obfwnbbT0grx8cN+BBC8v4ag\niG80zgzmrZRSUmHbdPa1xFc5ASKz2nHY8wVuhtiDmJ9dewFHWAc5fsZ15ZXZ\npFwlbaa+sKdyBeCwDIO6EXPMuXiRXELA23LEldocXwdZEKf2X0wqtCeW/kfO\nOKmZqYGMebTUeMOqBT3Y+F8BrIBtgQ4OdLxFG7JKKi9HWTRU6wdfrB6WAPo1\nDrGI\r\n=gS4k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpd9f1wWNmDgWFBXfziFMhK3ti6swOlsclrALJkQbUVQIhAJNECLsVd/5aAHwtgUhh7OeydwYaiHKGon8f8AhgmYQV"}]},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_3.0.2_1594822429047_0.8430138388256252"},"_hasShrinkwrap":false},"4.0.0-rc.1":{"name":"ng-block-ui","version":"4.0.0-rc.1","description":"Angular Block UI","main":"./lib/index.js","typings":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","peerDependencies":{"@angular/common":">=14.0.0","@angular/core":">=14.0.0","@angular/platform-browser":">=14.0.0","@angular/platform-browser-dynamic":">=14.0.0","@angular/router":">=14.0.0","rxjs":">=7.5.0","zone.js":">=0.11.4"},"module":"fesm2015/ng-block-ui.mjs","es2020":"fesm2020/ng-block-ui.mjs","esm2020":"esm2020/ng-block-ui.mjs","fesm2020":"fesm2020/ng-block-ui.mjs","fesm2015":"fesm2015/ng-block-ui.mjs","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/ng-block-ui.mjs","es2020":"./fesm2020/ng-block-ui.mjs","es2015":"./fesm2015/ng-block-ui.mjs","node":"./fesm2015/ng-block-ui.mjs","default":"./fesm2020/ng-block-ui.mjs"},"./http":{"types":"./http/index.d.ts","esm2020":"./esm2020/http/ng-block-ui-http.mjs","es2020":"./fesm2020/ng-block-ui-http.mjs","es2015":"./fesm2015/ng-block-ui-http.mjs","node":"./fesm2015/ng-block-ui-http.mjs","default":"./fesm2020/ng-block-ui-http.mjs"},"./router":{"types":"./router/index.d.ts","esm2020":"./esm2020/router/ng-block-ui-router.mjs","es2020":"./fesm2020/ng-block-ui-router.mjs","es2015":"./fesm2015/ng-block-ui-router.mjs","node":"./fesm2015/ng-block-ui-router.mjs","default":"./fesm2020/ng-block-ui-router.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"gitHead":"e47321c62c036da4c27277305918b4cdd7696354","_id":"ng-block-ui@4.0.0-rc.1","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-dMOrRjBQhxgpbfp4pqaCoMThn+DWziqB8y6Ew6It8st3QcTGfZK6N+QxW/pgnzOKepr1NxSCt9kcST0lgtXNyg==","shasum":"0d93579ccb29ef3c65a0b8e5d967f6c81cd00d5a","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-4.0.0-rc.1.tgz","fileCount":71,"unpackedSize":316784,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDUiBk6t+UVy8dwQn/oVkFq/h8hXsQhYpfFJnnohbPP9AiAlqDvA/bo/eT+zDnn3d0c2xDPWzzQ3VpglKjNBIsNqww=="}]},"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_4.0.0-rc.1_1684364994009_0.9829826443864058"},"_hasShrinkwrap":false},"4.0.0":{"name":"ng-block-ui","version":"4.0.0","description":"Angular Block UI","main":"./lib/index.js","typings":"./lib/index.d.ts","scripts":{"start":"watchman lib 'npm run build:dev && cp -r dist/bundles dev'","build":"ng-packagr -p ng-package.json","build:dev":"tsc -p tsconfig-umd.json && echo 'Build Complete'","release:major":"changelog -M && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version major && git push origin master && git push origin --tags","release:minor":"changelog -m && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version minor && git push origin master && git push origin --tags","release:patch":"changelog -p && git add *.md && git commit -m 'updated CHANGELOG.md' && npm version patch && git push origin master && git push origin --tags","test":"karma start karma.conf.js","test:watch":"karma start karma.conf.js --singleRun=false"},"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","peerDependencies":{"@angular/common":">=14.0.0","@angular/core":">=14.0.0","@angular/platform-browser":">=14.0.0","@angular/platform-browser-dynamic":">=14.0.0","@angular/router":">=14.0.0","rxjs":">=7.5.0","zone.js":">=0.11.4"},"devDependencies":{"@angular-devkit/build-angular":"^14.2.3","@angular/cli":"~14.2.3","@angular/common":"^14.2.0","@angular/compiler":"^14.2.0","@angular/compiler-cli":"^14.2.0","@angular/core":"^14.2.0","@angular/platform-browser":"^14.2.0","@angular/platform-browser-dynamic":"^14.2.0","@angular/router":"^14.2.0","@types/jasmine":"~4.0.0","generate-changelog":"^1.8.0","jasmine-core":"~4.3.0","karma":"~6.4.0","karma-chrome-launcher":"~3.1.0","karma-coverage":"~2.2.0","karma-jasmine":"~5.1.0","karma-jasmine-html-reporter":"~2.0.0","ng-packagr":"^14.2.1","rxjs":"~7.5.0","tslib":"^2.3.0","typescript":"~4.7.2","watchman":"^1.0.0","zone.js":"~0.11.4"},"gitHead":"75421f940088d69edc492f5bc983d28072f9b8a4","_id":"ng-block-ui@4.0.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-NrKGBlFabaVLDsdJ3Gf/0TTYdh0WnI7ies5LNV1GXw/5Lxf6A0u4RvxFn3X1tVKl8xR3VFp1meRdrcQALL+CSg==","shasum":"2823fba5a1baa25f96e00dcd580734ec6eebde8f","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-4.0.0.tgz","fileCount":251,"unpackedSize":3446465,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOI9vIkh3FG51kexrhKOz0Q2nSfPovSDM6O+ApoRCWaAiEAhAd0g//F/lt+LjxX1d53kWtsBfXfbTO6TG7/XZsnwik="}]},"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_4.0.0_1684972458375_0.8064263478054128"},"_hasShrinkwrap":false},"4.0.1":{"name":"ng-block-ui","version":"4.0.1","description":"Angular Block UI","main":"./lib/index.js","typings":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"keywords":["Angular","Loading","Block UI","Spinner"],"author":{"name":"kuuurt13"},"license":"MIT","bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","peerDependencies":{"@angular/common":">=14.0.0","@angular/core":">=14.0.0","@angular/platform-browser":">=14.0.0","@angular/platform-browser-dynamic":">=14.0.0","@angular/router":">=14.0.0","rxjs":">=7.5.0","zone.js":">=0.11.4"},"module":"fesm2015/ng-block-ui.mjs","es2020":"fesm2020/ng-block-ui.mjs","esm2020":"esm2020/ng-block-ui.mjs","fesm2020":"fesm2020/ng-block-ui.mjs","fesm2015":"fesm2015/ng-block-ui.mjs","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/ng-block-ui.mjs","es2020":"./fesm2020/ng-block-ui.mjs","es2015":"./fesm2015/ng-block-ui.mjs","node":"./fesm2015/ng-block-ui.mjs","default":"./fesm2020/ng-block-ui.mjs"},"./http":{"types":"./http/index.d.ts","esm2020":"./esm2020/http/ng-block-ui-http.mjs","es2020":"./fesm2020/ng-block-ui-http.mjs","es2015":"./fesm2015/ng-block-ui-http.mjs","node":"./fesm2015/ng-block-ui-http.mjs","default":"./fesm2020/ng-block-ui-http.mjs"},"./router":{"types":"./router/index.d.ts","esm2020":"./esm2020/router/ng-block-ui-router.mjs","es2020":"./fesm2020/ng-block-ui-router.mjs","es2015":"./fesm2015/ng-block-ui-router.mjs","node":"./fesm2015/ng-block-ui-router.mjs","default":"./fesm2020/ng-block-ui-router.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"gitHead":"afc11d2180bd651c27ff69a723a0fd8d2f315399","_id":"ng-block-ui@4.0.1","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-92pb5+NLBJfbjmjzHJG/rYriSUKqGTkI/zE7k62sp37lnh8WkWMoMQ14/JZHrTscAHggpemUaksY2rBj/in0bQ==","shasum":"484ca6c529f52accab969dba583cc1975b7d8125","tarball":"https://registry.npmjs.org/ng-block-ui/-/ng-block-ui-4.0.1.tgz","fileCount":71,"unpackedSize":316779,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDooZ7IdAGsJkRMxJjHRT2LI/P00QbNgECYZB332NR3eQIhAMMU8VKwTtcqoizAfS8zj/MW8gjzD3j8rmtHjx8Kk1sV"}]},"_npmUser":{"name":"kuuurt13","email":"kstac13@gmail.com"},"directories":{},"maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-block-ui_4.0.1_1684973045174_0.17881812993398527"},"_hasShrinkwrap":false}},"readme":"# NG Block UI\n\nA Block UI implementation for Angular\n\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://www.npmjs.com/package/ng-block-ui/v/next)\n[](https://www.npmjs.com/package/ng-block-ui)\n[](https://travis-ci.org/kuuurt13/ng-block-ui)\n\n## Installation\n\nAdd to your project via [npm](https://www.npmjs.com/package/ng-block-ui)\n\n```bash\nnpm install ng-block-ui --save\n```\n\nInclude the `BlockUIModule` in your main app module.\n\n```ts\n// All other imports\nimport { BlockUIModule } from 'ng-block-ui';\n\n@NgModule({\n imports: [\n BlockUIModule.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 Component | TemplateRef | 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 \n \n
\n `,\n})\nexport class BlockTemplateCmp {}\n```\n\n##### Module Level\n\n```ts\n@NgModule({\n imports: [\n BlockUIModule.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 \n {{ message }}
\n\n \n
\n \n \n
\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\n \n
\n target: string | string[] | Indicates if the targeted instance(s) is blocking. |\n| `start` | target: string | string[], message?: any | Starts blocking for a single instance or multiple instances by passing instance name(s). |\n| `stop` | target: string | string[] | Stops blocking for a single instance or multiple instances by passing instance name(s). |\n| `update` | target: string | string[], message: any | Updates message for a single instance or multiple instances by passing instance name(s). |\n| `reset` | target: string | string[] | Resets blocking for a single instance or multiple instances by passing instance name(s). |\n| `resetGlobal` | N/A | Resets blocking app wide for all instances. |\n| `unsubscribe` | target: string | string[] | Unsubscribes a single instance or multiple instances by passing instance name(s). |\n\n## Other Modules\n\n### [Http Module](docs/http-module.md) - Automatically block during http requests\n\n### [Router Module](docs/router-module.md) - Prevent route changes while blocking\n\n## Guides\n\n### [SystemJS Config](docs/systemjs-config.md)\n\n## Examples\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","maintainers":[{"name":"kuuurt13","email":"kstac13@gmail.com"}],"time":{"modified":"2023-05-25T00:04:05.488Z","created":"2017-02-22T12:01:57.512Z","0.1.0":"2017-02-22T12:01:57.512Z","0.1.1":"2017-02-22T12:08:50.254Z","0.2.0":"2017-02-25T04:19:39.760Z","0.3.0":"2017-02-26T23:38:46.452Z","1.0.0-beta.0":"2017-02-28T02:32:02.802Z","1.0.0-beta.1":"2017-03-01T03:14:42.315Z","0.3.1":"2017-03-01T03:31:59.943Z","0.3.2":"2017-03-09T03:25:04.935Z","0.4.0":"2017-03-10T01:24:37.187Z","1.0.0-beta.2":"2017-03-14T01:53:52.622Z","1.0.0-beta.3":"2017-03-25T16:51:04.603Z","0.4.1":"2017-03-25T17:05:06.679Z","0.5.0":"2017-04-15T20:36:54.182Z","1.0.0-beta.4":"2017-04-15T20:40:34.928Z","0.5.1":"2017-04-25T02:13:21.889Z","1.0.0-beta.5":"2017-04-25T02:20:21.109Z","0.6.0":"2017-05-02T00:55:57.123Z","1.0.0-beta.6":"2017-05-02T01:02:10.856Z","1.0.0-beta.7":"2017-05-02T01:10:56.650Z","0.7.0":"2017-05-07T21:22:25.923Z","1.0.0-beta.8":"2017-05-07T21:34:18.183Z","0.7.1":"2017-05-10T01:18:23.299Z","1.0.0-beta.9":"2017-05-10T01:23:35.572Z","0.7.2":"2017-05-30T22:58:20.595Z","1.0.0-beta.10":"2017-05-30T23:08:45.682Z","1.0.0-beta.11":"2017-07-11T15:11:59.746Z","0.8.0":"2017-07-11T15:13:31.143Z","0.9.0":"2017-07-23T18:22:17.423Z","1.0.0-beta.12":"2017-07-23T18:28:48.373Z","1.0.0-beta.13":"2017-08-09T22:41:37.703Z","0.9.1":"2017-08-09T22:43:36.456Z","1.0.0-beta.14":"2017-08-10T15:09:21.873Z","0.9.2":"2017-08-27T20:06:12.876Z","1.0.0-beta.15":"2017-08-27T20:26:22.868Z","0.9.3":"2017-11-22T22:56:09.983Z","1.0.0-beta.16":"2017-11-22T23:14:52.307Z","1.0.0-beta.17":"2018-01-21T18:20:41.613Z","0.9.4":"2018-01-23T00:23:38.155Z","1.0.0-beta.18":"2018-01-23T00:30:47.912Z","0.9.5":"2018-03-06T00:17:59.757Z","1.0.0-beta.19":"2018-03-06T00:43:12.799Z","1.0.0-rc.1":"2018-03-11T21:26:25.949Z","1.0.0-rc.2":"2018-03-14T02:19:38.078Z","1.0.0-rc.3":"2018-03-15T02:10:08.005Z","1.0.0":"2018-04-06T00:35:35.827Z","1.0.1":"2018-04-08T20:47:05.813Z","1.0.2":"2018-04-08T21:22:35.114Z","1.0.3":"2018-04-08T21:36:37.685Z","1.0.4":"2018-04-10T00:31:33.365Z","1.0.5":"2018-07-11T00:18:35.323Z","2.0.0-beta.1":"2018-07-14T17:11:15.744Z","1.0.6":"2018-07-18T00:06:31.836Z","2.0.0-beta.2":"2018-07-22T17:48:03.368Z","2.0.0-beta.3":"2018-08-07T00:47:14.165Z","2.0.0":"2018-11-10T13:55:10.639Z","2.1.0":"2018-12-28T13:51:38.049Z","2.1.1":"2019-02-01T11:05:10.980Z","2.1.2":"2019-03-29T00:57:38.105Z","2.1.3":"2019-04-03T01:17:27.917Z","2.1.5":"2019-06-11T22:43:51.671Z","2.1.6":"2019-07-11T01:20:24.708Z","2.1.7":"2019-08-01T01:08:04.945Z","2.1.8":"2019-10-21T22:58:36.853Z","3.0.0-beta.1":"2019-11-17T23:29:03.804Z","3.0.0-beta.2":"2020-01-07T02:21:37.014Z","3.0.0-beta.3":"2020-01-22T01:00:26.972Z","3.0.0-beta.4":"2020-01-31T00:26:46.549Z","3.0.0-beta.5":"2020-02-19T00:31:27.413Z","3.0.0-beta.6":"2020-02-26T00:38:51.414Z","3.0.0-beta.7":"2020-03-18T00:47:44.127Z","3.0.0-beta.8":"2020-04-30T21:37:52.147Z","3.0.0-beta.9":"2020-05-01T19:48:12.524Z","3.0.0-beta.10":"2020-05-08T20:49:24.222Z","3.0.0-beta.11":"2020-05-28T19:49:25.054Z","3.0.0-beta.12":"2020-06-11T18:33:38.174Z","3.0.0":"2020-06-26T16:17:53.821Z","3.0.1":"2020-06-29T20:16:48.830Z","3.0.2":"2020-07-15T14:13:49.338Z","4.0.0-rc.1":"2023-05-17T23:09:54.231Z","4.0.0":"2023-05-24T23:54:18.794Z","4.0.1":"2023-05-25T00:04:05.363Z"},"homepage":"https://github.com/kuuurt13/ng-block-ui#readme","keywords":["Angular","Loading","Block UI","Spinner"],"repository":{"type":"git","url":"git+https://github.com/kuuurt13/ng-block-ui.git"},"author":{"name":"kuuurt13"},"bugs":{"url":"https://github.com/kuuurt13/ng-block-ui/issues"},"license":"MIT","readmeFilename":"README.md"}