{"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"x-nx-rebuilt":"2018-07-09T06:11:59.831+0000","keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"dist-tags":{"latest":"1.2.20","package@1.2.16":"1.2.16","package@1.2.17":"1.2.17","package@1.2.18":"1.2.18","package@1.2.19":"1.2.19","1.2.17":"1.2.17","1.2.16":"1.2.16","1.2.7":"1.2.7","1.2.18":"1.2.18","package@1.2.20":"1.2.20","package@latest":"1.2.20"},"versions":{"1.2.7":{"name":"ngx-dashboard-base","version":"1.2.7","description":"Dashboard library for Angular 4 and more","main":"bundles/ngx-dashboard.umd.js","module":"index.js","typings":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"ngm build -p src --clean"},"repository":{"type":"git","url":"git+https://nCinga@bitbucket.org/nCinga/ngx-dashboard-base.git"},"keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"author":{"name":"jaumard"},"license":"MIT","homepage":"","peerDependencies":{"@angular/core":">=4.0.0"},"devDependencies":{"@angular/compiler":"^4.3.1","@angular/compiler-cli":"^4.3.1","@angular/core":"^4.3.1","rxjs":"^5.4.2","typescript":"^2.2.2","zone.js":"0.8.14","ngm-cli":"^0.6.1"},"readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","readmeFilename":"README.md","_id":"ngx-dashboard-base@1.2.7","_shasum":"8b5a23333ba22ba35862f8fdb10e22753cb78382","_resolved":"file:ngx-dashboard-base-1.2.7.tgz","_from":"ngx-dashboard-base-1.2.7.tgz","_npmVersion":"4.5.0","_nodeVersion":"6.9.1","_npmUser":{"name":"admin","email":"shadeeka@ncinga.com"},"maintainers":[{"name":"admin","email":"shadeeka@ncinga.com"}],"dist":{"shasum":"8b5a23333ba22ba35862f8fdb10e22753cb78382","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/ngx-dashboard-base/-/ngx-dashboard-base-1.2.7.tgz"},"bugs":{"url":""}},"1.2.16":{"name":"ngx-dashboard-base","version":"1.2.16","description":"Dashboard library for Angular 4 and more","main":"bundles/ngx-dashboard.umd.js","module":"index.js","typings":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"ngm build -p src --clean"},"publishConfig":{"registry":"http://repository.ncinga.com/nexus/content/repositories/npm-internal/"},"repository":{"type":"git","url":"git+https://nCinga@bitbucket.org/nCinga/ngx-dashboard-base.git"},"keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"author":{"name":"jaumard"},"license":"MIT","homepage":"","peerDependencies":{"@angular/core":">=4.0.0"},"devDependencies":{"@angular/compiler":"^4.3.1","@angular/compiler-cli":"^4.3.1","@angular/core":"^4.3.1","rxjs":"^5.4.2","typescript":"^2.2.2","zone.js":"0.8.14","ngm-cli":"^0.6.1"},"readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","readmeFilename":"README.md","_id":"ngx-dashboard-base@1.2.16","_shasum":"df954e60fcd6682f439153f0c8b1b887fe974e22","_resolved":"file:ngx-dashboard-base-1.2.16.tgz","_from":"ngx-dashboard-base-1.2.16.tgz","_npmVersion":"4.2.0","_nodeVersion":"7.10.1","_npmUser":{"name":"deployment","email":"yourname@ncinga.com"},"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist":{"shasum":"df954e60fcd6682f439153f0c8b1b887fe974e22","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/ngx-dashboard-base/-/ngx-dashboard-base-1.2.16.tgz"},"bugs":{"url":""}},"1.2.17":{"name":"ngx-dashboard-base","version":"1.2.17","description":"Dashboard library for Angular 4 and more","main":"bundles/ngx-dashboard.umd.js","module":"index.js","typings":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"ngm build -p src --clean"},"publishConfig":{"registry":"http://repository.ncinga.com/nexus/content/repositories/npm-internal/"},"repository":{"type":"git","url":"git+https://nCinga@bitbucket.org/nCinga/ngx-dashboard-base.git"},"keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"author":{"name":"jaumard"},"license":"MIT","homepage":"","peerDependencies":{"@angular/core":">=4.0.0"},"devDependencies":{"@angular/compiler":"^4.3.1","@angular/compiler-cli":"^4.3.1","@angular/core":"^4.3.1","rxjs":"^5.4.2","typescript":"^2.2.2","zone.js":"0.8.14","ngm-cli":"^0.6.1"},"readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","readmeFilename":"README.md","_id":"ngx-dashboard-base@1.2.17","_shasum":"ce749192a30ab895ad519aa17bbeb000119af627","_resolved":"file:ngx-dashboard-base-1.2.17.tgz","_from":"ngx-dashboard-base-1.2.17.tgz","_npmVersion":"4.2.0","_nodeVersion":"7.10.1","_npmUser":{"name":"deployment","email":"yourname@ncinga.com"},"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist":{"shasum":"ce749192a30ab895ad519aa17bbeb000119af627","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/ngx-dashboard-base/-/ngx-dashboard-base-1.2.17.tgz"},"bugs":{"url":""}},"1.2.18":{"name":"ngx-dashboard-base","version":"1.2.18","description":"Dashboard library for Angular 4 and more","main":"bundles/ngx-dashboard.umd.js","module":"index.js","typings":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"ngm build -p src --clean"},"publishConfig":{"registry":"http://repository.ncinga.com/nexus/content/repositories/npm-internal/"},"repository":{"type":"git","url":"git+https://nCinga@bitbucket.org/nCinga/ngx-dashboard-base.git"},"keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"author":{"name":"jaumard"},"license":"MIT","homepage":"","peerDependencies":{"@angular/core":">=4.0.0"},"devDependencies":{"@angular/compiler":"^4.3.1","@angular/compiler-cli":"^4.3.1","@angular/core":"^4.3.1","rxjs":"^5.4.2","typescript":"^2.2.2","zone.js":"0.8.14","ngm-cli":"^0.6.1"},"readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","readmeFilename":"README.md","_id":"ngx-dashboard-base@1.2.18","_shasum":"403128f558ffbe62723060cd1095fcd68ade374a","_resolved":"file:ngx-dashboard-base-1.2.18.tgz","_from":"ngx-dashboard-base-1.2.18.tgz","_npmVersion":"5.6.0","_nodeVersion":"7.10.1","_npmUser":{"name":"deployment","email":"yourname@ncinga.com"},"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist":{"shasum":"4cf6bb96b72c75a3ea388772939cb873e190209d","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/ngx-dashboard-base/-/ngx-dashboard-base-1.2.18.tgz","integrity":"sha512-WHZypEJLmXmSAl+OY0VSCsoF2WcIOszZ2Czyw5ph9jtSCif538QbZzJSVEsJRZcxJpHbtoopGgmgWXgPXVsE9g=="},"bugs":{"url":""}},"1.2.19":{"name":"ngx-dashboard-base","version":"1.2.19","description":"Dashboard library for Angular 4 and more","main":"bundles/ngx-dashboard.umd.js","module":"index.js","typings":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"ngm build -p src --clean","ngc":"ngc -p src/tsconfig.json"},"publishConfig":{"registry":"http://repository.ncinga.com/nexus/content/repositories/npm-internal/"},"repository":{"type":"git","url":"git+https://nCinga@bitbucket.org/nCinga/ngx-dashboard-base.git"},"keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"author":{"name":"jaumard"},"license":"MIT","homepage":"https://bitbucket.org/nCinga/ngx-dashboard-base#readme","peerDependencies":{"@angular/core":">=5.0.0"},"devDependencies":{"@angular/compiler":"5.0.0","@angular/compiler-cli":"5.0.0","@angular/core":"5.0.0","rxjs":"^5.4.2","typescript":"^2.2.2","zone.js":"0.8.14","ngm-cli":"^0.6.1"},"readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","readmeFilename":"README.md","_id":"ngx-dashboard-base@1.2.19","_shasum":"e592356b976acebceb99c168f6a95d0754eb7da3","_resolved":"file:ngx-dashboard-base-1.2.19.tgz","_from":"ngx-dashboard-base-1.2.19.tgz","_npmVersion":"4.2.0","_nodeVersion":"7.10.1","_npmUser":{"name":"deployment","email":"yourname@ncinga.com"},"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist":{"shasum":"e592356b976acebceb99c168f6a95d0754eb7da3","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/ngx-dashboard-base/-/ngx-dashboard-base-1.2.19.tgz"},"bugs":{"url":""}},"1.2.20":{"name":"ngx-dashboard-base","version":"1.2.20","description":"Dashboard library for Angular 4 and more","main":"bundles/ngx-dashboard.umd.js","module":"index.js","typings":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"ngm build -p src --clean","ngc":"ngc -p src/tsconfig.json"},"publishConfig":{"registry":"http://repository.ncinga.com/nexus/content/repositories/npm-internal/"},"repository":{"type":"git","url":"git+https://nCinga@bitbucket.org/nCinga/ngx-dashboard-base.git"},"keywords":["angular","ng4","ngx","dashboard","widgets","angular4"],"author":{"name":"jaumard"},"license":"MIT","homepage":"https://bitbucket.org/nCinga/ngx-dashboard-base#readme","peerDependencies":{"@angular/core":">=5.0.0"},"devDependencies":{"@angular/compiler":"5.0.0","@angular/compiler-cli":"5.0.0","@angular/core":"5.0.0","rxjs":"^5.4.2","typescript":"^2.2.2","zone.js":"0.8.14","ngm-cli":"^0.6.1"},"readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","readmeFilename":"README.md","gitHead":"4789d915fb8004a74669e68a9c0ac4f1f6574ffa","_id":"ngx-dashboard-base@1.2.20","_shasum":"6ca31cfa60162cf2e4eb3d63dd35f4bcf95467bb","_from":"ngx-dashboard-base-1.2.20.tgz","_npmVersion":"4.2.0","_nodeVersion":"7.10.1","_npmUser":{"name":"deployment","email":"yourname@ncinga.com"},"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist":{"shasum":"6ca31cfa60162cf2e4eb3d63dd35f4bcf95467bb","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/ngx-dashboard-base/-/ngx-dashboard-base-1.2.20.tgz"},"_resolved":"file:ngx-dashboard-base-1.2.20.tgz"}},"name":"ngx-dashboard-base","description":"Dashboard library for Angular 4 and more","readme":"# ngx-dashboard\nfork from  https://github.com/jaumard/ngx-dashboard/\nDashboard library for angular 4 and more\n\nDemo at: https://jaumard.github.io/ngx-dashboard/demo/demoDist/index.html\n\n\n## Usage \n\nSee demo source code here: https://github.com/jaumard/ngx-dashboard/tree/master/demo\n\n### Create my own widget\nTo do this you need to extend the WidgetComponent like this: \n\n```js\nimport {Component, Renderer2, ElementRef, forwardRef} from \"@angular/core\";\nimport {WidgetComponent} from \"ngx-dashboard\";\n\n@Component({\n  selector: 'app-my-widget',\n  templateUrl: './my-widget.component.html',\n  styleUrls: ['./my-widget.component.css'],\n  providers: [{provide: WidgetComponent, useExisting: forwardRef(() => MyWidgetComponent) }]\n})\nexport class MyWidgetComponent extends WidgetComponent {\n  @Input() public widgetId: string;\n  \n  constructor(ngEl: ElementRef, renderer: Renderer2) {\n    super(ngEl, renderer);\n  }\n}\n\n```\n\nThe `providers` part is mandatory, if you miss it your widget will not be see as a widget.\n\nThe `@Input()` is also mandatory if you want to use `removeById` because angular 4 doesn't inherit annotations yet.\n\nTo dynamically add your widget you also need to declare it under \"entryComponents\" on your app module like this: \n\n```js\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport {NgDashboardModule} from 'ngx-dashboard';\n\nimport { AppComponent } from './app.component';\nimport {MyWidgetComponent} from './my-widget/my-widget.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    MyWidgetComponent\n  ],\n  entryComponents: [\n    MyWidgetComponent\n  ],\n  imports: [\n    BrowserModule,\n    NgDashboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n\n```\n\n### Use custom drag handle\n\nTo do this, you can use the `widgetHandle` directive to select witch handle you want from your template. Example:\n  \n```html\n<widget [size]=\"[2, 1]\" widgetId=\"large\">\n    <div widgetHandle class=\"head handle\">Large widget [2, 1] handle only on this text</div>\n    <div>All other stuff...</div>\n</widget>\n```\n\n# Development\nTo run the demo locally, you need to do: \n\n```\ncd ngx-dashboard\nnpm i \nnpm run build\ncd demo \nnpm i\ncd src\nln -s ../../src/dist/ .\ncd ..\nnpm start\n```\n","time":{"created":"2017-10-14T14:38:05.888Z","1.2.7":"2017-10-14T14:38:05.888Z","modified":"2019-06-16T17:12:55.893Z","1.2.16":"2017-11-15T02:54:26.850Z","1.2.17":"2018-01-22T16:44:17.115Z","1.2.18":"2018-01-25T05:46:09.312Z","1.2.19":"2018-07-01T17:35:29.511Z","1.2.20":"2019-06-16T17:11:45.443Z"},"homepage":""}