@carbon/charts-angular 1.7.6 → 1.9.0-next.0
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/CHANGELOG.md +13 -0
- package/README.md +0 -2
- package/esm2022/carbon-charts-angular.mjs +5 -0
- package/esm2022/index.mjs +14 -0
- package/esm2022/lib/charts/alluvial-chart.component.mjs +32 -0
- package/esm2022/lib/charts/area-chart-stacked.component.mjs +32 -0
- package/esm2022/lib/charts/area-chart.component.mjs +32 -0
- package/esm2022/lib/charts/bar-chart-grouped.component.mjs +32 -0
- package/esm2022/lib/charts/bar-chart-simple.component.mjs +32 -0
- package/esm2022/lib/charts/bar-chart-stacked.component.mjs +32 -0
- package/esm2022/lib/charts/base-chart.component.mjs +75 -0
- package/esm2022/lib/charts/boxplot-chart.component.mjs +32 -0
- package/esm2022/lib/charts/bubble-chart.component.mjs +32 -0
- package/esm2022/lib/charts/bullet-chart.component.mjs +32 -0
- package/esm2022/lib/charts/charts.module.mjs +123 -0
- package/esm2022/lib/charts/choropleth.component.mjs +32 -0
- package/esm2022/lib/charts/circle-pack-chart.component.mjs +32 -0
- package/esm2022/lib/charts/combo-chart.component.mjs +32 -0
- package/esm2022/lib/charts/donut-chart.component.mjs +32 -0
- package/esm2022/lib/charts/gauge-chart.component.mjs +32 -0
- package/esm2022/lib/charts/heatmap-chart.component.mjs +32 -0
- package/esm2022/lib/charts/histogram-chart.component.mjs +32 -0
- package/esm2022/lib/charts/index.mjs +28 -0
- package/esm2022/lib/charts/line-chart.component.mjs +32 -0
- package/esm2022/lib/charts/lollipop-chart.component.mjs +32 -0
- package/esm2022/lib/charts/meter-chart.component.mjs +32 -0
- package/esm2022/lib/charts/pie-chart.component.mjs +32 -0
- package/esm2022/lib/charts/radar-chart.component.mjs +32 -0
- package/esm2022/lib/charts/scatter-chart.component.mjs +32 -0
- package/esm2022/lib/charts/tree-chart.component.mjs +32 -0
- package/esm2022/lib/charts/treemap-chart.component.mjs +32 -0
- package/esm2022/lib/charts/wordcloud-chart.component.mjs +32 -0
- package/esm2022/lib/diagrams/config.mjs +2 -0
- package/esm2022/lib/diagrams/edges/edge.component.mjs +73 -0
- package/esm2022/lib/diagrams/edges/edge.module.mjs +20 -0
- package/esm2022/lib/diagrams/edges/marker/marker.component.mjs +161 -0
- package/esm2022/lib/diagrams/edges/marker/marker.module.mjs +48 -0
- package/esm2022/lib/diagrams/index.mjs +5 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-column.component.mjs +38 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-label.component.mjs +28 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-subtitle.component.mjs +28 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-title.component.mjs +28 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node.component.mjs +191 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node.module.mjs +44 -0
- package/esm2022/lib/diagrams/nodes/shape/shape-node.component.mjs +241 -0
- package/esm2022/lib/diagrams/nodes/shape/shape-node.module.mjs +20 -0
- package/esm2022/lib/index.mjs +3 -0
- package/fesm2022/carbon-charts-angular.mjs +1728 -0
- package/fesm2022/carbon-charts-angular.mjs.map +1 -0
- package/index.d.ts +5 -38
- package/lib/charts/alluvial-chart.component.d.ts +16 -0
- package/lib/charts/area-chart-stacked.component.d.ts +16 -0
- package/lib/charts/area-chart.component.d.ts +16 -0
- package/lib/charts/bar-chart-grouped.component.d.ts +16 -0
- package/lib/charts/bar-chart-simple.component.d.ts +16 -0
- package/lib/charts/bar-chart-stacked.component.d.ts +16 -0
- package/lib/charts/base-chart.component.d.ts +61 -0
- package/lib/charts/boxplot-chart.component.d.ts +16 -0
- package/lib/charts/bubble-chart.component.d.ts +16 -0
- package/lib/charts/bullet-chart.component.d.ts +16 -0
- package/lib/charts/charts.module.d.ts +89 -0
- package/lib/charts/choropleth.component.d.ts +16 -0
- package/lib/charts/circle-pack-chart.component.d.ts +16 -0
- package/lib/charts/combo-chart.component.d.ts +16 -0
- package/lib/charts/donut-chart.component.d.ts +16 -0
- package/lib/charts/gauge-chart.component.d.ts +16 -0
- package/lib/charts/heatmap-chart.component.d.ts +16 -0
- package/lib/charts/histogram-chart.component.d.ts +16 -0
- package/lib/charts/index.d.ts +27 -0
- package/lib/charts/line-chart.component.d.ts +16 -0
- package/lib/charts/lollipop-chart.component.d.ts +16 -0
- package/lib/charts/meter-chart.component.d.ts +16 -0
- package/lib/charts/pie-chart.component.d.ts +16 -0
- package/lib/charts/radar-chart.component.d.ts +16 -0
- package/lib/charts/scatter-chart.component.d.ts +16 -0
- package/lib/charts/tree-chart.component.d.ts +16 -0
- package/lib/charts/treemap-chart.component.d.ts +16 -0
- package/lib/charts/wordcloud-chart.component.d.ts +16 -0
- package/{diagrams/configs.d.ts → lib/diagrams/config.d.ts} +1 -1
- package/lib/diagrams/edges/edge.component.d.ts +49 -0
- package/lib/diagrams/edges/edge.module.d.ts +15 -0
- package/lib/diagrams/edges/marker/marker.component.d.ts +89 -0
- package/lib/diagrams/edges/marker/marker.module.d.ts +28 -0
- package/lib/diagrams/index.d.ts +4 -0
- package/lib/diagrams/nodes/cards/card-node-column.component.d.ts +14 -0
- package/lib/diagrams/nodes/cards/card-node-label.component.d.ts +8 -0
- package/lib/diagrams/nodes/cards/card-node-subtitle.component.d.ts +8 -0
- package/lib/diagrams/nodes/cards/card-node-title.component.d.ts +8 -0
- package/lib/diagrams/nodes/cards/card-node.component.d.ts +50 -0
- package/lib/diagrams/nodes/cards/card-node.module.d.ts +32 -0
- package/lib/diagrams/nodes/shape/shape-node.component.d.ts +73 -0
- package/lib/diagrams/nodes/shape/shape-node.module.d.ts +15 -0
- package/lib/index.d.ts +2 -0
- package/package.json +33 -61
- package/styles.css +28463 -0
- package/styles.css.map +1 -0
- package/styles.min.css +1 -0
- package/styles.min.css.map +1 -0
- package/alluvial-chart.component.d.ts +0 -13
- package/area-chart-stacked.component.d.ts +0 -13
- package/area-chart.component.d.ts +0 -13
- package/bar-chart-grouped.component.d.ts +0 -13
- package/bar-chart-simple.component.d.ts +0 -13
- package/bar-chart-stacked.component.d.ts +0 -13
- package/base-chart.component.d.ts +0 -44
- package/boxplot-chart.component.d.ts +0 -13
- package/bubble-chart.component.d.ts +0 -13
- package/bullet-chart.component.d.ts +0 -13
- package/bundles/carbon-charts-angular.umd.js +0 -2111
- package/bundles/carbon-charts-angular.umd.js.map +0 -1
- package/bundles/carbon-charts-angular.umd.min.js +0 -16
- package/bundles/carbon-charts-angular.umd.min.js.map +0 -1
- package/carbon-charts-angular.d.ts +0 -4
- package/carbon-charts-angular.metadata.json +0 -1
- package/charts.module.d.ts +0 -2
- package/circle-pack-chart.component.d.ts +0 -13
- package/combo-chart.component.d.ts +0 -13
- package/diagrams/card-node/card-node-column.component.d.ts +0 -4
- package/diagrams/card-node/card-node-label.component.d.ts +0 -3
- package/diagrams/card-node/card-node-subtitle.component.d.ts +0 -3
- package/diagrams/card-node/card-node-title.component.d.ts +0 -3
- package/diagrams/card-node/card-node.component.d.ts +0 -17
- package/diagrams/card-node/card-node.module.d.ts +0 -8
- package/diagrams/edge/edge.component.d.ts +0 -17
- package/diagrams/edge/edge.module.d.ts +0 -3
- package/diagrams/marker/marker.component.d.ts +0 -37
- package/diagrams/marker/marker.module.d.ts +0 -4
- package/diagrams/shape-node/shape-node.component.d.ts +0 -22
- package/diagrams/shape-node/shape-node.module.d.ts +0 -3
- package/donut-chart.component.d.ts +0 -13
- package/esm2015/alluvial-chart.component.js +0 -33
- package/esm2015/area-chart-stacked.component.js +0 -33
- package/esm2015/area-chart.component.js +0 -36
- package/esm2015/bar-chart-grouped.component.js +0 -33
- package/esm2015/bar-chart-simple.component.js +0 -33
- package/esm2015/bar-chart-stacked.component.js +0 -33
- package/esm2015/base-chart.component.js +0 -137
- package/esm2015/boxplot-chart.component.js +0 -33
- package/esm2015/bubble-chart.component.js +0 -33
- package/esm2015/bullet-chart.component.js +0 -33
- package/esm2015/carbon-charts-angular.js +0 -10
- package/esm2015/charts.module.js +0 -94
- package/esm2015/circle-pack-chart.component.js +0 -33
- package/esm2015/combo-chart.component.js +0 -33
- package/esm2015/diagrams/card-node/card-node-column.component.js +0 -41
- package/esm2015/diagrams/card-node/card-node-label.component.js +0 -27
- package/esm2015/diagrams/card-node/card-node-subtitle.component.js +0 -27
- package/esm2015/diagrams/card-node/card-node-title.component.js +0 -27
- package/esm2015/diagrams/card-node/card-node.component.js +0 -148
- package/esm2015/diagrams/card-node/card-node.module.js +0 -23
- package/esm2015/diagrams/configs.js +0 -8
- package/esm2015/diagrams/edge/edge.component.js +0 -80
- package/esm2015/diagrams/edge/edge.module.js +0 -19
- package/esm2015/diagrams/marker/marker.component.js +0 -141
- package/esm2015/diagrams/marker/marker.module.js +0 -35
- package/esm2015/diagrams/shape-node/shape-node.component.js +0 -187
- package/esm2015/diagrams/shape-node/shape-node.module.js +0 -19
- package/esm2015/donut-chart.component.js +0 -33
- package/esm2015/gauge-chart.component.js +0 -33
- package/esm2015/heatmap-chart.component.js +0 -33
- package/esm2015/histogram-chart.component.js +0 -33
- package/esm2015/index.js +0 -45
- package/esm2015/line-chart.component.js +0 -33
- package/esm2015/lollipop-chart.component.js +0 -33
- package/esm2015/meter-chart.component.js +0 -33
- package/esm2015/pie-chart.component.js +0 -33
- package/esm2015/radar-chart.component.js +0 -33
- package/esm2015/scatter-chart.component.js +0 -33
- package/esm2015/tree-chart.component.js +0 -33
- package/esm2015/treemap-chart.component.js +0 -33
- package/esm2015/wordcloud-chart.component.js +0 -33
- package/esm5/alluvial-chart.component.js +0 -47
- package/esm5/area-chart-stacked.component.js +0 -47
- package/esm5/area-chart.component.js +0 -47
- package/esm5/bar-chart-grouped.component.js +0 -47
- package/esm5/bar-chart-simple.component.js +0 -47
- package/esm5/bar-chart-stacked.component.js +0 -47
- package/esm5/base-chart.component.js +0 -160
- package/esm5/boxplot-chart.component.js +0 -47
- package/esm5/bubble-chart.component.js +0 -47
- package/esm5/bullet-chart.component.js +0 -47
- package/esm5/carbon-charts-angular.js +0 -10
- package/esm5/charts.module.js +0 -98
- package/esm5/circle-pack-chart.component.js +0 -47
- package/esm5/combo-chart.component.js +0 -47
- package/esm5/diagrams/card-node/card-node-column.component.js +0 -43
- package/esm5/diagrams/card-node/card-node-label.component.js +0 -25
- package/esm5/diagrams/card-node/card-node-subtitle.component.js +0 -25
- package/esm5/diagrams/card-node/card-node-title.component.js +0 -25
- package/esm5/diagrams/card-node/card-node.component.js +0 -86
- package/esm5/diagrams/card-node/card-node.module.js +0 -27
- package/esm5/diagrams/configs.js +0 -8
- package/esm5/diagrams/edge/edge.component.js +0 -64
- package/esm5/diagrams/edge/edge.module.js +0 -23
- package/esm5/diagrams/marker/marker.component.js +0 -188
- package/esm5/diagrams/marker/marker.module.js +0 -39
- package/esm5/diagrams/shape-node/shape-node.component.js +0 -104
- package/esm5/diagrams/shape-node/shape-node.module.js +0 -23
- package/esm5/donut-chart.component.js +0 -47
- package/esm5/gauge-chart.component.js +0 -47
- package/esm5/heatmap-chart.component.js +0 -47
- package/esm5/histogram-chart.component.js +0 -47
- package/esm5/index.js +0 -45
- package/esm5/line-chart.component.js +0 -47
- package/esm5/lollipop-chart.component.js +0 -47
- package/esm5/meter-chart.component.js +0 -47
- package/esm5/pie-chart.component.js +0 -47
- package/esm5/radar-chart.component.js +0 -47
- package/esm5/scatter-chart.component.js +0 -47
- package/esm5/tree-chart.component.js +0 -47
- package/esm5/treemap-chart.component.js +0 -47
- package/esm5/wordcloud-chart.component.js +0 -47
- package/fesm2015/carbon-charts-angular.js +0 -1690
- package/fesm2015/carbon-charts-angular.js.map +0 -1
- package/fesm5/carbon-charts-angular.js +0 -1880
- package/fesm5/carbon-charts-angular.js.map +0 -1
- package/gauge-chart.component.d.ts +0 -13
- package/heatmap-chart.component.d.ts +0 -13
- package/histogram-chart.component.d.ts +0 -13
- package/line-chart.component.d.ts +0 -13
- package/lollipop-chart.component.d.ts +0 -13
- package/meter-chart.component.d.ts +0 -13
- package/pie-chart.component.d.ts +0 -13
- package/radar-chart.component.d.ts +0 -13
- package/scatter-chart.component.d.ts +0 -13
- package/tree-chart.component.d.ts +0 -13
- package/treemap-chart.component.d.ts +0 -13
- package/wordcloud-chart.component.d.ts +0 -13
|
@@ -1,1690 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, Input, ViewChild, NgModule, EventEmitter, Output, HostBinding } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { AlluvialChart, AreaChart, StackedAreaChart, SimpleBarChart, GroupedBarChart, StackedBarChart, BoxplotChart, BubbleChart, BulletChart, DonutChart, GaugeChart, HistogramChart, LineChart, LollipopChart, PieChart, ScatterChart, MeterChart, RadarChart, ComboChart, TreeChart, TreemapChart, CirclePackChart, WordCloudChart, HeatmapChart } from '@carbon/charts';
|
|
4
|
-
import { buildStraightPathString } from '@carbon/charts/components/diagrams/buildPaths';
|
|
5
|
-
import { arrowLeft, arrowRight, circle, diamond, square, tee } from '@carbon/charts/components/diagrams/markerDefinitions';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* @fileoverview added by tsickle
|
|
9
|
-
* Generated from: base-chart.component.ts
|
|
10
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11
|
-
*/
|
|
12
|
-
/**
|
|
13
|
-
* Wrapper around `BaseChart` in carbon charts library
|
|
14
|
-
*
|
|
15
|
-
* Most functions just call their equivalent from the chart library.
|
|
16
|
-
*/
|
|
17
|
-
class BaseChart {
|
|
18
|
-
/**
|
|
19
|
-
* @param {?} elementRef
|
|
20
|
-
*/
|
|
21
|
-
constructor(elementRef) {
|
|
22
|
-
this.elementRef = elementRef;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Data passed to charts library for displaying
|
|
26
|
-
* @param {?} newData
|
|
27
|
-
* @return {?}
|
|
28
|
-
*/
|
|
29
|
-
set data(newData) {
|
|
30
|
-
// If data already exists, that means the chart has been initialized
|
|
31
|
-
/** @type {?} */
|
|
32
|
-
const dataExistsAlready = this._data !== null && this._data !== undefined;
|
|
33
|
-
this._data = newData;
|
|
34
|
-
if (dataExistsAlready) {
|
|
35
|
-
this.chart.model.setData(newData);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* @return {?}
|
|
40
|
-
*/
|
|
41
|
-
get data() {
|
|
42
|
-
return this._data;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Options passed to charts library
|
|
46
|
-
* @param {?} newOptions
|
|
47
|
-
* @return {?}
|
|
48
|
-
*/
|
|
49
|
-
set options(newOptions) {
|
|
50
|
-
// If data already exists, that means the chart has been initialized
|
|
51
|
-
/** @type {?} */
|
|
52
|
-
const optionsExistAlready = this._options !== null && this._options !== undefined;
|
|
53
|
-
this._options = newOptions;
|
|
54
|
-
if (optionsExistAlready) {
|
|
55
|
-
this.chart.model.setOptions(newOptions);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* @return {?}
|
|
60
|
-
*/
|
|
61
|
-
get options() {
|
|
62
|
-
return this._options;
|
|
63
|
-
}
|
|
64
|
-
/**
|
|
65
|
-
* @return {?}
|
|
66
|
-
*/
|
|
67
|
-
ngOnInit() {
|
|
68
|
-
// Width prop is mandatory for the wrappers
|
|
69
|
-
if (this.width) {
|
|
70
|
-
this.options.width = this.width;
|
|
71
|
-
}
|
|
72
|
-
// Height prop is mandatory for the wrappers
|
|
73
|
-
if (this.height) {
|
|
74
|
-
this.options.height = this.height;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* Runs after view init to create a chart, attach it to `chartRef` and draw it.
|
|
79
|
-
* @return {?}
|
|
80
|
-
*/
|
|
81
|
-
ngAfterViewInit() {
|
|
82
|
-
console.log("You need to implement your own `ngAfterViewInit()` function");
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
BaseChart.decorators = [
|
|
86
|
-
{ type: Component, args: [{
|
|
87
|
-
selector: "ibm-base-chart",
|
|
88
|
-
template: ``
|
|
89
|
-
}] }
|
|
90
|
-
];
|
|
91
|
-
/** @nocollapse */
|
|
92
|
-
BaseChart.ctorParameters = () => [
|
|
93
|
-
{ type: ElementRef }
|
|
94
|
-
];
|
|
95
|
-
BaseChart.propDecorators = {
|
|
96
|
-
data: [{ type: Input }],
|
|
97
|
-
options: [{ type: Input }],
|
|
98
|
-
width: [{ type: Input }],
|
|
99
|
-
height: [{ type: Input }],
|
|
100
|
-
chartRef: [{ type: ViewChild, args: ["nChart",] }]
|
|
101
|
-
};
|
|
102
|
-
if (false) {
|
|
103
|
-
/**
|
|
104
|
-
* Chart width
|
|
105
|
-
* @type {?}
|
|
106
|
-
*/
|
|
107
|
-
BaseChart.prototype.width;
|
|
108
|
-
/**
|
|
109
|
-
* Chart height
|
|
110
|
-
* @type {?}
|
|
111
|
-
*/
|
|
112
|
-
BaseChart.prototype.height;
|
|
113
|
-
/**
|
|
114
|
-
* Chart container element ref
|
|
115
|
-
* @type {?}
|
|
116
|
-
*/
|
|
117
|
-
BaseChart.prototype.chartRef;
|
|
118
|
-
/**
|
|
119
|
-
* Chart object instance
|
|
120
|
-
*
|
|
121
|
-
* You can use this to do whatever you would normally do with a chart if you used
|
|
122
|
-
* charts library directly.
|
|
123
|
-
* @type {?}
|
|
124
|
-
*/
|
|
125
|
-
BaseChart.prototype.chart;
|
|
126
|
-
/**
|
|
127
|
-
* @type {?}
|
|
128
|
-
* @private
|
|
129
|
-
*/
|
|
130
|
-
BaseChart.prototype._data;
|
|
131
|
-
/**
|
|
132
|
-
* @type {?}
|
|
133
|
-
* @private
|
|
134
|
-
*/
|
|
135
|
-
BaseChart.prototype._options;
|
|
136
|
-
/**
|
|
137
|
-
* @type {?}
|
|
138
|
-
* @protected
|
|
139
|
-
*/
|
|
140
|
-
BaseChart.prototype.elementRef;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
/**
|
|
144
|
-
* @fileoverview added by tsickle
|
|
145
|
-
* Generated from: alluvial-chart.component.ts
|
|
146
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
147
|
-
*/
|
|
148
|
-
/**
|
|
149
|
-
* Wrapper around `Alluvial` in carbon charts library
|
|
150
|
-
*
|
|
151
|
-
* Most functions just call their equivalent from the chart library.
|
|
152
|
-
*/
|
|
153
|
-
class AlluvialChartComponent extends BaseChart {
|
|
154
|
-
/**
|
|
155
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
156
|
-
* @return {?}
|
|
157
|
-
*/
|
|
158
|
-
ngAfterViewInit() {
|
|
159
|
-
this.chart = new AlluvialChart(this.elementRef.nativeElement, {
|
|
160
|
-
data: this.data,
|
|
161
|
-
options: this.options
|
|
162
|
-
});
|
|
163
|
-
Object.assign(this, this.chart);
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
AlluvialChartComponent.decorators = [
|
|
167
|
-
{ type: Component, args: [{
|
|
168
|
-
selector: "ibm-alluvial-chart",
|
|
169
|
-
template: ``
|
|
170
|
-
}] }
|
|
171
|
-
];
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* @fileoverview added by tsickle
|
|
175
|
-
* Generated from: area-chart.component.ts
|
|
176
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
177
|
-
*/
|
|
178
|
-
/**
|
|
179
|
-
* Wrapper around `AreaChart` in carbon charts library
|
|
180
|
-
*
|
|
181
|
-
* Most functions just call their equivalent from the chart library.
|
|
182
|
-
*/
|
|
183
|
-
class AreaChartComponent extends BaseChart {
|
|
184
|
-
/**
|
|
185
|
-
* Runs after view init to create a chart, attach it to `chartRef` and draw it.
|
|
186
|
-
* @return {?}
|
|
187
|
-
*/
|
|
188
|
-
ngAfterViewInit() {
|
|
189
|
-
this.chart = new AreaChart(this.chartRef.nativeElement, {
|
|
190
|
-
data: this.data,
|
|
191
|
-
options: this.options
|
|
192
|
-
});
|
|
193
|
-
Object.assign(this, this.chart);
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
AreaChartComponent.decorators = [
|
|
197
|
-
{ type: Component, args: [{
|
|
198
|
-
selector: "ibm-area-chart",
|
|
199
|
-
template: `
|
|
200
|
-
<div #nChart class="ibm-chart-container">
|
|
201
|
-
</div>
|
|
202
|
-
`
|
|
203
|
-
}] }
|
|
204
|
-
];
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* @fileoverview added by tsickle
|
|
208
|
-
* Generated from: area-chart-stacked.component.ts
|
|
209
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
210
|
-
*/
|
|
211
|
-
/**
|
|
212
|
-
* Wrapper around `StackedAreaChart` in carbon charts library
|
|
213
|
-
*
|
|
214
|
-
* Most functions just call their equivalent from the chart library.
|
|
215
|
-
*/
|
|
216
|
-
class StackedAreaChartComponent extends BaseChart {
|
|
217
|
-
/**
|
|
218
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
219
|
-
* @return {?}
|
|
220
|
-
*/
|
|
221
|
-
ngAfterViewInit() {
|
|
222
|
-
this.chart = new StackedAreaChart(this.elementRef.nativeElement, {
|
|
223
|
-
data: this.data,
|
|
224
|
-
options: this.options
|
|
225
|
-
});
|
|
226
|
-
Object.assign(this, this.chart);
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
StackedAreaChartComponent.decorators = [
|
|
230
|
-
{ type: Component, args: [{
|
|
231
|
-
selector: "ibm-stacked-area-chart",
|
|
232
|
-
template: ``
|
|
233
|
-
}] }
|
|
234
|
-
];
|
|
235
|
-
|
|
236
|
-
/**
|
|
237
|
-
* @fileoverview added by tsickle
|
|
238
|
-
* Generated from: bar-chart-simple.component.ts
|
|
239
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
240
|
-
*/
|
|
241
|
-
/**
|
|
242
|
-
* Wrapper around `SimpleBarChart` in carbon charts library
|
|
243
|
-
*
|
|
244
|
-
* Most functions just call their equivalent from the chart library.
|
|
245
|
-
*/
|
|
246
|
-
class SimpleBarChartComponent extends BaseChart {
|
|
247
|
-
/**
|
|
248
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
249
|
-
* @return {?}
|
|
250
|
-
*/
|
|
251
|
-
ngAfterViewInit() {
|
|
252
|
-
this.chart = new SimpleBarChart(this.elementRef.nativeElement, {
|
|
253
|
-
data: this.data,
|
|
254
|
-
options: this.options
|
|
255
|
-
});
|
|
256
|
-
Object.assign(this, this.chart);
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
SimpleBarChartComponent.decorators = [
|
|
260
|
-
{ type: Component, args: [{
|
|
261
|
-
selector: "ibm-simple-bar-chart",
|
|
262
|
-
template: ``
|
|
263
|
-
}] }
|
|
264
|
-
];
|
|
265
|
-
|
|
266
|
-
/**
|
|
267
|
-
* @fileoverview added by tsickle
|
|
268
|
-
* Generated from: bar-chart-grouped.component.ts
|
|
269
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
270
|
-
*/
|
|
271
|
-
/**
|
|
272
|
-
* Wrapper around `GroupedBarChart` in carbon charts library
|
|
273
|
-
*
|
|
274
|
-
* Most functions just call their equivalent from the chart library.
|
|
275
|
-
*/
|
|
276
|
-
class GroupedBarChartComponent extends BaseChart {
|
|
277
|
-
/**
|
|
278
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
279
|
-
* @return {?}
|
|
280
|
-
*/
|
|
281
|
-
ngAfterViewInit() {
|
|
282
|
-
this.chart = new GroupedBarChart(this.elementRef.nativeElement, {
|
|
283
|
-
data: this.data,
|
|
284
|
-
options: this.options
|
|
285
|
-
});
|
|
286
|
-
Object.assign(this, this.chart);
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
GroupedBarChartComponent.decorators = [
|
|
290
|
-
{ type: Component, args: [{
|
|
291
|
-
selector: "ibm-grouped-bar-chart",
|
|
292
|
-
template: ``
|
|
293
|
-
}] }
|
|
294
|
-
];
|
|
295
|
-
|
|
296
|
-
/**
|
|
297
|
-
* @fileoverview added by tsickle
|
|
298
|
-
* Generated from: bar-chart-stacked.component.ts
|
|
299
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
300
|
-
*/
|
|
301
|
-
/**
|
|
302
|
-
* Wrapper around `StackedBarChart` in carbon charts library
|
|
303
|
-
*
|
|
304
|
-
* Most functions just call their equivalent from the chart library.
|
|
305
|
-
*/
|
|
306
|
-
class StackedBarChartComponent extends BaseChart {
|
|
307
|
-
/**
|
|
308
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
309
|
-
* @return {?}
|
|
310
|
-
*/
|
|
311
|
-
ngAfterViewInit() {
|
|
312
|
-
this.chart = new StackedBarChart(this.elementRef.nativeElement, {
|
|
313
|
-
data: this.data,
|
|
314
|
-
options: this.options
|
|
315
|
-
});
|
|
316
|
-
Object.assign(this, this.chart);
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
StackedBarChartComponent.decorators = [
|
|
320
|
-
{ type: Component, args: [{
|
|
321
|
-
selector: "ibm-stacked-bar-chart",
|
|
322
|
-
template: ``
|
|
323
|
-
}] }
|
|
324
|
-
];
|
|
325
|
-
|
|
326
|
-
/**
|
|
327
|
-
* @fileoverview added by tsickle
|
|
328
|
-
* Generated from: boxplot-chart.component.ts
|
|
329
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
330
|
-
*/
|
|
331
|
-
/**
|
|
332
|
-
* Wrapper around `BoxplotChart` in carbon charts library
|
|
333
|
-
*
|
|
334
|
-
* Most functions just call their equivalent from the chart library.
|
|
335
|
-
*/
|
|
336
|
-
class BoxplotChartComponent extends BaseChart {
|
|
337
|
-
/**
|
|
338
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
339
|
-
* @return {?}
|
|
340
|
-
*/
|
|
341
|
-
ngAfterViewInit() {
|
|
342
|
-
this.chart = new BoxplotChart(this.elementRef.nativeElement, {
|
|
343
|
-
data: this.data,
|
|
344
|
-
options: this.options
|
|
345
|
-
});
|
|
346
|
-
Object.assign(this, this.chart);
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
BoxplotChartComponent.decorators = [
|
|
350
|
-
{ type: Component, args: [{
|
|
351
|
-
selector: "ibm-boxplot-chart",
|
|
352
|
-
template: ``
|
|
353
|
-
}] }
|
|
354
|
-
];
|
|
355
|
-
|
|
356
|
-
/**
|
|
357
|
-
* @fileoverview added by tsickle
|
|
358
|
-
* Generated from: bubble-chart.component.ts
|
|
359
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
360
|
-
*/
|
|
361
|
-
/**
|
|
362
|
-
* Wrapper around `BubbleChart` in carbon charts library
|
|
363
|
-
*
|
|
364
|
-
* Most functions just call their equivalent from the chart library.
|
|
365
|
-
*/
|
|
366
|
-
class BubbleChartComponent extends BaseChart {
|
|
367
|
-
/**
|
|
368
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
369
|
-
* @return {?}
|
|
370
|
-
*/
|
|
371
|
-
ngAfterViewInit() {
|
|
372
|
-
this.chart = new BubbleChart(this.elementRef.nativeElement, {
|
|
373
|
-
data: this.data,
|
|
374
|
-
options: this.options
|
|
375
|
-
});
|
|
376
|
-
Object.assign(this, this.chart);
|
|
377
|
-
}
|
|
378
|
-
}
|
|
379
|
-
BubbleChartComponent.decorators = [
|
|
380
|
-
{ type: Component, args: [{
|
|
381
|
-
selector: "ibm-bubble-chart",
|
|
382
|
-
template: ``
|
|
383
|
-
}] }
|
|
384
|
-
];
|
|
385
|
-
|
|
386
|
-
/**
|
|
387
|
-
* @fileoverview added by tsickle
|
|
388
|
-
* Generated from: bullet-chart.component.ts
|
|
389
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
390
|
-
*/
|
|
391
|
-
/**
|
|
392
|
-
* Wrapper around `BulletChart` in carbon charts library
|
|
393
|
-
*
|
|
394
|
-
* Most functions just call their equivalent from the chart library.
|
|
395
|
-
*/
|
|
396
|
-
class BulletChartComponent extends BaseChart {
|
|
397
|
-
/**
|
|
398
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
399
|
-
* @return {?}
|
|
400
|
-
*/
|
|
401
|
-
ngAfterViewInit() {
|
|
402
|
-
this.chart = new BulletChart(this.elementRef.nativeElement, {
|
|
403
|
-
data: this.data,
|
|
404
|
-
options: this.options
|
|
405
|
-
});
|
|
406
|
-
Object.assign(this, this.chart);
|
|
407
|
-
}
|
|
408
|
-
}
|
|
409
|
-
BulletChartComponent.decorators = [
|
|
410
|
-
{ type: Component, args: [{
|
|
411
|
-
selector: "ibm-bullet-chart",
|
|
412
|
-
template: ``
|
|
413
|
-
}] }
|
|
414
|
-
];
|
|
415
|
-
|
|
416
|
-
/**
|
|
417
|
-
* @fileoverview added by tsickle
|
|
418
|
-
* Generated from: donut-chart.component.ts
|
|
419
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
420
|
-
*/
|
|
421
|
-
/**
|
|
422
|
-
* Wrapper around `DonutChart` in carbon charts library
|
|
423
|
-
*
|
|
424
|
-
* Most functions just call their equivalent from the chart library.
|
|
425
|
-
*/
|
|
426
|
-
class DonutChartComponent extends BaseChart {
|
|
427
|
-
/**
|
|
428
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
429
|
-
* @return {?}
|
|
430
|
-
*/
|
|
431
|
-
ngAfterViewInit() {
|
|
432
|
-
this.chart = new DonutChart(this.elementRef.nativeElement, {
|
|
433
|
-
data: this.data,
|
|
434
|
-
options: this.options
|
|
435
|
-
});
|
|
436
|
-
Object.assign(this, this.chart);
|
|
437
|
-
}
|
|
438
|
-
}
|
|
439
|
-
DonutChartComponent.decorators = [
|
|
440
|
-
{ type: Component, args: [{
|
|
441
|
-
selector: "ibm-donut-chart",
|
|
442
|
-
template: ``
|
|
443
|
-
}] }
|
|
444
|
-
];
|
|
445
|
-
|
|
446
|
-
/**
|
|
447
|
-
* @fileoverview added by tsickle
|
|
448
|
-
* Generated from: gauge-chart.component.ts
|
|
449
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
450
|
-
*/
|
|
451
|
-
/**
|
|
452
|
-
* Wrapper around `GaugeChart` in carbon charts library
|
|
453
|
-
*
|
|
454
|
-
* Most functions just call their equivalent from the chart library.
|
|
455
|
-
*/
|
|
456
|
-
class GaugeChartComponent extends BaseChart {
|
|
457
|
-
/**
|
|
458
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
459
|
-
* @return {?}
|
|
460
|
-
*/
|
|
461
|
-
ngAfterViewInit() {
|
|
462
|
-
this.chart = new GaugeChart(this.elementRef.nativeElement, {
|
|
463
|
-
data: this.data,
|
|
464
|
-
options: this.options
|
|
465
|
-
});
|
|
466
|
-
Object.assign(this, this.chart);
|
|
467
|
-
}
|
|
468
|
-
}
|
|
469
|
-
GaugeChartComponent.decorators = [
|
|
470
|
-
{ type: Component, args: [{
|
|
471
|
-
selector: "ibm-gauge-chart",
|
|
472
|
-
template: ``
|
|
473
|
-
}] }
|
|
474
|
-
];
|
|
475
|
-
|
|
476
|
-
/**
|
|
477
|
-
* @fileoverview added by tsickle
|
|
478
|
-
* Generated from: histogram-chart.component.ts
|
|
479
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
480
|
-
*/
|
|
481
|
-
/**
|
|
482
|
-
* Wrapper around `HistogramChart` in carbon charts library
|
|
483
|
-
*
|
|
484
|
-
* Most functions just call their equivalent from the chart library.
|
|
485
|
-
*/
|
|
486
|
-
class HistogramChartComponent extends BaseChart {
|
|
487
|
-
/**
|
|
488
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
489
|
-
* @return {?}
|
|
490
|
-
*/
|
|
491
|
-
ngAfterViewInit() {
|
|
492
|
-
this.chart = new HistogramChart(this.elementRef.nativeElement, {
|
|
493
|
-
data: this.data,
|
|
494
|
-
options: this.options
|
|
495
|
-
});
|
|
496
|
-
Object.assign(this, this.chart);
|
|
497
|
-
}
|
|
498
|
-
}
|
|
499
|
-
HistogramChartComponent.decorators = [
|
|
500
|
-
{ type: Component, args: [{
|
|
501
|
-
selector: "ibm-histogram-chart",
|
|
502
|
-
template: ``
|
|
503
|
-
}] }
|
|
504
|
-
];
|
|
505
|
-
|
|
506
|
-
/**
|
|
507
|
-
* @fileoverview added by tsickle
|
|
508
|
-
* Generated from: line-chart.component.ts
|
|
509
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
510
|
-
*/
|
|
511
|
-
/**
|
|
512
|
-
* Wrapper around `LineChart` in carbon charts library
|
|
513
|
-
*
|
|
514
|
-
* Most functions just call their equivalent from the chart library.
|
|
515
|
-
*/
|
|
516
|
-
class LineChartComponent extends BaseChart {
|
|
517
|
-
/**
|
|
518
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
519
|
-
* @return {?}
|
|
520
|
-
*/
|
|
521
|
-
ngAfterViewInit() {
|
|
522
|
-
this.chart = new LineChart(this.elementRef.nativeElement, {
|
|
523
|
-
data: this.data,
|
|
524
|
-
options: this.options
|
|
525
|
-
});
|
|
526
|
-
Object.assign(this, this.chart);
|
|
527
|
-
}
|
|
528
|
-
}
|
|
529
|
-
LineChartComponent.decorators = [
|
|
530
|
-
{ type: Component, args: [{
|
|
531
|
-
selector: "ibm-line-chart",
|
|
532
|
-
template: ``
|
|
533
|
-
}] }
|
|
534
|
-
];
|
|
535
|
-
|
|
536
|
-
/**
|
|
537
|
-
* @fileoverview added by tsickle
|
|
538
|
-
* Generated from: lollipop-chart.component.ts
|
|
539
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
540
|
-
*/
|
|
541
|
-
/**
|
|
542
|
-
* Wrapper around `LollipopChart` in carbon charts library
|
|
543
|
-
*
|
|
544
|
-
* Most functions just call their equivalent from the chart library.
|
|
545
|
-
*/
|
|
546
|
-
class LollipopChartComponent extends BaseChart {
|
|
547
|
-
/**
|
|
548
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
549
|
-
* @return {?}
|
|
550
|
-
*/
|
|
551
|
-
ngAfterViewInit() {
|
|
552
|
-
this.chart = new LollipopChart(this.elementRef.nativeElement, {
|
|
553
|
-
data: this.data,
|
|
554
|
-
options: this.options
|
|
555
|
-
});
|
|
556
|
-
Object.assign(this, this.chart);
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
LollipopChartComponent.decorators = [
|
|
560
|
-
{ type: Component, args: [{
|
|
561
|
-
selector: "ibm-lollipop-chart",
|
|
562
|
-
template: ``
|
|
563
|
-
}] }
|
|
564
|
-
];
|
|
565
|
-
|
|
566
|
-
/**
|
|
567
|
-
* @fileoverview added by tsickle
|
|
568
|
-
* Generated from: pie-chart.component.ts
|
|
569
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
570
|
-
*/
|
|
571
|
-
/**
|
|
572
|
-
* Wrapper around `PieChart` in carbon charts library
|
|
573
|
-
*
|
|
574
|
-
* Most functions just call their equivalent from the chart library.
|
|
575
|
-
*/
|
|
576
|
-
class PieChartComponent extends BaseChart {
|
|
577
|
-
/**
|
|
578
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
579
|
-
* @return {?}
|
|
580
|
-
*/
|
|
581
|
-
ngAfterViewInit() {
|
|
582
|
-
this.chart = new PieChart(this.elementRef.nativeElement, {
|
|
583
|
-
data: this.data,
|
|
584
|
-
options: this.options
|
|
585
|
-
});
|
|
586
|
-
Object.assign(this, this.chart);
|
|
587
|
-
}
|
|
588
|
-
}
|
|
589
|
-
PieChartComponent.decorators = [
|
|
590
|
-
{ type: Component, args: [{
|
|
591
|
-
selector: "ibm-pie-chart",
|
|
592
|
-
template: ``
|
|
593
|
-
}] }
|
|
594
|
-
];
|
|
595
|
-
|
|
596
|
-
/**
|
|
597
|
-
* @fileoverview added by tsickle
|
|
598
|
-
* Generated from: scatter-chart.component.ts
|
|
599
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
600
|
-
*/
|
|
601
|
-
/**
|
|
602
|
-
* Wrapper around `ScatterChart` in carbon charts library
|
|
603
|
-
*
|
|
604
|
-
* Most functions just call their equivalent from the chart library.
|
|
605
|
-
*/
|
|
606
|
-
class ScatterChartComponent extends BaseChart {
|
|
607
|
-
/**
|
|
608
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
609
|
-
* @return {?}
|
|
610
|
-
*/
|
|
611
|
-
ngAfterViewInit() {
|
|
612
|
-
this.chart = new ScatterChart(this.elementRef.nativeElement, {
|
|
613
|
-
data: this.data,
|
|
614
|
-
options: this.options
|
|
615
|
-
});
|
|
616
|
-
Object.assign(this, this.chart);
|
|
617
|
-
}
|
|
618
|
-
}
|
|
619
|
-
ScatterChartComponent.decorators = [
|
|
620
|
-
{ type: Component, args: [{
|
|
621
|
-
selector: "ibm-scatter-chart",
|
|
622
|
-
template: ``
|
|
623
|
-
}] }
|
|
624
|
-
];
|
|
625
|
-
|
|
626
|
-
/**
|
|
627
|
-
* @fileoverview added by tsickle
|
|
628
|
-
* Generated from: meter-chart.component.ts
|
|
629
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
630
|
-
*/
|
|
631
|
-
/**
|
|
632
|
-
* Wrapper around `MeterChart` in carbon charts library
|
|
633
|
-
*
|
|
634
|
-
* Most functions just call their equivalent from the chart library.
|
|
635
|
-
*/
|
|
636
|
-
class MeterChartComponent extends BaseChart {
|
|
637
|
-
/**
|
|
638
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
639
|
-
* @return {?}
|
|
640
|
-
*/
|
|
641
|
-
ngAfterViewInit() {
|
|
642
|
-
this.chart = new MeterChart(this.elementRef.nativeElement, {
|
|
643
|
-
data: this.data,
|
|
644
|
-
options: this.options
|
|
645
|
-
});
|
|
646
|
-
Object.assign(this, this.chart);
|
|
647
|
-
}
|
|
648
|
-
}
|
|
649
|
-
MeterChartComponent.decorators = [
|
|
650
|
-
{ type: Component, args: [{
|
|
651
|
-
selector: "ibm-meter-chart",
|
|
652
|
-
template: ``
|
|
653
|
-
}] }
|
|
654
|
-
];
|
|
655
|
-
|
|
656
|
-
/**
|
|
657
|
-
* @fileoverview added by tsickle
|
|
658
|
-
* Generated from: radar-chart.component.ts
|
|
659
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
660
|
-
*/
|
|
661
|
-
/**
|
|
662
|
-
* Wrapper around `RadarChart` in carbon charts library
|
|
663
|
-
*
|
|
664
|
-
* Most functions just call their equivalent from the chart library.
|
|
665
|
-
*/
|
|
666
|
-
class RadarChartComponent extends BaseChart {
|
|
667
|
-
/**
|
|
668
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
669
|
-
* @return {?}
|
|
670
|
-
*/
|
|
671
|
-
ngAfterViewInit() {
|
|
672
|
-
this.chart = new RadarChart(this.elementRef.nativeElement, {
|
|
673
|
-
data: this.data,
|
|
674
|
-
options: this.options
|
|
675
|
-
});
|
|
676
|
-
Object.assign(this, this.chart);
|
|
677
|
-
}
|
|
678
|
-
}
|
|
679
|
-
RadarChartComponent.decorators = [
|
|
680
|
-
{ type: Component, args: [{
|
|
681
|
-
selector: "ibm-radar-chart",
|
|
682
|
-
template: ``
|
|
683
|
-
}] }
|
|
684
|
-
];
|
|
685
|
-
|
|
686
|
-
/**
|
|
687
|
-
* @fileoverview added by tsickle
|
|
688
|
-
* Generated from: combo-chart.component.ts
|
|
689
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
690
|
-
*/
|
|
691
|
-
/**
|
|
692
|
-
* Wrapper around `ComboChart` in carbon charts library
|
|
693
|
-
*
|
|
694
|
-
* Most functions just call their equivalent from the chart library.
|
|
695
|
-
*/
|
|
696
|
-
class ComboChartComponent extends BaseChart {
|
|
697
|
-
/**
|
|
698
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
699
|
-
* @return {?}
|
|
700
|
-
*/
|
|
701
|
-
ngAfterViewInit() {
|
|
702
|
-
this.chart = new ComboChart(this.elementRef.nativeElement, {
|
|
703
|
-
data: this.data,
|
|
704
|
-
options: this.options
|
|
705
|
-
});
|
|
706
|
-
Object.assign(this, this.chart);
|
|
707
|
-
}
|
|
708
|
-
}
|
|
709
|
-
ComboChartComponent.decorators = [
|
|
710
|
-
{ type: Component, args: [{
|
|
711
|
-
selector: "ibm-combo-chart",
|
|
712
|
-
template: ``
|
|
713
|
-
}] }
|
|
714
|
-
];
|
|
715
|
-
|
|
716
|
-
/**
|
|
717
|
-
* @fileoverview added by tsickle
|
|
718
|
-
* Generated from: tree-chart.component.ts
|
|
719
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
720
|
-
*/
|
|
721
|
-
/**
|
|
722
|
-
* Wrapper around `TreeChart` in carbon charts library
|
|
723
|
-
*
|
|
724
|
-
* Most functions just call their equivalent from the chart library.
|
|
725
|
-
*/
|
|
726
|
-
class TreeChartComponent extends BaseChart {
|
|
727
|
-
/**
|
|
728
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
729
|
-
* @return {?}
|
|
730
|
-
*/
|
|
731
|
-
ngAfterViewInit() {
|
|
732
|
-
this.chart = new TreeChart(this.elementRef.nativeElement, {
|
|
733
|
-
data: this.data,
|
|
734
|
-
options: this.options
|
|
735
|
-
});
|
|
736
|
-
Object.assign(this, this.chart);
|
|
737
|
-
}
|
|
738
|
-
}
|
|
739
|
-
TreeChartComponent.decorators = [
|
|
740
|
-
{ type: Component, args: [{
|
|
741
|
-
selector: "ibm-tree-chart",
|
|
742
|
-
template: ``
|
|
743
|
-
}] }
|
|
744
|
-
];
|
|
745
|
-
|
|
746
|
-
/**
|
|
747
|
-
* @fileoverview added by tsickle
|
|
748
|
-
* Generated from: treemap-chart.component.ts
|
|
749
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
750
|
-
*/
|
|
751
|
-
/**
|
|
752
|
-
* Wrapper around `TreemapChart` in carbon charts library
|
|
753
|
-
*
|
|
754
|
-
* Most functions just call their equivalent from the chart library.
|
|
755
|
-
*/
|
|
756
|
-
class TreemapChartComponent extends BaseChart {
|
|
757
|
-
/**
|
|
758
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
759
|
-
* @return {?}
|
|
760
|
-
*/
|
|
761
|
-
ngAfterViewInit() {
|
|
762
|
-
this.chart = new TreemapChart(this.elementRef.nativeElement, {
|
|
763
|
-
data: this.data,
|
|
764
|
-
options: this.options
|
|
765
|
-
});
|
|
766
|
-
Object.assign(this, this.chart);
|
|
767
|
-
}
|
|
768
|
-
}
|
|
769
|
-
TreemapChartComponent.decorators = [
|
|
770
|
-
{ type: Component, args: [{
|
|
771
|
-
selector: "ibm-treemap-chart",
|
|
772
|
-
template: ``
|
|
773
|
-
}] }
|
|
774
|
-
];
|
|
775
|
-
|
|
776
|
-
/**
|
|
777
|
-
* @fileoverview added by tsickle
|
|
778
|
-
* Generated from: circle-pack-chart.component.ts
|
|
779
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
780
|
-
*/
|
|
781
|
-
/**
|
|
782
|
-
* Wrapper around `BubbleChart` in carbon charts library
|
|
783
|
-
*
|
|
784
|
-
* Most functions just call their equivalent from the chart library.
|
|
785
|
-
*/
|
|
786
|
-
class CirclePackChartComponent extends BaseChart {
|
|
787
|
-
/**
|
|
788
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
789
|
-
* @return {?}
|
|
790
|
-
*/
|
|
791
|
-
ngAfterViewInit() {
|
|
792
|
-
this.chart = new CirclePackChart(this.elementRef.nativeElement, {
|
|
793
|
-
data: this.data,
|
|
794
|
-
options: this.options
|
|
795
|
-
});
|
|
796
|
-
Object.assign(this, this.chart);
|
|
797
|
-
}
|
|
798
|
-
}
|
|
799
|
-
CirclePackChartComponent.decorators = [
|
|
800
|
-
{ type: Component, args: [{
|
|
801
|
-
selector: "ibm-circle-pack-chart",
|
|
802
|
-
template: ``
|
|
803
|
-
}] }
|
|
804
|
-
];
|
|
805
|
-
|
|
806
|
-
/**
|
|
807
|
-
* @fileoverview added by tsickle
|
|
808
|
-
* Generated from: wordcloud-chart.component.ts
|
|
809
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
810
|
-
*/
|
|
811
|
-
/**
|
|
812
|
-
* Wrapper around `WordCloudChart` in carbon charts library
|
|
813
|
-
*
|
|
814
|
-
* Most functions just call their equivalent from the chart library.
|
|
815
|
-
*/
|
|
816
|
-
class WordCloudChartComponent extends BaseChart {
|
|
817
|
-
/**
|
|
818
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
819
|
-
* @return {?}
|
|
820
|
-
*/
|
|
821
|
-
ngAfterViewInit() {
|
|
822
|
-
this.chart = new WordCloudChart(this.elementRef.nativeElement, {
|
|
823
|
-
data: this.data,
|
|
824
|
-
options: this.options
|
|
825
|
-
});
|
|
826
|
-
Object.assign(this, this.chart);
|
|
827
|
-
}
|
|
828
|
-
}
|
|
829
|
-
WordCloudChartComponent.decorators = [
|
|
830
|
-
{ type: Component, args: [{
|
|
831
|
-
selector: "ibm-wordcloud-chart",
|
|
832
|
-
template: ``
|
|
833
|
-
}] }
|
|
834
|
-
];
|
|
835
|
-
|
|
836
|
-
/**
|
|
837
|
-
* @fileoverview added by tsickle
|
|
838
|
-
* Generated from: heatmap-chart.component.ts
|
|
839
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
840
|
-
*/
|
|
841
|
-
/**
|
|
842
|
-
* Wrapper around `Heatmap` in carbon charts library
|
|
843
|
-
*
|
|
844
|
-
* Most functions just call their equivalent from the chart library.
|
|
845
|
-
*/
|
|
846
|
-
class HeatmapChartComponent extends BaseChart {
|
|
847
|
-
/**
|
|
848
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
849
|
-
* @return {?}
|
|
850
|
-
*/
|
|
851
|
-
ngAfterViewInit() {
|
|
852
|
-
this.chart = new HeatmapChart(this.elementRef.nativeElement, {
|
|
853
|
-
data: this.data,
|
|
854
|
-
options: this.options
|
|
855
|
-
});
|
|
856
|
-
Object.assign(this, this.chart);
|
|
857
|
-
}
|
|
858
|
-
}
|
|
859
|
-
HeatmapChartComponent.decorators = [
|
|
860
|
-
{ type: Component, args: [{
|
|
861
|
-
selector: "ibm-heatmap-chart",
|
|
862
|
-
template: ``
|
|
863
|
-
}] }
|
|
864
|
-
];
|
|
865
|
-
|
|
866
|
-
/**
|
|
867
|
-
* @fileoverview added by tsickle
|
|
868
|
-
* Generated from: charts.module.ts
|
|
869
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
870
|
-
*/
|
|
871
|
-
class ChartsModule {
|
|
872
|
-
}
|
|
873
|
-
ChartsModule.decorators = [
|
|
874
|
-
{ type: NgModule, args: [{
|
|
875
|
-
imports: [CommonModule],
|
|
876
|
-
declarations: [
|
|
877
|
-
BaseChart,
|
|
878
|
-
AlluvialChartComponent,
|
|
879
|
-
AreaChartComponent,
|
|
880
|
-
StackedAreaChartComponent,
|
|
881
|
-
SimpleBarChartComponent,
|
|
882
|
-
GroupedBarChartComponent,
|
|
883
|
-
StackedBarChartComponent,
|
|
884
|
-
BoxplotChartComponent,
|
|
885
|
-
BubbleChartComponent,
|
|
886
|
-
BulletChartComponent,
|
|
887
|
-
DonutChartComponent,
|
|
888
|
-
GaugeChartComponent,
|
|
889
|
-
HeatmapChartComponent,
|
|
890
|
-
HistogramChartComponent,
|
|
891
|
-
LineChartComponent,
|
|
892
|
-
LollipopChartComponent,
|
|
893
|
-
PieChartComponent,
|
|
894
|
-
ScatterChartComponent,
|
|
895
|
-
MeterChartComponent,
|
|
896
|
-
RadarChartComponent,
|
|
897
|
-
ComboChartComponent,
|
|
898
|
-
TreeChartComponent,
|
|
899
|
-
TreemapChartComponent,
|
|
900
|
-
CirclePackChartComponent,
|
|
901
|
-
WordCloudChartComponent,
|
|
902
|
-
],
|
|
903
|
-
exports: [
|
|
904
|
-
BaseChart,
|
|
905
|
-
AlluvialChartComponent,
|
|
906
|
-
AreaChartComponent,
|
|
907
|
-
StackedAreaChartComponent,
|
|
908
|
-
SimpleBarChartComponent,
|
|
909
|
-
GroupedBarChartComponent,
|
|
910
|
-
StackedBarChartComponent,
|
|
911
|
-
BoxplotChartComponent,
|
|
912
|
-
BubbleChartComponent,
|
|
913
|
-
BulletChartComponent,
|
|
914
|
-
DonutChartComponent,
|
|
915
|
-
GaugeChartComponent,
|
|
916
|
-
HeatmapChartComponent,
|
|
917
|
-
HistogramChartComponent,
|
|
918
|
-
LineChartComponent,
|
|
919
|
-
LollipopChartComponent,
|
|
920
|
-
PieChartComponent,
|
|
921
|
-
ScatterChartComponent,
|
|
922
|
-
MeterChartComponent,
|
|
923
|
-
RadarChartComponent,
|
|
924
|
-
ComboChartComponent,
|
|
925
|
-
TreeChartComponent,
|
|
926
|
-
TreemapChartComponent,
|
|
927
|
-
CirclePackChartComponent,
|
|
928
|
-
WordCloudChartComponent
|
|
929
|
-
],
|
|
930
|
-
},] }
|
|
931
|
-
];
|
|
932
|
-
|
|
933
|
-
/**
|
|
934
|
-
* @fileoverview added by tsickle
|
|
935
|
-
* Generated from: diagrams/configs.ts
|
|
936
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
937
|
-
*/
|
|
938
|
-
/** @type {?} */
|
|
939
|
-
const carbonPrefix = 'cds';
|
|
940
|
-
|
|
941
|
-
/**
|
|
942
|
-
* @fileoverview added by tsickle
|
|
943
|
-
* Generated from: diagrams/card-node/card-node.component.ts
|
|
944
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
945
|
-
*/
|
|
946
|
-
class CardNodeComponent {
|
|
947
|
-
constructor() {
|
|
948
|
-
this.as = 'div';
|
|
949
|
-
this.href = null;
|
|
950
|
-
this.position = 'static';
|
|
951
|
-
this.click = new EventEmitter();
|
|
952
|
-
this.mouseEnter = new EventEmitter();
|
|
953
|
-
this.mouseOver = new EventEmitter();
|
|
954
|
-
this.mouseOut = new EventEmitter();
|
|
955
|
-
this.mouseLeave = new EventEmitter();
|
|
956
|
-
this.mouseMove = new EventEmitter();
|
|
957
|
-
this.namespace = `${carbonPrefix}--cc--card-node`;
|
|
958
|
-
this.component = 'div';
|
|
959
|
-
}
|
|
960
|
-
/**
|
|
961
|
-
* @return {?}
|
|
962
|
-
*/
|
|
963
|
-
ngOnInit() {
|
|
964
|
-
if (this.href) {
|
|
965
|
-
this.component = 'a';
|
|
966
|
-
}
|
|
967
|
-
else {
|
|
968
|
-
this.component = this.as;
|
|
969
|
-
}
|
|
970
|
-
}
|
|
971
|
-
}
|
|
972
|
-
CardNodeComponent.decorators = [
|
|
973
|
-
{ type: Component, args: [{
|
|
974
|
-
selector: 'ibm-diagram-card-node',
|
|
975
|
-
template: `
|
|
976
|
-
<ng-container [ngSwitch]="component">
|
|
977
|
-
<xhtml:div
|
|
978
|
-
*ngSwitchCase="'div'"
|
|
979
|
-
[ngClass]="[
|
|
980
|
-
namespace,
|
|
981
|
-
stacked ? namespace + '--stacked' : '',
|
|
982
|
-
namespace + '--' + component
|
|
983
|
-
]"
|
|
984
|
-
[ngStyle]="{
|
|
985
|
-
'border-color': color,
|
|
986
|
-
position: position
|
|
987
|
-
}"
|
|
988
|
-
(mouseenter)="mouseEnter.emit($event)"
|
|
989
|
-
(mouseover)="mouseOver.emit($event)"
|
|
990
|
-
(mouseout)="mouseOut.emit($event)"
|
|
991
|
-
(mouseleave)="mouseLeave.emit($event)"
|
|
992
|
-
(mousemove)="mouseMove.emit($event)"
|
|
993
|
-
tabindex="0"
|
|
994
|
-
>
|
|
995
|
-
<ng-container *ngTemplateOutlet="nodeTemplate"></ng-container>
|
|
996
|
-
</xhtml:div>
|
|
997
|
-
|
|
998
|
-
<xhtml:button
|
|
999
|
-
*ngSwitchCase="'button'"
|
|
1000
|
-
[ngClass]="[
|
|
1001
|
-
namespace,
|
|
1002
|
-
stacked ? namespace + '--stacked' : '',
|
|
1003
|
-
namespace + '--' + component
|
|
1004
|
-
]"
|
|
1005
|
-
[ngStyle]="{
|
|
1006
|
-
'border-color': color,
|
|
1007
|
-
position: position
|
|
1008
|
-
}"
|
|
1009
|
-
(click)="click.emit($event)"
|
|
1010
|
-
(mouseenter)="mouseEnter.emit($event)"
|
|
1011
|
-
(mouseover)="mouseOver.emit($event)"
|
|
1012
|
-
(mouseout)="mouseOut.emit($event)"
|
|
1013
|
-
(mouseleave)="mouseLeave.emit($event)"
|
|
1014
|
-
(mousemove)="mouseMove.emit($event)"
|
|
1015
|
-
tabindex="0"
|
|
1016
|
-
>
|
|
1017
|
-
<ng-container *ngTemplateOutlet="nodeTemplate"></ng-container>
|
|
1018
|
-
</xhtml:button>
|
|
1019
|
-
|
|
1020
|
-
<xhtml:a
|
|
1021
|
-
*ngSwitchCase="'a'"
|
|
1022
|
-
[ngClass]="[
|
|
1023
|
-
namespace,
|
|
1024
|
-
stacked ? namespace + '--stacked' : '',
|
|
1025
|
-
namespace + '--' + component
|
|
1026
|
-
]"
|
|
1027
|
-
[attr.href]="href"
|
|
1028
|
-
[ngStyle]="{ 'border-color': color, position: position }"
|
|
1029
|
-
(mouseenter)="mouseEnter.emit($event)"
|
|
1030
|
-
(mouseover)="mouseOver.emit($event)"
|
|
1031
|
-
(mouseout)="mouseOut.emit($event)"
|
|
1032
|
-
(mouseleave)="mouseLeave.emit($event)"
|
|
1033
|
-
(mousemove)="mouseMove.emit($event)"
|
|
1034
|
-
tabindex="0"
|
|
1035
|
-
>
|
|
1036
|
-
<ng-container *ngTemplateOutlet="nodeTemplate"></ng-container>
|
|
1037
|
-
</xhtml:a>
|
|
1038
|
-
</ng-container>
|
|
1039
|
-
<ng-template #nodeTemplate>
|
|
1040
|
-
<ng-content></ng-content>
|
|
1041
|
-
</ng-template>
|
|
1042
|
-
`
|
|
1043
|
-
}] }
|
|
1044
|
-
];
|
|
1045
|
-
CardNodeComponent.propDecorators = {
|
|
1046
|
-
as: [{ type: Input }],
|
|
1047
|
-
href: [{ type: Input }],
|
|
1048
|
-
color: [{ type: Input }],
|
|
1049
|
-
stacked: [{ type: Input }],
|
|
1050
|
-
position: [{ type: Input }],
|
|
1051
|
-
click: [{ type: Output }],
|
|
1052
|
-
mouseEnter: [{ type: Output }],
|
|
1053
|
-
mouseOver: [{ type: Output }],
|
|
1054
|
-
mouseOut: [{ type: Output }],
|
|
1055
|
-
mouseLeave: [{ type: Output }],
|
|
1056
|
-
mouseMove: [{ type: Output }]
|
|
1057
|
-
};
|
|
1058
|
-
if (false) {
|
|
1059
|
-
/** @type {?} */
|
|
1060
|
-
CardNodeComponent.prototype.as;
|
|
1061
|
-
/** @type {?} */
|
|
1062
|
-
CardNodeComponent.prototype.href;
|
|
1063
|
-
/** @type {?} */
|
|
1064
|
-
CardNodeComponent.prototype.color;
|
|
1065
|
-
/** @type {?} */
|
|
1066
|
-
CardNodeComponent.prototype.stacked;
|
|
1067
|
-
/** @type {?} */
|
|
1068
|
-
CardNodeComponent.prototype.position;
|
|
1069
|
-
/** @type {?} */
|
|
1070
|
-
CardNodeComponent.prototype.click;
|
|
1071
|
-
/** @type {?} */
|
|
1072
|
-
CardNodeComponent.prototype.mouseEnter;
|
|
1073
|
-
/** @type {?} */
|
|
1074
|
-
CardNodeComponent.prototype.mouseOver;
|
|
1075
|
-
/** @type {?} */
|
|
1076
|
-
CardNodeComponent.prototype.mouseOut;
|
|
1077
|
-
/** @type {?} */
|
|
1078
|
-
CardNodeComponent.prototype.mouseLeave;
|
|
1079
|
-
/** @type {?} */
|
|
1080
|
-
CardNodeComponent.prototype.mouseMove;
|
|
1081
|
-
/** @type {?} */
|
|
1082
|
-
CardNodeComponent.prototype.namespace;
|
|
1083
|
-
/** @type {?} */
|
|
1084
|
-
CardNodeComponent.prototype.component;
|
|
1085
|
-
}
|
|
1086
|
-
|
|
1087
|
-
/**
|
|
1088
|
-
* @fileoverview added by tsickle
|
|
1089
|
-
* Generated from: diagrams/card-node/card-node-column.component.ts
|
|
1090
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1091
|
-
*/
|
|
1092
|
-
class CardNodeColumnComponent {
|
|
1093
|
-
constructor() {
|
|
1094
|
-
this.farsideColumn = false;
|
|
1095
|
-
}
|
|
1096
|
-
/**
|
|
1097
|
-
* @return {?}
|
|
1098
|
-
*/
|
|
1099
|
-
get class() {
|
|
1100
|
-
/** @type {?} */
|
|
1101
|
-
const farsideClassName = this.farsideColumn
|
|
1102
|
-
? `${carbonPrefix}--cc--card-node__column--farside`
|
|
1103
|
-
: '';
|
|
1104
|
-
return `${carbonPrefix}--cc--card-node__column ${farsideClassName}`;
|
|
1105
|
-
}
|
|
1106
|
-
}
|
|
1107
|
-
CardNodeColumnComponent.decorators = [
|
|
1108
|
-
{ type: Component, args: [{
|
|
1109
|
-
selector: 'ibm-diagram-card-node-column',
|
|
1110
|
-
template: `
|
|
1111
|
-
<xhtml:div>
|
|
1112
|
-
<ng-content></ng-content>
|
|
1113
|
-
</xhtml:div>
|
|
1114
|
-
`
|
|
1115
|
-
}] }
|
|
1116
|
-
];
|
|
1117
|
-
CardNodeColumnComponent.propDecorators = {
|
|
1118
|
-
farsideColumn: [{ type: Input }],
|
|
1119
|
-
class: [{ type: HostBinding, args: ['class',] }]
|
|
1120
|
-
};
|
|
1121
|
-
if (false) {
|
|
1122
|
-
/** @type {?} */
|
|
1123
|
-
CardNodeColumnComponent.prototype.farsideColumn;
|
|
1124
|
-
}
|
|
1125
|
-
|
|
1126
|
-
/**
|
|
1127
|
-
* @fileoverview added by tsickle
|
|
1128
|
-
* Generated from: diagrams/card-node/card-node-label.component.ts
|
|
1129
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1130
|
-
*/
|
|
1131
|
-
class CardNodeLabelComponent {
|
|
1132
|
-
constructor() {
|
|
1133
|
-
this.namespace = `${carbonPrefix}--cc--card-node__label`;
|
|
1134
|
-
}
|
|
1135
|
-
}
|
|
1136
|
-
CardNodeLabelComponent.decorators = [
|
|
1137
|
-
{ type: Component, args: [{
|
|
1138
|
-
selector: "ibm-diagram-card-node-label",
|
|
1139
|
-
template: `
|
|
1140
|
-
<xhtml:label [ngClass]="namespace">
|
|
1141
|
-
<ng-content></ng-content>
|
|
1142
|
-
</xhtml:label>
|
|
1143
|
-
`
|
|
1144
|
-
}] }
|
|
1145
|
-
];
|
|
1146
|
-
if (false) {
|
|
1147
|
-
/** @type {?} */
|
|
1148
|
-
CardNodeLabelComponent.prototype.namespace;
|
|
1149
|
-
}
|
|
1150
|
-
|
|
1151
|
-
/**
|
|
1152
|
-
* @fileoverview added by tsickle
|
|
1153
|
-
* Generated from: diagrams/card-node/card-node-subtitle.component.ts
|
|
1154
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1155
|
-
*/
|
|
1156
|
-
class CardNodeSubtitleComponent {
|
|
1157
|
-
constructor() {
|
|
1158
|
-
this.namespace = `${carbonPrefix}--cc--card-node__subtitle`;
|
|
1159
|
-
}
|
|
1160
|
-
}
|
|
1161
|
-
CardNodeSubtitleComponent.decorators = [
|
|
1162
|
-
{ type: Component, args: [{
|
|
1163
|
-
selector: "ibm-diagram-card-node-subtitle",
|
|
1164
|
-
template: `
|
|
1165
|
-
<xhtml:div [ngClass]="namespace">
|
|
1166
|
-
<ng-content></ng-content>
|
|
1167
|
-
</xhtml:div>
|
|
1168
|
-
`
|
|
1169
|
-
}] }
|
|
1170
|
-
];
|
|
1171
|
-
if (false) {
|
|
1172
|
-
/** @type {?} */
|
|
1173
|
-
CardNodeSubtitleComponent.prototype.namespace;
|
|
1174
|
-
}
|
|
1175
|
-
|
|
1176
|
-
/**
|
|
1177
|
-
* @fileoverview added by tsickle
|
|
1178
|
-
* Generated from: diagrams/card-node/card-node-title.component.ts
|
|
1179
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1180
|
-
*/
|
|
1181
|
-
class CardNodeTitleComponent {
|
|
1182
|
-
constructor() {
|
|
1183
|
-
this.namespace = `${carbonPrefix}--cc--card-node__title`;
|
|
1184
|
-
}
|
|
1185
|
-
}
|
|
1186
|
-
CardNodeTitleComponent.decorators = [
|
|
1187
|
-
{ type: Component, args: [{
|
|
1188
|
-
selector: "ibm-diagram-card-node-title",
|
|
1189
|
-
template: `
|
|
1190
|
-
<xhtml:div [ngClass]="namespace">
|
|
1191
|
-
<ng-content></ng-content>
|
|
1192
|
-
</xhtml:div>
|
|
1193
|
-
`
|
|
1194
|
-
}] }
|
|
1195
|
-
];
|
|
1196
|
-
if (false) {
|
|
1197
|
-
/** @type {?} */
|
|
1198
|
-
CardNodeTitleComponent.prototype.namespace;
|
|
1199
|
-
}
|
|
1200
|
-
|
|
1201
|
-
/**
|
|
1202
|
-
* @fileoverview added by tsickle
|
|
1203
|
-
* Generated from: diagrams/card-node/card-node.module.ts
|
|
1204
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1205
|
-
*/
|
|
1206
|
-
class CardNodeModule {
|
|
1207
|
-
}
|
|
1208
|
-
CardNodeModule.decorators = [
|
|
1209
|
-
{ type: NgModule, args: [{
|
|
1210
|
-
declarations: [CardNodeComponent, CardNodeColumnComponent, CardNodeLabelComponent, CardNodeSubtitleComponent, CardNodeTitleComponent],
|
|
1211
|
-
exports: [CardNodeComponent, CardNodeColumnComponent, CardNodeLabelComponent, CardNodeSubtitleComponent, CardNodeTitleComponent],
|
|
1212
|
-
imports: [CommonModule]
|
|
1213
|
-
},] }
|
|
1214
|
-
];
|
|
1215
|
-
|
|
1216
|
-
/**
|
|
1217
|
-
* @fileoverview added by tsickle
|
|
1218
|
-
* Generated from: diagrams/edge/edge.component.ts
|
|
1219
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1220
|
-
*/
|
|
1221
|
-
/**
|
|
1222
|
-
* @record
|
|
1223
|
-
*/
|
|
1224
|
-
function Coordinates() { }
|
|
1225
|
-
if (false) {
|
|
1226
|
-
/** @type {?} */
|
|
1227
|
-
Coordinates.prototype.x;
|
|
1228
|
-
/** @type {?} */
|
|
1229
|
-
Coordinates.prototype.y;
|
|
1230
|
-
}
|
|
1231
|
-
class EdgeComponent {
|
|
1232
|
-
constructor() {
|
|
1233
|
-
this.namespace = `${carbonPrefix}--cc--edge`;
|
|
1234
|
-
this.straight = buildStraightPathString;
|
|
1235
|
-
}
|
|
1236
|
-
}
|
|
1237
|
-
EdgeComponent.decorators = [
|
|
1238
|
-
{ type: Component, args: [{
|
|
1239
|
-
selector: "[ibm-graph-edge]",
|
|
1240
|
-
template: `
|
|
1241
|
-
<svg:g [ngClass]="[namespace, variant ? namespace + '--' + variant : '']">
|
|
1242
|
-
<svg:path
|
|
1243
|
-
[ngClass]="namespace + '__container'"
|
|
1244
|
-
[attr.d]="path ? path : straight(source, target)"
|
|
1245
|
-
/>
|
|
1246
|
-
<svg:path
|
|
1247
|
-
[ngClass]="namespace + '__outer'"
|
|
1248
|
-
[attr.d]="path ? path : straight(source, target)"
|
|
1249
|
-
/>
|
|
1250
|
-
<svg:path
|
|
1251
|
-
[ngClass]="namespace + '__inner'"
|
|
1252
|
-
[attr.d]="path ? path : straight(source, target)"
|
|
1253
|
-
[ngStyle]="{'stroke': color}"
|
|
1254
|
-
[attr.marker-start]="markerStart ? 'url(#' + markerStart + ')' : ''"
|
|
1255
|
-
[attr.marker-end]="markerEnd ? 'url(#' + markerEnd + ')' : ''"
|
|
1256
|
-
/>
|
|
1257
|
-
</svg:g>
|
|
1258
|
-
`
|
|
1259
|
-
}] }
|
|
1260
|
-
];
|
|
1261
|
-
EdgeComponent.propDecorators = {
|
|
1262
|
-
color: [{ type: Input }],
|
|
1263
|
-
markerEnd: [{ type: Input }],
|
|
1264
|
-
markerStart: [{ type: Input }],
|
|
1265
|
-
source: [{ type: Input }],
|
|
1266
|
-
target: [{ type: Input }],
|
|
1267
|
-
variant: [{ type: Input }],
|
|
1268
|
-
path: [{ type: Input }]
|
|
1269
|
-
};
|
|
1270
|
-
if (false) {
|
|
1271
|
-
/** @type {?} */
|
|
1272
|
-
EdgeComponent.prototype.color;
|
|
1273
|
-
/** @type {?} */
|
|
1274
|
-
EdgeComponent.prototype.markerEnd;
|
|
1275
|
-
/** @type {?} */
|
|
1276
|
-
EdgeComponent.prototype.markerStart;
|
|
1277
|
-
/** @type {?} */
|
|
1278
|
-
EdgeComponent.prototype.source;
|
|
1279
|
-
/** @type {?} */
|
|
1280
|
-
EdgeComponent.prototype.target;
|
|
1281
|
-
/** @type {?} */
|
|
1282
|
-
EdgeComponent.prototype.variant;
|
|
1283
|
-
/** @type {?} */
|
|
1284
|
-
EdgeComponent.prototype.path;
|
|
1285
|
-
/** @type {?} */
|
|
1286
|
-
EdgeComponent.prototype.pathClasses;
|
|
1287
|
-
/** @type {?} */
|
|
1288
|
-
EdgeComponent.prototype.namespace;
|
|
1289
|
-
/** @type {?} */
|
|
1290
|
-
EdgeComponent.prototype.straight;
|
|
1291
|
-
}
|
|
1292
|
-
|
|
1293
|
-
/**
|
|
1294
|
-
* @fileoverview added by tsickle
|
|
1295
|
-
* Generated from: diagrams/edge/edge.module.ts
|
|
1296
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1297
|
-
*/
|
|
1298
|
-
class EdgeModule {
|
|
1299
|
-
}
|
|
1300
|
-
EdgeModule.decorators = [
|
|
1301
|
-
{ type: NgModule, args: [{
|
|
1302
|
-
declarations: [EdgeComponent],
|
|
1303
|
-
exports: [EdgeComponent],
|
|
1304
|
-
imports: [CommonModule]
|
|
1305
|
-
},] }
|
|
1306
|
-
];
|
|
1307
|
-
|
|
1308
|
-
/**
|
|
1309
|
-
* @fileoverview added by tsickle
|
|
1310
|
-
* Generated from: diagrams/marker/marker.component.ts
|
|
1311
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1312
|
-
*/
|
|
1313
|
-
/** @type {?} */
|
|
1314
|
-
const template = `
|
|
1315
|
-
<svg:marker
|
|
1316
|
-
[ngClass]="namespace"
|
|
1317
|
-
[attr.markerHeight]="height"
|
|
1318
|
-
[attr.markerWidth]="width"
|
|
1319
|
-
[attr.orient]="orient"
|
|
1320
|
-
[attr.id]="id"
|
|
1321
|
-
[attr.refX]="refX"
|
|
1322
|
-
[attr.refY]="refY"
|
|
1323
|
-
markerUnits="userSpaceOnUse">
|
|
1324
|
-
<svg:path [attr.d]="d" [ngStyle]="{'fill': color}" ></svg:path>
|
|
1325
|
-
</svg:marker>
|
|
1326
|
-
`;
|
|
1327
|
-
class MarkerComponent {
|
|
1328
|
-
constructor() {
|
|
1329
|
-
this.orient = "auto";
|
|
1330
|
-
this.position = "end";
|
|
1331
|
-
this.namespace = `${carbonPrefix}--cc--marker`;
|
|
1332
|
-
this.setAttributes = (/**
|
|
1333
|
-
* @param {?} __0
|
|
1334
|
-
* @return {?}
|
|
1335
|
-
*/
|
|
1336
|
-
({ d, id, height, width }) => {
|
|
1337
|
-
/** @type {?} */
|
|
1338
|
-
const xPos = (this.position === "end") ? (width / 2) + 0.5 : 0.5;
|
|
1339
|
-
/** @type {?} */
|
|
1340
|
-
const yPos = height / 2;
|
|
1341
|
-
this.d = this.d || d;
|
|
1342
|
-
this.id = this.id || id;
|
|
1343
|
-
this.height = this.height || height;
|
|
1344
|
-
this.width = this.width || width;
|
|
1345
|
-
this.refX = this.refX || xPos;
|
|
1346
|
-
this.refY = this.refY || yPos;
|
|
1347
|
-
});
|
|
1348
|
-
}
|
|
1349
|
-
}
|
|
1350
|
-
MarkerComponent.decorators = [
|
|
1351
|
-
{ type: Component, args: [{
|
|
1352
|
-
selector: "[ibm-graph-marker]",
|
|
1353
|
-
template
|
|
1354
|
-
}] }
|
|
1355
|
-
];
|
|
1356
|
-
MarkerComponent.propDecorators = {
|
|
1357
|
-
d: [{ type: Input }],
|
|
1358
|
-
color: [{ type: Input }],
|
|
1359
|
-
id: [{ type: Input }],
|
|
1360
|
-
orient: [{ type: Input }],
|
|
1361
|
-
height: [{ type: Input }],
|
|
1362
|
-
width: [{ type: Input }],
|
|
1363
|
-
refX: [{ type: Input }],
|
|
1364
|
-
refY: [{ type: Input }],
|
|
1365
|
-
position: [{ type: Input }]
|
|
1366
|
-
};
|
|
1367
|
-
if (false) {
|
|
1368
|
-
/** @type {?} */
|
|
1369
|
-
MarkerComponent.prototype.d;
|
|
1370
|
-
/** @type {?} */
|
|
1371
|
-
MarkerComponent.prototype.color;
|
|
1372
|
-
/** @type {?} */
|
|
1373
|
-
MarkerComponent.prototype.id;
|
|
1374
|
-
/** @type {?} */
|
|
1375
|
-
MarkerComponent.prototype.orient;
|
|
1376
|
-
/** @type {?} */
|
|
1377
|
-
MarkerComponent.prototype.height;
|
|
1378
|
-
/** @type {?} */
|
|
1379
|
-
MarkerComponent.prototype.width;
|
|
1380
|
-
/** @type {?} */
|
|
1381
|
-
MarkerComponent.prototype.refX;
|
|
1382
|
-
/** @type {?} */
|
|
1383
|
-
MarkerComponent.prototype.refY;
|
|
1384
|
-
/** @type {?} */
|
|
1385
|
-
MarkerComponent.prototype.position;
|
|
1386
|
-
/** @type {?} */
|
|
1387
|
-
MarkerComponent.prototype.namespace;
|
|
1388
|
-
/** @type {?} */
|
|
1389
|
-
MarkerComponent.prototype.setAttributes;
|
|
1390
|
-
}
|
|
1391
|
-
class MarkerArrowLeftComponent extends MarkerComponent {
|
|
1392
|
-
/**
|
|
1393
|
-
* @return {?}
|
|
1394
|
-
*/
|
|
1395
|
-
ngOnInit() { this.setAttributes(Object.assign({}, arrowLeft)); }
|
|
1396
|
-
}
|
|
1397
|
-
MarkerArrowLeftComponent.decorators = [
|
|
1398
|
-
{ type: Component, args: [{ selector: "[ibm-graph-marker-arrow-left]", template }] }
|
|
1399
|
-
];
|
|
1400
|
-
class MarkerArrowRightComponent extends MarkerComponent {
|
|
1401
|
-
/**
|
|
1402
|
-
* @return {?}
|
|
1403
|
-
*/
|
|
1404
|
-
ngOnInit() { this.setAttributes(Object.assign({}, arrowRight)); }
|
|
1405
|
-
}
|
|
1406
|
-
MarkerArrowRightComponent.decorators = [
|
|
1407
|
-
{ type: Component, args: [{ selector: "[ibm-graph-marker-arrow-right]", template }] }
|
|
1408
|
-
];
|
|
1409
|
-
class MarkerShapeNodeComponent extends MarkerComponent {
|
|
1410
|
-
/**
|
|
1411
|
-
* @return {?}
|
|
1412
|
-
*/
|
|
1413
|
-
ngOnInit() { this.setAttributes(Object.assign({}, circle)); }
|
|
1414
|
-
}
|
|
1415
|
-
MarkerShapeNodeComponent.decorators = [
|
|
1416
|
-
{ type: Component, args: [{ selector: "[ibm-graph-marker-circle]", template }] }
|
|
1417
|
-
];
|
|
1418
|
-
class MarkerDiamondComponent extends MarkerComponent {
|
|
1419
|
-
/**
|
|
1420
|
-
* @return {?}
|
|
1421
|
-
*/
|
|
1422
|
-
ngOnInit() { this.setAttributes(Object.assign({}, diamond)); }
|
|
1423
|
-
}
|
|
1424
|
-
MarkerDiamondComponent.decorators = [
|
|
1425
|
-
{ type: Component, args: [{ selector: "[ibm-graph-marker-diamond]", template }] }
|
|
1426
|
-
];
|
|
1427
|
-
class MarkerSquareComponent extends MarkerComponent {
|
|
1428
|
-
/**
|
|
1429
|
-
* @return {?}
|
|
1430
|
-
*/
|
|
1431
|
-
ngOnInit() { this.setAttributes(Object.assign({}, square)); }
|
|
1432
|
-
}
|
|
1433
|
-
MarkerSquareComponent.decorators = [
|
|
1434
|
-
{ type: Component, args: [{ selector: "[ibm-graph-marker-square]", template }] }
|
|
1435
|
-
];
|
|
1436
|
-
class MarkerTeeComponent extends MarkerComponent {
|
|
1437
|
-
/**
|
|
1438
|
-
* @return {?}
|
|
1439
|
-
*/
|
|
1440
|
-
ngOnInit() { this.setAttributes(Object.assign({}, tee)); }
|
|
1441
|
-
}
|
|
1442
|
-
MarkerTeeComponent.decorators = [
|
|
1443
|
-
{ type: Component, args: [{ selector: "[ibm-graph-marker-tee]", template }] }
|
|
1444
|
-
];
|
|
1445
|
-
|
|
1446
|
-
/**
|
|
1447
|
-
* @fileoverview added by tsickle
|
|
1448
|
-
* Generated from: diagrams/marker/marker.module.ts
|
|
1449
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1450
|
-
*/
|
|
1451
|
-
class MarkerModule {
|
|
1452
|
-
}
|
|
1453
|
-
MarkerModule.decorators = [
|
|
1454
|
-
{ type: NgModule, args: [{
|
|
1455
|
-
declarations: [
|
|
1456
|
-
MarkerComponent,
|
|
1457
|
-
MarkerArrowLeftComponent,
|
|
1458
|
-
MarkerArrowRightComponent,
|
|
1459
|
-
MarkerShapeNodeComponent,
|
|
1460
|
-
MarkerDiamondComponent,
|
|
1461
|
-
MarkerSquareComponent,
|
|
1462
|
-
MarkerTeeComponent
|
|
1463
|
-
],
|
|
1464
|
-
exports: [
|
|
1465
|
-
MarkerComponent,
|
|
1466
|
-
MarkerArrowLeftComponent,
|
|
1467
|
-
MarkerArrowRightComponent,
|
|
1468
|
-
MarkerShapeNodeComponent,
|
|
1469
|
-
MarkerDiamondComponent,
|
|
1470
|
-
MarkerSquareComponent,
|
|
1471
|
-
MarkerTeeComponent
|
|
1472
|
-
],
|
|
1473
|
-
imports: [CommonModule]
|
|
1474
|
-
},] }
|
|
1475
|
-
];
|
|
1476
|
-
|
|
1477
|
-
/**
|
|
1478
|
-
* @fileoverview added by tsickle
|
|
1479
|
-
* Generated from: diagrams/shape-node/shape-node.component.ts
|
|
1480
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1481
|
-
*/
|
|
1482
|
-
class ShapeNodeComponent {
|
|
1483
|
-
constructor() {
|
|
1484
|
-
this.as = 'div';
|
|
1485
|
-
this.href = null;
|
|
1486
|
-
this.size = 48;
|
|
1487
|
-
this.shape = 'circle';
|
|
1488
|
-
this.position = 'fixed';
|
|
1489
|
-
this.bodyPosition = 'absolute';
|
|
1490
|
-
this.click = new EventEmitter();
|
|
1491
|
-
this.mouseEnter = new EventEmitter();
|
|
1492
|
-
this.mouseOver = new EventEmitter();
|
|
1493
|
-
this.mouseOut = new EventEmitter();
|
|
1494
|
-
this.mouseLeave = new EventEmitter();
|
|
1495
|
-
this.mouseMove = new EventEmitter();
|
|
1496
|
-
this.namespace = `${carbonPrefix}--cc--shape-node`;
|
|
1497
|
-
this.component = 'div';
|
|
1498
|
-
}
|
|
1499
|
-
/**
|
|
1500
|
-
* @return {?}
|
|
1501
|
-
*/
|
|
1502
|
-
ngOnInit() {
|
|
1503
|
-
if (this.href) {
|
|
1504
|
-
this.component = 'a';
|
|
1505
|
-
}
|
|
1506
|
-
else {
|
|
1507
|
-
this.component = this.as;
|
|
1508
|
-
}
|
|
1509
|
-
}
|
|
1510
|
-
}
|
|
1511
|
-
ShapeNodeComponent.decorators = [
|
|
1512
|
-
{ type: Component, args: [{
|
|
1513
|
-
selector: 'ibm-diagram-shape-node',
|
|
1514
|
-
template: `
|
|
1515
|
-
<ng-container [ngSwitch]="component">
|
|
1516
|
-
<xhtml:div
|
|
1517
|
-
*ngSwitchCase="'div'"
|
|
1518
|
-
[ngClass]="[
|
|
1519
|
-
namespace,
|
|
1520
|
-
stacked ? namespace + '--stacked' : '',
|
|
1521
|
-
shape ? namespace + '--' + shape : '',
|
|
1522
|
-
namespace + '--' + component
|
|
1523
|
-
]"
|
|
1524
|
-
[ngStyle]="{
|
|
1525
|
-
'height.px': size,
|
|
1526
|
-
'width.px': size,
|
|
1527
|
-
position: position
|
|
1528
|
-
}"
|
|
1529
|
-
(mouseenter)="mouseEnter.emit($event)"
|
|
1530
|
-
(mouseover)="mouseOver.emit($event)"
|
|
1531
|
-
(mouseout)="mouseOut.emit($event)"
|
|
1532
|
-
(mouseleave)="mouseLeave.emit($event)"
|
|
1533
|
-
(mousemove)="mouseMove.emit($event)"
|
|
1534
|
-
tabindex="0"
|
|
1535
|
-
>
|
|
1536
|
-
<ng-container *ngTemplateOutlet="nodeTemplate"></ng-container>
|
|
1537
|
-
</xhtml:div>
|
|
1538
|
-
|
|
1539
|
-
<xhtml:button
|
|
1540
|
-
*ngSwitchCase="'button'"
|
|
1541
|
-
[ngClass]="[
|
|
1542
|
-
namespace,
|
|
1543
|
-
stacked ? namespace + '--stacked' : '',
|
|
1544
|
-
shape ? namespace + '--' + shape : '',
|
|
1545
|
-
namespace + '--' + component
|
|
1546
|
-
]"
|
|
1547
|
-
[ngStyle]="{
|
|
1548
|
-
'height.px': size,
|
|
1549
|
-
'width.px': size,
|
|
1550
|
-
position: position
|
|
1551
|
-
}"
|
|
1552
|
-
(click)="click.emit($event)"
|
|
1553
|
-
(mouseenter)="mouseEnter.emit($event)"
|
|
1554
|
-
(mouseover)="mouseOver.emit($event)"
|
|
1555
|
-
(mouseout)="mouseOut.emit($event)"
|
|
1556
|
-
(mouseleave)="mouseLeave.emit($event)"
|
|
1557
|
-
(mousemove)="mouseMove.emit($event)"
|
|
1558
|
-
tabindex="0"
|
|
1559
|
-
>
|
|
1560
|
-
<ng-container *ngTemplateOutlet="nodeTemplate"></ng-container>
|
|
1561
|
-
</xhtml:button>
|
|
1562
|
-
|
|
1563
|
-
<xhtml:a
|
|
1564
|
-
*ngSwitchCase="'a'"
|
|
1565
|
-
[ngClass]="[
|
|
1566
|
-
namespace,
|
|
1567
|
-
stacked ? namespace + '--stacked' : '',
|
|
1568
|
-
shape ? namespace + '--' + shape : '',
|
|
1569
|
-
namespace + '--' + component
|
|
1570
|
-
]"
|
|
1571
|
-
[attr.href]="href"
|
|
1572
|
-
[ngStyle]="{
|
|
1573
|
-
'height.px': size,
|
|
1574
|
-
'width.px': size,
|
|
1575
|
-
position: position
|
|
1576
|
-
}"
|
|
1577
|
-
(mouseenter)="mouseEnter.emit($event)"
|
|
1578
|
-
(mouseover)="mouseOver.emit($event)"
|
|
1579
|
-
(mouseout)="mouseOut.emit($event)"
|
|
1580
|
-
(mouseleave)="mouseLeave.emit($event)"
|
|
1581
|
-
(mousemove)="mouseMove.emit($event)"
|
|
1582
|
-
tabindex="0"
|
|
1583
|
-
>
|
|
1584
|
-
<ng-container *ngTemplateOutlet="nodeTemplate"></ng-container>
|
|
1585
|
-
</xhtml:a>
|
|
1586
|
-
</ng-container>
|
|
1587
|
-
|
|
1588
|
-
<ng-template #nodeTemplate>
|
|
1589
|
-
<div *ngIf="renderIcon" attr.class="{{ namespace + '__icon' }}">
|
|
1590
|
-
<ng-container *ngTemplateOutlet="renderIcon"></ng-container>
|
|
1591
|
-
</div>
|
|
1592
|
-
<div
|
|
1593
|
-
attr.class="{{ namespace + '__body' }}"
|
|
1594
|
-
[ngStyle]="{ position: bodyPosition }"
|
|
1595
|
-
>
|
|
1596
|
-
<div attr.class="{{ namespace + '__title' }}">{{ title }}</div>
|
|
1597
|
-
<div attr.class="{{ namespace + '__subtitle' }}">
|
|
1598
|
-
{{ subtitle }}
|
|
1599
|
-
</div>
|
|
1600
|
-
</div>
|
|
1601
|
-
</ng-template>
|
|
1602
|
-
`
|
|
1603
|
-
}] }
|
|
1604
|
-
];
|
|
1605
|
-
ShapeNodeComponent.propDecorators = {
|
|
1606
|
-
as: [{ type: Input }],
|
|
1607
|
-
href: [{ type: Input }],
|
|
1608
|
-
renderIcon: [{ type: Input }],
|
|
1609
|
-
size: [{ type: Input }],
|
|
1610
|
-
stacked: [{ type: Input }],
|
|
1611
|
-
shape: [{ type: Input }],
|
|
1612
|
-
subtitle: [{ type: Input }],
|
|
1613
|
-
title: [{ type: Input }],
|
|
1614
|
-
position: [{ type: Input }],
|
|
1615
|
-
bodyPosition: [{ type: Input }],
|
|
1616
|
-
click: [{ type: Output }],
|
|
1617
|
-
mouseEnter: [{ type: Output }],
|
|
1618
|
-
mouseOver: [{ type: Output }],
|
|
1619
|
-
mouseOut: [{ type: Output }],
|
|
1620
|
-
mouseLeave: [{ type: Output }],
|
|
1621
|
-
mouseMove: [{ type: Output }]
|
|
1622
|
-
};
|
|
1623
|
-
if (false) {
|
|
1624
|
-
/** @type {?} */
|
|
1625
|
-
ShapeNodeComponent.prototype.as;
|
|
1626
|
-
/** @type {?} */
|
|
1627
|
-
ShapeNodeComponent.prototype.href;
|
|
1628
|
-
/** @type {?} */
|
|
1629
|
-
ShapeNodeComponent.prototype.renderIcon;
|
|
1630
|
-
/** @type {?} */
|
|
1631
|
-
ShapeNodeComponent.prototype.size;
|
|
1632
|
-
/** @type {?} */
|
|
1633
|
-
ShapeNodeComponent.prototype.stacked;
|
|
1634
|
-
/** @type {?} */
|
|
1635
|
-
ShapeNodeComponent.prototype.shape;
|
|
1636
|
-
/** @type {?} */
|
|
1637
|
-
ShapeNodeComponent.prototype.subtitle;
|
|
1638
|
-
/** @type {?} */
|
|
1639
|
-
ShapeNodeComponent.prototype.title;
|
|
1640
|
-
/** @type {?} */
|
|
1641
|
-
ShapeNodeComponent.prototype.position;
|
|
1642
|
-
/** @type {?} */
|
|
1643
|
-
ShapeNodeComponent.prototype.bodyPosition;
|
|
1644
|
-
/** @type {?} */
|
|
1645
|
-
ShapeNodeComponent.prototype.click;
|
|
1646
|
-
/** @type {?} */
|
|
1647
|
-
ShapeNodeComponent.prototype.mouseEnter;
|
|
1648
|
-
/** @type {?} */
|
|
1649
|
-
ShapeNodeComponent.prototype.mouseOver;
|
|
1650
|
-
/** @type {?} */
|
|
1651
|
-
ShapeNodeComponent.prototype.mouseOut;
|
|
1652
|
-
/** @type {?} */
|
|
1653
|
-
ShapeNodeComponent.prototype.mouseLeave;
|
|
1654
|
-
/** @type {?} */
|
|
1655
|
-
ShapeNodeComponent.prototype.mouseMove;
|
|
1656
|
-
/** @type {?} */
|
|
1657
|
-
ShapeNodeComponent.prototype.namespace;
|
|
1658
|
-
/** @type {?} */
|
|
1659
|
-
ShapeNodeComponent.prototype.component;
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
|
-
/**
|
|
1663
|
-
* @fileoverview added by tsickle
|
|
1664
|
-
* Generated from: diagrams/shape-node/shape-node.module.ts
|
|
1665
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1666
|
-
*/
|
|
1667
|
-
class ShapeNodeModule {
|
|
1668
|
-
}
|
|
1669
|
-
ShapeNodeModule.decorators = [
|
|
1670
|
-
{ type: NgModule, args: [{
|
|
1671
|
-
declarations: [ShapeNodeComponent],
|
|
1672
|
-
exports: [ShapeNodeComponent],
|
|
1673
|
-
imports: [CommonModule]
|
|
1674
|
-
},] }
|
|
1675
|
-
];
|
|
1676
|
-
|
|
1677
|
-
/**
|
|
1678
|
-
* @fileoverview added by tsickle
|
|
1679
|
-
* Generated from: index.ts
|
|
1680
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1681
|
-
*/
|
|
1682
|
-
|
|
1683
|
-
/**
|
|
1684
|
-
* @fileoverview added by tsickle
|
|
1685
|
-
* Generated from: carbon-charts-angular.ts
|
|
1686
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
1687
|
-
*/
|
|
1688
|
-
|
|
1689
|
-
export { AlluvialChartComponent, AreaChartComponent, BaseChart, BoxplotChartComponent, BubbleChartComponent, BulletChartComponent, CardNodeColumnComponent, CardNodeComponent, CardNodeLabelComponent, CardNodeModule, CardNodeSubtitleComponent, CardNodeTitleComponent, ChartsModule, CirclePackChartComponent, ComboChartComponent, DonutChartComponent, EdgeComponent, EdgeModule, GaugeChartComponent, GroupedBarChartComponent, HeatmapChartComponent, HistogramChartComponent, LineChartComponent, LollipopChartComponent, MarkerArrowLeftComponent, MarkerArrowRightComponent, MarkerComponent, MarkerDiamondComponent, MarkerModule, MarkerShapeNodeComponent, MarkerSquareComponent, MarkerTeeComponent, MeterChartComponent, PieChartComponent, RadarChartComponent, ScatterChartComponent, ShapeNodeComponent, ShapeNodeModule, SimpleBarChartComponent, StackedAreaChartComponent, StackedBarChartComponent, TreeChartComponent, TreemapChartComponent, WordCloudChartComponent };
|
|
1690
|
-
//# sourceMappingURL=carbon-charts-angular.js.map
|