gantt-chart-angular 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +102 -108
- package/fesm2022/gantt-chart-angular.mjs +106 -0
- package/fesm2022/gantt-chart-angular.mjs.map +1 -0
- package/{gantt-chart-angular.d.ts → index.d.ts} +5 -4
- package/lib/gantt-chart-angular.component.d.ts +15 -12
- package/lib/gantt-chart-angular.module.d.ts +8 -2
- package/lib/gantt-chart-angular.service.d.ts +6 -3
- package/package.json +15 -22
- package/public-api.d.ts +3 -3
- package/bundles/gantt-chart-angular.umd.js +0 -321
- package/bundles/gantt-chart-angular.umd.js.map +0 -1
- package/bundles/gantt-chart-angular.umd.min.js +0 -16
- package/bundles/gantt-chart-angular.umd.min.js.map +0 -1
- package/esm2015/gantt-chart-angular.js +0 -5
- package/esm2015/lib/gantt-chart-angular.component.js +0 -63
- package/esm2015/lib/gantt-chart-angular.module.js +0 -14
- package/esm2015/lib/gantt-chart-angular.service.js +0 -14
- package/esm2015/public-api.js +0 -7
- package/esm5/gantt-chart-angular.js +0 -5
- package/esm5/lib/gantt-chart-angular.component.js +0 -66
- package/esm5/lib/gantt-chart-angular.module.js +0 -17
- package/esm5/lib/gantt-chart-angular.service.js +0 -16
- package/esm5/public-api.js +0 -7
- package/fesm2015/gantt-chart-angular.js +0 -93
- package/fesm2015/gantt-chart-angular.js.map +0 -1
- package/fesm5/gantt-chart-angular.js +0 -101
- package/fesm5/gantt-chart-angular.js.map +0 -1
- package/gantt-chart-angular.metadata.json +0 -1
package/README.md
CHANGED
|
@@ -1,108 +1,102 @@
|
|
|
1
|
-
### Documentation
|
|
2
|
-
|
|
3
|
-
This library is used to generate gantt chart in angular application
|
|
4
|
-
|
|
5
|
-
### Installation
|
|
6
|
-
|
|
7
|
-
```sh
|
|
8
|
-
First we need to add gantt chart javascript file from google cdn and add in application index.html file
|
|
9
|
-
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
|
10
|
-
```
|
|
11
|
-
|
|
12
|
-
```sh
|
|
13
|
-
npm install gantt-chart-angular
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
### import GanttChartAngularModule in app.module
|
|
17
|
-
|
|
18
|
-
```sh
|
|
19
|
-
import { GanttChartAngularModule } from 'gantt-chart-angular';
|
|
20
|
-
imports: [
|
|
21
|
-
GanttChartAngularModule
|
|
22
|
-
]
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
### gantt-chart-angular library usage in our application
|
|
26
|
-
|
|
27
|
-
```sh
|
|
28
|
-
<gantt-chart-angular [config]="config" (onClick)="clickEventHandler($event)"></gantt-chart-angular>
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
### config format in which we will pass columns and data as array
|
|
32
|
-
```sh
|
|
33
|
-
config = {
|
|
34
|
-
columns: [
|
|
35
|
-
{type: 'string', name: 'ID', field: 'id'},
|
|
36
|
-
{type: 'string', name: 'Name', field: 'name'},
|
|
37
|
-
{type: 'date', name: 'Start Date', field: 'startDate'},
|
|
38
|
-
{type: 'date', name: 'End Date', field: 'endDate'},
|
|
39
|
-
{type: 'number', name: 'Duration', field: 'duration'},
|
|
40
|
-
{type: 'number', name: 'Percentage Complete', field: 'percentComplete'},
|
|
41
|
-
{type: 'string', name: 'Pending Reasons', field: 'pendingReasons'}
|
|
42
|
-
], data: [
|
|
43
|
-
{
|
|
44
|
-
id: 'setup',
|
|
45
|
-
name: 'Angular',
|
|
46
|
-
startDate: new Date(2021, 2, 10),
|
|
47
|
-
endDate: new Date(2021, 2, 11),
|
|
48
|
-
duration: 2,
|
|
49
|
-
percentComplete: 100,
|
|
50
|
-
pendingReasons: null
|
|
51
|
-
}, {
|
|
52
|
-
id: 'Start Development',
|
|
53
|
-
name: 'Login Feature',
|
|
54
|
-
startDate: new Date(2021, 2, 13),
|
|
55
|
-
endDate: new Date(2021, 2, 14),
|
|
56
|
-
duration: 2,
|
|
57
|
-
percentComplete: 0,
|
|
58
|
-
pendingReasons: null
|
|
59
|
-
},{
|
|
60
|
-
id: 'Test',
|
|
61
|
-
name: 'Test Login Feature',
|
|
62
|
-
startDate: new Date(2021, 2, 16),
|
|
63
|
-
endDate: new Date(2021, 2, 17),
|
|
64
|
-
duration: 2,
|
|
65
|
-
percentComplete: 0,
|
|
66
|
-
pendingReasons: null
|
|
67
|
-
}, {
|
|
68
|
-
id: 'Deploy',
|
|
69
|
-
name: 'Deploy to server',
|
|
70
|
-
startDate: new Date(2021, 2, 18),
|
|
71
|
-
endDate: new Date(2021, 2, 18),
|
|
72
|
-
duration: 1,
|
|
73
|
-
percentComplete: 0,
|
|
74
|
-
pendingReasons: null
|
|
75
|
-
}
|
|
76
|
-
],
|
|
77
|
-
options: {
|
|
78
|
-
height: 275,
|
|
79
|
-
gantt: {
|
|
80
|
-
criticalPathEnabled: false,
|
|
81
|
-
innerGridHorizLine: {
|
|
82
|
-
stroke: '#ffe0b2',
|
|
83
|
-
strokeWidth: 2
|
|
84
|
-
},
|
|
85
|
-
innerGridTrack: {fill: '#fff3e0'},
|
|
86
|
-
innerGridDarkTrack: {fill: '#ffcc80'}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
```
|
|
91
|
-
|
|
92
|
-
### Inputs
|
|
93
|
-
|
|
94
|
-
| Input | Type | Required/Optional | Uses |
|
|
95
|
-
| ------ | ------ | ------ | ------ |
|
|
96
|
-
| config | object | required | configuration including chart columns, data and options like chart style |
|
|
97
|
-
|
|
98
|
-
### Events
|
|
99
|
-
|
|
100
|
-
| Output | Uses |
|
|
101
|
-
| ------ | ------ |
|
|
102
|
-
| onClick | Emitter will trigger when user click on any particular row and return information of clicked row|
|
|
103
|
-
|
|
104
|
-
### LICENSE
|
|
105
|
-
MIT
|
|
106
|
-
|
|
107
|
-
### Author
|
|
108
|
-
Ashish K
|
|
1
|
+
### Documentation
|
|
2
|
+
|
|
3
|
+
This library is used to generate gantt chart in angular application
|
|
4
|
+
|
|
5
|
+
### Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
First we need to add gantt chart javascript file from google cdn and add in application index.html file
|
|
9
|
+
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
```sh
|
|
13
|
+
npm install gantt-chart-angular
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
### import GanttChartAngularModule in app.module
|
|
17
|
+
|
|
18
|
+
```sh
|
|
19
|
+
import { GanttChartAngularModule } from 'gantt-chart-angular';
|
|
20
|
+
imports: [
|
|
21
|
+
GanttChartAngularModule
|
|
22
|
+
]
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### gantt-chart-angular library usage in our application
|
|
26
|
+
|
|
27
|
+
```sh
|
|
28
|
+
<gantt-chart-angular [config]="config" (onClick)="clickEventHandler($event)"></gantt-chart-angular>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### config format in which we will pass columns and data as array
|
|
32
|
+
```sh
|
|
33
|
+
config = {
|
|
34
|
+
columns: [
|
|
35
|
+
{type: 'string', name: 'ID', field: 'id'},
|
|
36
|
+
{type: 'string', name: 'Name', field: 'name'},
|
|
37
|
+
{type: 'date', name: 'Start Date', field: 'startDate'},
|
|
38
|
+
{type: 'date', name: 'End Date', field: 'endDate'},
|
|
39
|
+
{type: 'number', name: 'Duration', field: 'duration'},
|
|
40
|
+
{type: 'number', name: 'Percentage Complete', field: 'percentComplete'},
|
|
41
|
+
{type: 'string', name: 'Pending Reasons', field: 'pendingReasons'}
|
|
42
|
+
], data: [
|
|
43
|
+
{
|
|
44
|
+
id: 'setup',
|
|
45
|
+
name: 'Angular',
|
|
46
|
+
startDate: new Date(2021, 2, 10),
|
|
47
|
+
endDate: new Date(2021, 2, 11),
|
|
48
|
+
duration: 2,
|
|
49
|
+
percentComplete: 100,
|
|
50
|
+
pendingReasons: null
|
|
51
|
+
}, {
|
|
52
|
+
id: 'Start Development',
|
|
53
|
+
name: 'Login Feature',
|
|
54
|
+
startDate: new Date(2021, 2, 13),
|
|
55
|
+
endDate: new Date(2021, 2, 14),
|
|
56
|
+
duration: 2,
|
|
57
|
+
percentComplete: 0,
|
|
58
|
+
pendingReasons: null
|
|
59
|
+
},{
|
|
60
|
+
id: 'Test',
|
|
61
|
+
name: 'Test Login Feature',
|
|
62
|
+
startDate: new Date(2021, 2, 16),
|
|
63
|
+
endDate: new Date(2021, 2, 17),
|
|
64
|
+
duration: 2,
|
|
65
|
+
percentComplete: 0,
|
|
66
|
+
pendingReasons: null
|
|
67
|
+
}, {
|
|
68
|
+
id: 'Deploy',
|
|
69
|
+
name: 'Deploy to server',
|
|
70
|
+
startDate: new Date(2021, 2, 18),
|
|
71
|
+
endDate: new Date(2021, 2, 18),
|
|
72
|
+
duration: 1,
|
|
73
|
+
percentComplete: 0,
|
|
74
|
+
pendingReasons: null
|
|
75
|
+
}
|
|
76
|
+
],
|
|
77
|
+
options: {
|
|
78
|
+
height: 275,
|
|
79
|
+
gantt: {
|
|
80
|
+
criticalPathEnabled: false,
|
|
81
|
+
innerGridHorizLine: {
|
|
82
|
+
stroke: '#ffe0b2',
|
|
83
|
+
strokeWidth: 2
|
|
84
|
+
},
|
|
85
|
+
innerGridTrack: {fill: '#fff3e0'},
|
|
86
|
+
innerGridDarkTrack: {fill: '#ffcc80'}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
### Inputs
|
|
93
|
+
|
|
94
|
+
| Input | Type | Required/Optional | Uses |
|
|
95
|
+
| ------ | ------ | ------ | ------ |
|
|
96
|
+
| config | object | required | configuration including chart columns, data and options like chart style |
|
|
97
|
+
|
|
98
|
+
### Events
|
|
99
|
+
|
|
100
|
+
| Output | Uses |
|
|
101
|
+
| ------ | ------ |
|
|
102
|
+
| onClick | Emitter will trigger when user click on any particular row and return information of clicked row|
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injectable, EventEmitter, Component, Output, Input, ViewChild, NgModule } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
|
|
5
|
+
class GanttChartAngularService {
|
|
6
|
+
constructor() { }
|
|
7
|
+
static { this.ɵfac = function GanttChartAngularService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GanttChartAngularService)(); }; }
|
|
8
|
+
static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GanttChartAngularService, factory: GanttChartAngularService.ɵfac, providedIn: 'root' }); }
|
|
9
|
+
}
|
|
10
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GanttChartAngularService, [{
|
|
11
|
+
type: Injectable,
|
|
12
|
+
args: [{
|
|
13
|
+
providedIn: 'root'
|
|
14
|
+
}]
|
|
15
|
+
}], () => [], null); })();
|
|
16
|
+
|
|
17
|
+
const _c0 = ["chartContainer"];
|
|
18
|
+
class GanttChartAngularComponent {
|
|
19
|
+
constructor() {
|
|
20
|
+
this.config = {};
|
|
21
|
+
this.onClick = new EventEmitter();
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
setTimeout(() => {
|
|
25
|
+
this.generateChart();
|
|
26
|
+
}, 1000);
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* generate chart
|
|
30
|
+
*/
|
|
31
|
+
generateChart() {
|
|
32
|
+
google.charts.load('current', { 'packages': ['gantt'] });
|
|
33
|
+
google.charts.setOnLoadCallback(() => {
|
|
34
|
+
const data = new google.visualization.DataTable();
|
|
35
|
+
if (this.config && this.config.columns && this.config.columns.length) {
|
|
36
|
+
this.config.columns.forEach(col => {
|
|
37
|
+
data.addColumn(col.type, col.name);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
const temp = [];
|
|
41
|
+
if (this.config && this.config.data && this.config.data.length) {
|
|
42
|
+
this.config.data.forEach(rowData => {
|
|
43
|
+
const rowsData = [];
|
|
44
|
+
this.config.columns.forEach(col => {
|
|
45
|
+
rowsData.push(rowData[col.field]);
|
|
46
|
+
});
|
|
47
|
+
temp.push(rowsData);
|
|
48
|
+
});
|
|
49
|
+
data.addRows(temp);
|
|
50
|
+
}
|
|
51
|
+
const options = this.config.options;
|
|
52
|
+
const chart = new google.visualization.Gantt(this.chartContainer.nativeElement);
|
|
53
|
+
chart.draw(data, options);
|
|
54
|
+
google.visualization.events.addListener(chart, 'select', () => {
|
|
55
|
+
const selection = chart.getSelection();
|
|
56
|
+
this.onClick.emit({ selectedRow: selection[0] });
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
static { this.ɵfac = function GanttChartAngularComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GanttChartAngularComponent)(); }; }
|
|
61
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GanttChartAngularComponent, selectors: [["gantt-chart-angular"]], viewQuery: function GanttChartAngularComponent_Query(rf, ctx) { if (rf & 1) {
|
|
62
|
+
i0.ɵɵviewQuery(_c0, 5);
|
|
63
|
+
} if (rf & 2) {
|
|
64
|
+
let _t;
|
|
65
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartContainer = _t.first);
|
|
66
|
+
} }, inputs: { config: "config" }, outputs: { onClick: "onClick" }, decls: 2, vars: 0, consts: [["chartContainer", ""]], template: function GanttChartAngularComponent_Template(rf, ctx) { if (rf & 1) {
|
|
67
|
+
i0.ɵɵelement(0, "div", null, 0);
|
|
68
|
+
} }, dependencies: [CommonModule], encapsulation: 2 }); }
|
|
69
|
+
}
|
|
70
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GanttChartAngularComponent, [{
|
|
71
|
+
type: Component,
|
|
72
|
+
args: [{ selector: 'gantt-chart-angular', standalone: true, imports: [CommonModule], template: "<div #chartContainer></div>\r\n" }]
|
|
73
|
+
}], () => [], { chartContainer: [{
|
|
74
|
+
type: ViewChild,
|
|
75
|
+
args: ["chartContainer"]
|
|
76
|
+
}], config: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], onClick: [{
|
|
79
|
+
type: Output
|
|
80
|
+
}] }); })();
|
|
81
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GanttChartAngularComponent, { className: "GanttChartAngularComponent", filePath: "lib/gantt-chart-angular.component.ts", lineNumber: 12 }); })();
|
|
82
|
+
|
|
83
|
+
class GanttChartAngularModule {
|
|
84
|
+
static { this.ɵfac = function GanttChartAngularModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GanttChartAngularModule)(); }; }
|
|
85
|
+
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: GanttChartAngularModule }); }
|
|
86
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, GanttChartAngularComponent] }); }
|
|
87
|
+
}
|
|
88
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GanttChartAngularModule, [{
|
|
89
|
+
type: NgModule,
|
|
90
|
+
args: [{
|
|
91
|
+
imports: [CommonModule, GanttChartAngularComponent],
|
|
92
|
+
exports: [GanttChartAngularComponent]
|
|
93
|
+
}]
|
|
94
|
+
}], null, null); })();
|
|
95
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(GanttChartAngularModule, { imports: [CommonModule, GanttChartAngularComponent], exports: [GanttChartAngularComponent] }); })();
|
|
96
|
+
|
|
97
|
+
/*
|
|
98
|
+
* Public API Surface of gantt-chart-angular
|
|
99
|
+
*/
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Generated bundle index. Do not edit.
|
|
103
|
+
*/
|
|
104
|
+
|
|
105
|
+
export { GanttChartAngularComponent, GanttChartAngularModule, GanttChartAngularService };
|
|
106
|
+
//# sourceMappingURL=gantt-chart-angular.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gantt-chart-angular.mjs","sources":["../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.service.ts","../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.component.ts","../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.component.html","../../../projects/gantt-chart-angular/src/lib/gantt-chart-angular.module.ts","../../../projects/gantt-chart-angular/src/public-api.ts","../../../projects/gantt-chart-angular/src/gantt-chart-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class GanttChartAngularService {\r\n\r\n constructor() { }\r\n}\r\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\ndeclare var google: any;\r\n\r\n@Component({\r\n selector: 'gantt-chart-angular',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './gantt-chart-angular.component.html',\r\n styleUrls: ['gantt-chart-angular.component.css']\r\n})\r\nexport class GanttChartAngularComponent implements OnInit {\r\n\r\n @ViewChild(\"chartContainer\") chartContainer: ElementRef;\r\n @Input() config: any = {};\r\n @Output() onClick = new EventEmitter();\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n setTimeout(() => {\r\n this.generateChart();\r\n }, 1000);\r\n }\r\n\r\n /**\r\n * generate chart\r\n */\r\n private generateChart() {\r\n google.charts.load('current', {'packages':['gantt']});\r\n google.charts.setOnLoadCallback(() => {\r\n const data = new google.visualization.DataTable();\r\n\r\n if (this.config && this.config.columns && this.config.columns.length) {\r\n this.config.columns.forEach(col => {\r\n data.addColumn(col.type, col.name);\r\n });\r\n }\r\n const temp = [];\r\n if (this.config && this.config.data && this.config.data.length) {\r\n this.config.data.forEach(rowData => {\r\n const rowsData = [];\r\n this.config.columns.forEach(col => {\r\n rowsData.push(rowData[col.field]);\r\n });\r\n temp.push(rowsData);\r\n });\r\n data.addRows(temp);\r\n }\r\n const options = this.config.options;\r\n \r\n const chart = new google.visualization.Gantt(this.chartContainer.nativeElement);\r\n chart.draw(data, options);\r\n google.visualization.events.addListener(chart, 'select', () => {\r\n const selection = chart.getSelection();\r\n this.onClick.emit({selectedRow: selection[0]});\r\n });\r\n });\r\n }\r\n\r\n}\r\n","<div #chartContainer></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GanttChartAngularComponent } from './gantt-chart-angular.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, GanttChartAngularComponent],\r\n exports: [GanttChartAngularComponent]\r\n})\r\nexport class GanttChartAngularModule { }\r\n","/*\r\n * Public API Surface of gantt-chart-angular\r\n */\r\n\r\nexport * from './lib/gantt-chart-angular.service';\r\nexport * from './lib/gantt-chart-angular.component';\r\nexport { GanttChartAngularModule } from './lib/gantt-chart-angular.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
/// <amd-module name="gantt-chart-angular" />
|
|
5
|
+
export * from './public-api';
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { ElementRef, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GanttChartAngularComponent implements OnInit {
|
|
4
|
+
chartContainer: ElementRef;
|
|
5
|
+
config: any;
|
|
6
|
+
onClick: EventEmitter<any>;
|
|
7
|
+
constructor();
|
|
8
|
+
ngOnInit(): void;
|
|
9
|
+
/**
|
|
10
|
+
* generate chart
|
|
11
|
+
*/
|
|
12
|
+
private generateChart;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttChartAngularComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GanttChartAngularComponent, "gantt-chart-angular", never, { "config": { "alias": "config"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@angular/common";
|
|
3
|
+
import * as i2 from "./gantt-chart-angular.component";
|
|
4
|
+
export declare class GanttChartAngularModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttChartAngularModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<GanttChartAngularModule, never, [typeof i1.CommonModule, typeof i2.GanttChartAngularComponent], [typeof i2.GanttChartAngularComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<GanttChartAngularModule>;
|
|
8
|
+
}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class GanttChartAngularService {
|
|
3
|
+
constructor();
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GanttChartAngularService, never>;
|
|
5
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GanttChartAngularService>;
|
|
6
|
+
}
|
package/package.json
CHANGED
|
@@ -1,24 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gantt-chart-angular",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^
|
|
6
|
-
"@angular/core": "^
|
|
5
|
+
"@angular/common": "^19.0.0",
|
|
6
|
+
"@angular/core": "^19.0.0"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"tslib": "^1.10.0"
|
|
10
10
|
},
|
|
11
11
|
"keywords": [
|
|
12
12
|
"angular",
|
|
13
|
-
"angular 2",
|
|
14
|
-
"angular 4",
|
|
15
|
-
"angular 5",
|
|
16
|
-
"angular 6",
|
|
17
|
-
"angular 7",
|
|
18
|
-
"angular 8",
|
|
19
|
-
"angular 9",
|
|
20
|
-
"angular 10",
|
|
21
|
-
"angular 11",
|
|
22
13
|
"gantt chart",
|
|
23
14
|
"angular gantt chart",
|
|
24
15
|
"angular gantt charts",
|
|
@@ -26,14 +17,16 @@
|
|
|
26
17
|
"gantt charts angular"
|
|
27
18
|
],
|
|
28
19
|
"license": "MIT",
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
"module": "fesm2022/gantt-chart-angular.mjs",
|
|
21
|
+
"typings": "index.d.ts",
|
|
22
|
+
"exports": {
|
|
23
|
+
"./package.json": {
|
|
24
|
+
"default": "./package.json"
|
|
25
|
+
},
|
|
26
|
+
".": {
|
|
27
|
+
"types": "./index.d.ts",
|
|
28
|
+
"default": "./fesm2022/gantt-chart-angular.mjs"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
38
31
|
"sideEffects": false
|
|
39
|
-
}
|
|
32
|
+
}
|
package/public-api.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './lib/gantt-chart-angular.service';
|
|
2
|
-
export * from './lib/gantt-chart-angular.component';
|
|
3
|
-
export
|
|
1
|
+
export * from './lib/gantt-chart-angular.service';
|
|
2
|
+
export * from './lib/gantt-chart-angular.component';
|
|
3
|
+
export { GanttChartAngularModule } from './lib/gantt-chart-angular.module';
|