{"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist-tags":{"package@1.2.21":"1.2.21"},"versions":{"1.2.21":{"name":"@ncinga/ngx-dashboard-base","version":"1.2.21","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"},"_resolved":"","_integrity":"","_from":"file:ncinga-ngx-dashboard-base-1.2.21.tgz","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":"@ncinga/ngx-dashboard-base@1.2.21","_nodeVersion":"10.17.0","_npmVersion":"6.11.3","_npmUser":{"name":"deployment","email":"yourname@ncinga.com"},"maintainers":[{"name":"deployment","email":"yourname@ncinga.com"}],"dist":{"integrity":"sha512-A6d68k1GY1H8tOc/wfF/nJQ2etuCkuCK/ZwFUt1gic+9KJ64qz/D71+anXPBQZJczvFhRp7BzCIVqxOnSLWE5Q==","shasum":"513f93feac65c76b26a82bcc464e4d1527f29338","tarball":"http://repository.ncinga.com/nexus/content/groups/npm-all/@ncinga/ngx-dashboard-base/-/ngx-dashboard-base-1.2.21.tgz"}}},"name":"@ncinga/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":{"1.2.21":"2022-02-22T09:28:19.393Z","created":"2022-02-22T09:28:19.393Z","modified":"2022-02-22T09:28:19.393Z"}}