@carbon/charts-angular 1.9.0-rc.1 → 1.9.0-rc.3
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/.eslintrc.json +51 -0
- package/.storybook/carbon-charts-theme.ts +8 -0
- package/.storybook/main.ts +39 -0
- package/.storybook/manager-head.html +22 -0
- package/.storybook/manager.ts +6 -0
- package/.storybook/preview-head.html +6 -0
- package/.storybook/preview.ts +42 -0
- package/.storybook/tsconfig.json +21 -0
- package/.storybook/typings.d.ts +4 -0
- package/angular.json +91 -0
- package/carbon.yml +277 -0
- package/ng-package.json +14 -0
- package/package.json +71 -17
- package/src/index.ts +53 -0
- package/src/lib/charts/alluvial-chart.component.ts +30 -0
- package/src/lib/charts/area-chart-stacked.component.ts +30 -0
- package/src/lib/charts/area-chart.component.ts +30 -0
- package/src/lib/charts/bar-chart-grouped.component.ts +30 -0
- package/src/lib/charts/bar-chart-simple.component.ts +30 -0
- package/src/lib/charts/bar-chart-stacked.component.ts +30 -0
- package/src/lib/charts/base-chart.component.ts +91 -0
- package/src/lib/charts/boxplot-chart.component.ts +30 -0
- package/src/lib/charts/bubble-chart.component.ts +30 -0
- package/src/lib/charts/bullet-chart.component.ts +30 -0
- package/src/lib/charts/charts.module.ts +92 -0
- package/src/lib/charts/choropleth.component.ts +33 -0
- package/src/lib/charts/circle-pack-chart.component.ts +30 -0
- package/src/lib/charts/combo-chart.component.ts +30 -0
- package/src/lib/charts/donut-chart.component.ts +30 -0
- package/src/lib/charts/gauge-chart.component.ts +30 -0
- package/src/lib/charts/heatmap-chart.component.ts +30 -0
- package/src/lib/charts/histogram-chart.component.ts +30 -0
- package/{lib/charts/index.d.ts → src/lib/charts/index.ts} +28 -27
- package/src/lib/charts/line-chart.component.ts +30 -0
- package/src/lib/charts/lollipop-chart.component.ts +30 -0
- package/src/lib/charts/meter-chart.component.ts +30 -0
- package/src/lib/charts/pie-chart.component.ts +30 -0
- package/src/lib/charts/radar-chart.component.ts +30 -0
- package/src/lib/charts/scatter-chart.component.ts +30 -0
- package/src/lib/charts/tree-chart.component.ts +30 -0
- package/src/lib/charts/treemap-chart.component.ts +30 -0
- package/src/lib/charts/wordcloud-chart.component.ts +30 -0
- package/src/lib/diagrams/config.ts +1 -0
- package/src/lib/diagrams/edges/edge.component.ts +41 -0
- package/src/lib/diagrams/edges/edge.module.ts +11 -0
- package/src/lib/diagrams/edges/marker/marker.component.ts +112 -0
- package/src/lib/diagrams/edges/marker/marker.module.ts +43 -0
- package/src/lib/diagrams/index.ts +23 -0
- package/src/lib/diagrams/nodes/cards/card-node-column.component.ts +22 -0
- package/src/lib/diagrams/nodes/cards/card-node-label.component.ts +14 -0
- package/src/lib/diagrams/nodes/cards/card-node-subtitle.component.ts +14 -0
- package/src/lib/diagrams/nodes/cards/card-node-title.component.ts +14 -0
- package/src/lib/diagrams/nodes/cards/card-node.component.ts +98 -0
- package/src/lib/diagrams/nodes/cards/card-node.module.ts +32 -0
- package/src/lib/diagrams/nodes/shape/shape-node.component.ts +120 -0
- package/src/lib/diagrams/nodes/shape/shape-node.module.ts +11 -0
- package/src/lib/index.ts +50 -0
- package/src/stories/0-api.stories.mdx +69 -0
- package/src/stories/1-color-palette.stories.mdx +73 -0
- package/src/stories/2-combo-charts.stories.mdx +107 -0
- package/src/stories/3-dual-axes-charts.stories.mdx +51 -0
- package/src/stories/4-event-listeners.stories.mdx +26 -0
- package/src/stories/5-tabular-data-format.stories.mdx +132 -0
- package/src/stories/6-themes.stories.mdx +50 -0
- package/src/stories/all.stories.ts +104 -0
- package/src/stories/angular.stories.mdx +136 -0
- package/src/stories/diagrams/0-diagrams-start-here.stories.ts +219 -0
- package/src/stories/diagrams/diagrams-edges-marker.stories.ts +189 -0
- package/src/stories/diagrams/diagrams-edges.stories.ts +177 -0
- package/src/stories/diagrams/diagrams-nodes-card.stories.ts +245 -0
- package/src/stories/diagrams/diagrams-nodes-shape.stories.ts +141 -0
- package/src/stories/diagrams/utils.ts +5 -0
- package/src/test.ts +28 -0
- package/tsconfig.json +43 -0
- package/tsconfig.lib.json +14 -0
- package/tsconfig.lib.prod.json +11 -0
- package/tsconfig.spec.json +17 -0
- package/tsconfig.vite.json +13 -0
- package/vite.config.ts +22 -0
- package/esm2022/carbon-charts-angular.mjs +0 -5
- package/esm2022/index.mjs +0 -14
- package/esm2022/lib/charts/alluvial-chart.component.mjs +0 -32
- package/esm2022/lib/charts/area-chart-stacked.component.mjs +0 -32
- package/esm2022/lib/charts/area-chart.component.mjs +0 -32
- package/esm2022/lib/charts/bar-chart-grouped.component.mjs +0 -32
- package/esm2022/lib/charts/bar-chart-simple.component.mjs +0 -32
- package/esm2022/lib/charts/bar-chart-stacked.component.mjs +0 -32
- package/esm2022/lib/charts/base-chart.component.mjs +0 -75
- package/esm2022/lib/charts/boxplot-chart.component.mjs +0 -32
- package/esm2022/lib/charts/bubble-chart.component.mjs +0 -32
- package/esm2022/lib/charts/bullet-chart.component.mjs +0 -32
- package/esm2022/lib/charts/charts.module.mjs +0 -123
- package/esm2022/lib/charts/choropleth.component.mjs +0 -32
- package/esm2022/lib/charts/circle-pack-chart.component.mjs +0 -32
- package/esm2022/lib/charts/combo-chart.component.mjs +0 -32
- package/esm2022/lib/charts/donut-chart.component.mjs +0 -32
- package/esm2022/lib/charts/gauge-chart.component.mjs +0 -32
- package/esm2022/lib/charts/heatmap-chart.component.mjs +0 -32
- package/esm2022/lib/charts/histogram-chart.component.mjs +0 -32
- package/esm2022/lib/charts/index.mjs +0 -28
- package/esm2022/lib/charts/line-chart.component.mjs +0 -32
- package/esm2022/lib/charts/lollipop-chart.component.mjs +0 -32
- package/esm2022/lib/charts/meter-chart.component.mjs +0 -32
- package/esm2022/lib/charts/pie-chart.component.mjs +0 -32
- package/esm2022/lib/charts/radar-chart.component.mjs +0 -32
- package/esm2022/lib/charts/scatter-chart.component.mjs +0 -32
- package/esm2022/lib/charts/tree-chart.component.mjs +0 -32
- package/esm2022/lib/charts/treemap-chart.component.mjs +0 -32
- package/esm2022/lib/charts/wordcloud-chart.component.mjs +0 -32
- package/esm2022/lib/diagrams/config.mjs +0 -2
- package/esm2022/lib/diagrams/edges/edge.component.mjs +0 -73
- package/esm2022/lib/diagrams/edges/edge.module.mjs +0 -20
- package/esm2022/lib/diagrams/edges/marker/marker.component.mjs +0 -161
- package/esm2022/lib/diagrams/edges/marker/marker.module.mjs +0 -48
- package/esm2022/lib/diagrams/index.mjs +0 -5
- package/esm2022/lib/diagrams/nodes/cards/card-node-column.component.mjs +0 -38
- package/esm2022/lib/diagrams/nodes/cards/card-node-label.component.mjs +0 -28
- package/esm2022/lib/diagrams/nodes/cards/card-node-subtitle.component.mjs +0 -28
- package/esm2022/lib/diagrams/nodes/cards/card-node-title.component.mjs +0 -28
- package/esm2022/lib/diagrams/nodes/cards/card-node.component.mjs +0 -191
- package/esm2022/lib/diagrams/nodes/cards/card-node.module.mjs +0 -44
- package/esm2022/lib/diagrams/nodes/shape/shape-node.component.mjs +0 -241
- package/esm2022/lib/diagrams/nodes/shape/shape-node.module.mjs +0 -20
- package/esm2022/lib/index.mjs +0 -3
- package/fesm2022/carbon-charts-angular.mjs +0 -1728
- package/fesm2022/carbon-charts-angular.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/charts/alluvial-chart.component.d.ts +0 -16
- package/lib/charts/area-chart-stacked.component.d.ts +0 -16
- package/lib/charts/area-chart.component.d.ts +0 -16
- package/lib/charts/bar-chart-grouped.component.d.ts +0 -16
- package/lib/charts/bar-chart-simple.component.d.ts +0 -16
- package/lib/charts/bar-chart-stacked.component.d.ts +0 -16
- package/lib/charts/base-chart.component.d.ts +0 -46
- package/lib/charts/boxplot-chart.component.d.ts +0 -16
- package/lib/charts/bubble-chart.component.d.ts +0 -16
- package/lib/charts/bullet-chart.component.d.ts +0 -16
- package/lib/charts/charts.module.d.ts +0 -33
- package/lib/charts/choropleth.component.d.ts +0 -16
- package/lib/charts/circle-pack-chart.component.d.ts +0 -16
- package/lib/charts/combo-chart.component.d.ts +0 -16
- package/lib/charts/donut-chart.component.d.ts +0 -16
- package/lib/charts/gauge-chart.component.d.ts +0 -16
- package/lib/charts/heatmap-chart.component.d.ts +0 -16
- package/lib/charts/histogram-chart.component.d.ts +0 -16
- package/lib/charts/line-chart.component.d.ts +0 -16
- package/lib/charts/lollipop-chart.component.d.ts +0 -16
- package/lib/charts/meter-chart.component.d.ts +0 -16
- package/lib/charts/pie-chart.component.d.ts +0 -16
- package/lib/charts/radar-chart.component.d.ts +0 -16
- package/lib/charts/scatter-chart.component.d.ts +0 -16
- package/lib/charts/tree-chart.component.d.ts +0 -16
- package/lib/charts/treemap-chart.component.d.ts +0 -16
- package/lib/charts/wordcloud-chart.component.d.ts +0 -16
- package/lib/diagrams/config.d.ts +0 -1
- package/lib/diagrams/edges/edge.component.d.ts +0 -20
- package/lib/diagrams/edges/edge.module.d.ts +0 -9
- package/lib/diagrams/edges/marker/marker.component.d.ts +0 -52
- package/lib/diagrams/edges/marker/marker.module.d.ts +0 -10
- package/lib/diagrams/index.d.ts +0 -4
- package/lib/diagrams/nodes/cards/card-node-column.component.d.ts +0 -7
- package/lib/diagrams/nodes/cards/card-node-label.component.d.ts +0 -6
- package/lib/diagrams/nodes/cards/card-node-subtitle.component.d.ts +0 -6
- package/lib/diagrams/nodes/cards/card-node-title.component.d.ts +0 -6
- package/lib/diagrams/nodes/cards/card-node.component.d.ts +0 -20
- package/lib/diagrams/nodes/cards/card-node.module.d.ts +0 -18
- package/lib/diagrams/nodes/shape/shape-node.component.d.ts +0 -25
- package/lib/diagrams/nodes/shape/shape-node.module.d.ts +0 -9
- package/lib/index.d.ts +0 -2
- package/styles.css +0 -28264
- package/styles.css.map +0 -1
- package/styles.min.css +0 -1
- package/styles.min.css.map +0 -1
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import { storiesOf, moduleMetadata } from '@storybook/angular'
|
|
2
|
+
import { CardNodeModule } from '../../'
|
|
3
|
+
import { ScreenModule, ChevronDownModule } from '@carbon/icons-angular'
|
|
4
|
+
|
|
5
|
+
const getTemplate = (content: string) => `
|
|
6
|
+
<div class="container theme--white" style="max-width: 400px;">
|
|
7
|
+
${content}
|
|
8
|
+
</div>
|
|
9
|
+
`
|
|
10
|
+
|
|
11
|
+
storiesOf('Diagrams/Nodes/Card', module)
|
|
12
|
+
.addDecorator(
|
|
13
|
+
moduleMetadata({
|
|
14
|
+
imports: [CardNodeModule, ScreenModule, ChevronDownModule]
|
|
15
|
+
})
|
|
16
|
+
)
|
|
17
|
+
.add(
|
|
18
|
+
'Default',
|
|
19
|
+
() => ({
|
|
20
|
+
template: getTemplate(`
|
|
21
|
+
<ibm-diagram-card-node>
|
|
22
|
+
<ibm-diagram-card-node-column>
|
|
23
|
+
<ibm-diagram-card-node-title>
|
|
24
|
+
{{ title }}
|
|
25
|
+
</ibm-diagram-card-node-title>
|
|
26
|
+
<ibm-diagram-card-node-subtitle>
|
|
27
|
+
{{ description }}
|
|
28
|
+
</ibm-diagram-card-node-subtitle>
|
|
29
|
+
</ibm-diagram-card-node-column>
|
|
30
|
+
</ibm-diagram-card-node>
|
|
31
|
+
`),
|
|
32
|
+
props: {
|
|
33
|
+
title: 'Title',
|
|
34
|
+
description: 'Description'
|
|
35
|
+
}
|
|
36
|
+
}),
|
|
37
|
+
{
|
|
38
|
+
controls: {
|
|
39
|
+
hideNoControlsWarning: true
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
)
|
|
43
|
+
.add(
|
|
44
|
+
'Stacked',
|
|
45
|
+
() => ({
|
|
46
|
+
template: getTemplate(`
|
|
47
|
+
<ibm-diagram-card-node [stacked]="stacked">
|
|
48
|
+
<ibm-diagram-card-node-column>
|
|
49
|
+
<ibm-diagram-card-node-title>
|
|
50
|
+
{{ title }}
|
|
51
|
+
</ibm-diagram-card-node-title>
|
|
52
|
+
<ibm-diagram-card-node-subtitle>
|
|
53
|
+
{{ description }}
|
|
54
|
+
</ibm-diagram-card-node-subtitle>
|
|
55
|
+
</ibm-diagram-card-node-column>
|
|
56
|
+
</ibm-diagram-card-node>
|
|
57
|
+
`),
|
|
58
|
+
props: {
|
|
59
|
+
title: 'Title',
|
|
60
|
+
description: 'Description',
|
|
61
|
+
stacked: true
|
|
62
|
+
}
|
|
63
|
+
}),
|
|
64
|
+
{
|
|
65
|
+
controls: {
|
|
66
|
+
hideNoControlsWarning: true
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
.add(
|
|
71
|
+
'Color',
|
|
72
|
+
() => ({
|
|
73
|
+
template: getTemplate(`
|
|
74
|
+
<ibm-diagram-card-node [color]="color">
|
|
75
|
+
<ibm-diagram-card-node-column>
|
|
76
|
+
<ibm-diagram-card-node-title>
|
|
77
|
+
{{ title }}
|
|
78
|
+
</ibm-diagram-card-node-title>
|
|
79
|
+
<ibm-diagram-card-node-subtitle>
|
|
80
|
+
{{ description }}
|
|
81
|
+
</ibm-diagram-card-node-subtitle>
|
|
82
|
+
</ibm-diagram-card-node-column>
|
|
83
|
+
</ibm-diagram-card-node>
|
|
84
|
+
`),
|
|
85
|
+
props: {
|
|
86
|
+
title: 'Title',
|
|
87
|
+
description: 'Description',
|
|
88
|
+
color: '#8a3ffc'
|
|
89
|
+
}
|
|
90
|
+
}),
|
|
91
|
+
{
|
|
92
|
+
controls: {
|
|
93
|
+
hideNoControlsWarning: true
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
)
|
|
97
|
+
.add(
|
|
98
|
+
'With icon',
|
|
99
|
+
() => ({
|
|
100
|
+
template: getTemplate(`
|
|
101
|
+
<ibm-diagram-card-node [color]="color">
|
|
102
|
+
<ibm-diagram-card-node-column>
|
|
103
|
+
<svg ibmIconScreen size="16"></svg>
|
|
104
|
+
</ibm-diagram-card-node-column>
|
|
105
|
+
<ibm-diagram-card-node-column>
|
|
106
|
+
<ibm-diagram-card-node-title>
|
|
107
|
+
{{ title }}
|
|
108
|
+
</ibm-diagram-card-node-title>
|
|
109
|
+
<ibm-diagram-card-node-subtitle>
|
|
110
|
+
{{ description }}
|
|
111
|
+
</ibm-diagram-card-node-subtitle>
|
|
112
|
+
</ibm-diagram-card-node-column>
|
|
113
|
+
</ibm-diagram-card-node>
|
|
114
|
+
`),
|
|
115
|
+
props: {
|
|
116
|
+
title: 'Title',
|
|
117
|
+
description: 'Description'
|
|
118
|
+
}
|
|
119
|
+
}),
|
|
120
|
+
{
|
|
121
|
+
controls: {
|
|
122
|
+
hideNoControlsWarning: true
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
)
|
|
126
|
+
.add(
|
|
127
|
+
'As button',
|
|
128
|
+
() => ({
|
|
129
|
+
template: getTemplate(`
|
|
130
|
+
<ibm-diagram-card-node [as]="component">
|
|
131
|
+
<ibm-diagram-card-node-column>
|
|
132
|
+
<ibm-diagram-card-node-title>
|
|
133
|
+
{{ title }}
|
|
134
|
+
</ibm-diagram-card-node-title>
|
|
135
|
+
<ibm-diagram-card-node-subtitle>
|
|
136
|
+
{{ description }}
|
|
137
|
+
</ibm-diagram-card-node-subtitle>
|
|
138
|
+
</ibm-diagram-card-node-column>
|
|
139
|
+
</ibm-diagram-card-node>
|
|
140
|
+
`),
|
|
141
|
+
props: {
|
|
142
|
+
title: 'Title',
|
|
143
|
+
description: 'Description',
|
|
144
|
+
component: 'button'
|
|
145
|
+
}
|
|
146
|
+
}),
|
|
147
|
+
{
|
|
148
|
+
controls: {
|
|
149
|
+
hideNoControlsWarning: true
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
)
|
|
153
|
+
.add(
|
|
154
|
+
'As link',
|
|
155
|
+
() => ({
|
|
156
|
+
template: getTemplate(`
|
|
157
|
+
<ibm-diagram-card-node [href]="href">
|
|
158
|
+
<ibm-diagram-card-node-column>
|
|
159
|
+
<ibm-diagram-card-node-title>
|
|
160
|
+
{{ title }}
|
|
161
|
+
</ibm-diagram-card-node-title>
|
|
162
|
+
<ibm-diagram-card-node-subtitle>
|
|
163
|
+
{{ description }}
|
|
164
|
+
</ibm-diagram-card-node-subtitle>
|
|
165
|
+
</ibm-diagram-card-node-column>
|
|
166
|
+
</ibm-diagram-card-node>
|
|
167
|
+
`),
|
|
168
|
+
props: {
|
|
169
|
+
title: 'Title',
|
|
170
|
+
description: 'Description',
|
|
171
|
+
href: '#'
|
|
172
|
+
}
|
|
173
|
+
}),
|
|
174
|
+
{
|
|
175
|
+
controls: {
|
|
176
|
+
hideNoControlsWarning: true
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
)
|
|
180
|
+
.add(
|
|
181
|
+
'With label',
|
|
182
|
+
() => ({
|
|
183
|
+
template: getTemplate(`
|
|
184
|
+
<ibm-diagram-card-node [color]="color">
|
|
185
|
+
<ibm-diagram-card-node-column>
|
|
186
|
+
<svg ibmIconScreen size="16"></svg>
|
|
187
|
+
</ibm-diagram-card-node-column>
|
|
188
|
+
<ibm-diagram-card-node-column>
|
|
189
|
+
<ibm-diagram-card-node-title>
|
|
190
|
+
{{ title }}
|
|
191
|
+
</ibm-diagram-card-node-title>
|
|
192
|
+
<ibm-diagram-card-node-subtitle>
|
|
193
|
+
{{ description }}
|
|
194
|
+
</ibm-diagram-card-node-subtitle>
|
|
195
|
+
<ibm-diagram-card-node-label>
|
|
196
|
+
{{ label }}
|
|
197
|
+
</ibm-diagram-card-node-label>
|
|
198
|
+
</ibm-diagram-card-node-column>
|
|
199
|
+
</ibm-diagram-card-node>
|
|
200
|
+
`),
|
|
201
|
+
props: {
|
|
202
|
+
title: 'Title',
|
|
203
|
+
description: 'Description',
|
|
204
|
+
label: 'Label'
|
|
205
|
+
}
|
|
206
|
+
}),
|
|
207
|
+
{
|
|
208
|
+
controls: {
|
|
209
|
+
hideNoControlsWarning: true
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
)
|
|
213
|
+
.add(
|
|
214
|
+
'With action',
|
|
215
|
+
() => ({
|
|
216
|
+
template: getTemplate(`
|
|
217
|
+
<ibm-diagram-card-node [color]="color">
|
|
218
|
+
<ibm-diagram-card-node-column>
|
|
219
|
+
<svg ibmIconScreen size="16"></svg>
|
|
220
|
+
</ibm-diagram-card-node-column>
|
|
221
|
+
<ibm-diagram-card-node-column>
|
|
222
|
+
<ibm-diagram-card-node-title>
|
|
223
|
+
{{ title }}
|
|
224
|
+
</ibm-diagram-card-node-title>
|
|
225
|
+
<ibm-diagram-card-node-subtitle>
|
|
226
|
+
{{ description }}
|
|
227
|
+
</ibm-diagram-card-node-subtitle>
|
|
228
|
+
</ibm-diagram-card-node-column>
|
|
229
|
+
<ibm-diagram-card-node-column [farsideColumn]="farsideColumn">
|
|
230
|
+
<svg ibmIconChevronDown size="16"></svg>
|
|
231
|
+
</ibm-diagram-card-node-column>
|
|
232
|
+
</ibm-diagram-card-node>
|
|
233
|
+
`),
|
|
234
|
+
props: {
|
|
235
|
+
title: 'Title',
|
|
236
|
+
description: 'Description',
|
|
237
|
+
farsideColumn: true
|
|
238
|
+
}
|
|
239
|
+
}),
|
|
240
|
+
{
|
|
241
|
+
controls: {
|
|
242
|
+
hideNoControlsWarning: true
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
)
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { storiesOf, moduleMetadata } from '@storybook/angular'
|
|
2
|
+
import { ScreenModule } from '@carbon/icons-angular'
|
|
3
|
+
import { ShapeNodeModule } from '../../'
|
|
4
|
+
import { getTemplate } from './utils'
|
|
5
|
+
|
|
6
|
+
storiesOf('Diagrams/Nodes/Shape', module)
|
|
7
|
+
.addDecorator(
|
|
8
|
+
moduleMetadata({
|
|
9
|
+
imports: [ShapeNodeModule, ScreenModule]
|
|
10
|
+
})
|
|
11
|
+
)
|
|
12
|
+
.add(
|
|
13
|
+
'Default',
|
|
14
|
+
() => ({
|
|
15
|
+
template: getTemplate(`
|
|
16
|
+
<div>
|
|
17
|
+
<ibm-diagram-shape-node [title]="title" [renderIcon]="iconTemplate"></ibm-diagram-shape-node>
|
|
18
|
+
<ng-template #iconTemplate>
|
|
19
|
+
<svg ibmIconScreen size="16"></svg>
|
|
20
|
+
</ng-template>
|
|
21
|
+
</div>
|
|
22
|
+
`),
|
|
23
|
+
props: {
|
|
24
|
+
title: 'Title'
|
|
25
|
+
}
|
|
26
|
+
}),
|
|
27
|
+
{
|
|
28
|
+
controls: {
|
|
29
|
+
hideNoControlsWarning: true
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
.add(
|
|
34
|
+
'Square',
|
|
35
|
+
() => ({
|
|
36
|
+
template: getTemplate(`
|
|
37
|
+
<div>
|
|
38
|
+
<ibm-diagram-shape-node [title]="title" [renderIcon]="iconTemplate" [shape]="shape"></ibm-diagram-shape-node>
|
|
39
|
+
<ng-template #iconTemplate>
|
|
40
|
+
<svg ibmIconScreen size="16"></svg>
|
|
41
|
+
</ng-template>
|
|
42
|
+
</div>
|
|
43
|
+
`),
|
|
44
|
+
props: {
|
|
45
|
+
title: 'Title',
|
|
46
|
+
shape: 'square'
|
|
47
|
+
}
|
|
48
|
+
}),
|
|
49
|
+
{
|
|
50
|
+
controls: {
|
|
51
|
+
hideNoControlsWarning: true
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
.add(
|
|
56
|
+
'Rounded square',
|
|
57
|
+
() => ({
|
|
58
|
+
template: getTemplate(`
|
|
59
|
+
<div>
|
|
60
|
+
<ibm-diagram-shape-node [title]="title" [renderIcon]="iconTemplate" [shape]="shape"></ibm-diagram-shape-node>
|
|
61
|
+
<ng-template #iconTemplate>
|
|
62
|
+
<svg ibmIconScreen size="16"></svg>
|
|
63
|
+
</ng-template>
|
|
64
|
+
</div>
|
|
65
|
+
`),
|
|
66
|
+
props: {
|
|
67
|
+
title: 'Title',
|
|
68
|
+
shape: 'rounded-square'
|
|
69
|
+
}
|
|
70
|
+
}),
|
|
71
|
+
{
|
|
72
|
+
controls: {
|
|
73
|
+
hideNoControlsWarning: true
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
.add(
|
|
78
|
+
'As button',
|
|
79
|
+
() => ({
|
|
80
|
+
template: getTemplate(`
|
|
81
|
+
<div>
|
|
82
|
+
<ibm-diagram-shape-node [title]="title" [renderIcon]="iconTemplate" [as]="component"></ibm-diagram-shape-node>
|
|
83
|
+
<ng-template #iconTemplate>
|
|
84
|
+
<svg ibmIconScreen size="16"></svg>
|
|
85
|
+
</ng-template>
|
|
86
|
+
</div>
|
|
87
|
+
`),
|
|
88
|
+
props: {
|
|
89
|
+
title: 'Title',
|
|
90
|
+
component: 'button'
|
|
91
|
+
}
|
|
92
|
+
}),
|
|
93
|
+
{
|
|
94
|
+
controls: {
|
|
95
|
+
hideNoControlsWarning: true
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
.add(
|
|
100
|
+
'As link',
|
|
101
|
+
() => ({
|
|
102
|
+
template: getTemplate(`
|
|
103
|
+
<div>
|
|
104
|
+
<ibm-diagram-shape-node [title]="title" [renderIcon]="iconTemplate" [href]="href"></ibm-diagram-shape-node>
|
|
105
|
+
<ng-template #iconTemplate>
|
|
106
|
+
<svg ibmIconScreen size="16"></svg>
|
|
107
|
+
</ng-template>
|
|
108
|
+
</div>
|
|
109
|
+
`),
|
|
110
|
+
props: {
|
|
111
|
+
title: 'Title',
|
|
112
|
+
href: '#'
|
|
113
|
+
}
|
|
114
|
+
}),
|
|
115
|
+
{
|
|
116
|
+
controls: {
|
|
117
|
+
hideNoControlsWarning: true
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
.add(
|
|
122
|
+
'Inherited dimensions',
|
|
123
|
+
() => ({
|
|
124
|
+
template: getTemplate(`
|
|
125
|
+
<div style="height: 64px; width: 64px; position: relative;">
|
|
126
|
+
<ibm-diagram-shape-node [title]="title" [renderIcon]="iconTemplate" [size]="'100%'" position="static"></ibm-diagram-shape-node>
|
|
127
|
+
<ng-template #iconTemplate>
|
|
128
|
+
<svg ibmIconScreen size="16"></svg>
|
|
129
|
+
</ng-template>
|
|
130
|
+
</div>
|
|
131
|
+
`),
|
|
132
|
+
props: {
|
|
133
|
+
title: 'Title'
|
|
134
|
+
}
|
|
135
|
+
}),
|
|
136
|
+
{
|
|
137
|
+
controls: {
|
|
138
|
+
hideNoControlsWarning: true
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
)
|
package/src/test.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
|
|
2
|
+
|
|
3
|
+
import 'zone.js'
|
|
4
|
+
import 'zone.js/testing'
|
|
5
|
+
import { getTestBed } from '@angular/core/testing'
|
|
6
|
+
import {
|
|
7
|
+
BrowserDynamicTestingModule,
|
|
8
|
+
platformBrowserDynamicTesting
|
|
9
|
+
} from '@angular/platform-browser-dynamic/testing'
|
|
10
|
+
|
|
11
|
+
declare const require: {
|
|
12
|
+
context(
|
|
13
|
+
path: string,
|
|
14
|
+
deep?: boolean,
|
|
15
|
+
filter?: RegExp
|
|
16
|
+
): {
|
|
17
|
+
<T>(id: string): T
|
|
18
|
+
keys(): string[]
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// First, initialize the Angular testing environment.
|
|
23
|
+
getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting())
|
|
24
|
+
|
|
25
|
+
// Then we find all the tests.
|
|
26
|
+
const context = require.context('./', true, /\.spec\.ts$/)
|
|
27
|
+
// And load the modules.
|
|
28
|
+
context.keys().forEach(context)
|
package/tsconfig.json
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://json.schemastore.org/tsconfig",
|
|
3
|
+
"extends": "../../tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
// Package-specific
|
|
6
|
+
"baseUrl": "./",
|
|
7
|
+
"declaration": false,
|
|
8
|
+
"downlevelIteration": true,
|
|
9
|
+
"experimentalDecorators": true,
|
|
10
|
+
"importHelpers": true,
|
|
11
|
+
"noImplicitOverride": true,
|
|
12
|
+
"noPropertyAccessFromIndexSignature": true,
|
|
13
|
+
"noImplicitReturns": true,
|
|
14
|
+
"outDir": "./dist/out-tsc",
|
|
15
|
+
// "paths": {
|
|
16
|
+
// "charts-angular": [
|
|
17
|
+
// "dist"
|
|
18
|
+
// ]
|
|
19
|
+
// },
|
|
20
|
+
"types": [
|
|
21
|
+
"vite/client" // for experimental builds `yarn build:package:vite` only
|
|
22
|
+
],
|
|
23
|
+
"useDefineForClassFields": false
|
|
24
|
+
},
|
|
25
|
+
"include": [
|
|
26
|
+
"src",
|
|
27
|
+
"./package.json"
|
|
28
|
+
],
|
|
29
|
+
"exclude": [
|
|
30
|
+
"src/test.ts"
|
|
31
|
+
],
|
|
32
|
+
"references": [
|
|
33
|
+
{
|
|
34
|
+
"path": "./tsconfig.vite.json"
|
|
35
|
+
}
|
|
36
|
+
],
|
|
37
|
+
"angularCompilerOptions": {
|
|
38
|
+
"enableI18nLegacyMessageIdFormat": false,
|
|
39
|
+
"strictInjectionParameters": true,
|
|
40
|
+
"strictInputAccessModifiers": true,
|
|
41
|
+
"strictTemplates": true
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
|
2
|
+
{
|
|
3
|
+
"extends": "./tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"declaration": true,
|
|
6
|
+
"declarationMap": true,
|
|
7
|
+
"inlineSources": true,
|
|
8
|
+
"types": []
|
|
9
|
+
},
|
|
10
|
+
"exclude": [
|
|
11
|
+
"src/test.ts",
|
|
12
|
+
"**/*.spec.ts"
|
|
13
|
+
]
|
|
14
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
|
2
|
+
{
|
|
3
|
+
"extends": "./tsconfig.lib.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"declarationMap": false,
|
|
6
|
+
"sourceMap": true
|
|
7
|
+
},
|
|
8
|
+
"angularCompilerOptions": {
|
|
9
|
+
"compilationMode": "partial"
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
|
2
|
+
{
|
|
3
|
+
"extends": "./tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"outDir": "./dist/out-tsc/spec",
|
|
6
|
+
"types": [
|
|
7
|
+
"jasmine"
|
|
8
|
+
]
|
|
9
|
+
},
|
|
10
|
+
"files": [
|
|
11
|
+
"src/test.ts"
|
|
12
|
+
],
|
|
13
|
+
"include": [
|
|
14
|
+
"**/*.spec.ts",
|
|
15
|
+
"**/*.d.ts"
|
|
16
|
+
]
|
|
17
|
+
}
|
package/vite.config.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { defineConfig } from 'vite'
|
|
2
|
+
|
|
3
|
+
import dts from 'vite-plugin-dts'
|
|
4
|
+
|
|
5
|
+
export default defineConfig({
|
|
6
|
+
build: {
|
|
7
|
+
sourcemap: true,
|
|
8
|
+
chunkSizeWarningLimit: 600,
|
|
9
|
+
lib: {
|
|
10
|
+
entry: 'src/index.ts',
|
|
11
|
+
formats: ['es']
|
|
12
|
+
},
|
|
13
|
+
rollupOptions: {
|
|
14
|
+
external: ['@angular/common', '@angular/core']
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
optimizeDeps: {
|
|
18
|
+
include: ['@carbon/charts'],
|
|
19
|
+
exclude: ['@carbon/telemetry']
|
|
20
|
+
},
|
|
21
|
+
plugins: [dts()]
|
|
22
|
+
})
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyYm9uLWNoYXJ0cy1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NhcmJvbi1jaGFydHMtYW5ndWxhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
package/esm2022/index.mjs
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of charts-angular
|
|
3
|
-
*/
|
|
4
|
-
export {
|
|
5
|
-
// charts
|
|
6
|
-
AlluvialChartComponent, AreaChartComponent, BaseChartComponent, BoxplotChartComponent, BubbleChartComponent, BulletChartComponent, ChartsModule, // <-- Module
|
|
7
|
-
CirclePackChartComponent, ComboChartComponent, DonutChartComponent, ExperimentalChoroplethChartComponent, GaugeChartComponent, GroupedBarChartComponent, HeatmapChartComponent, HistogramChartComponent, LineChartComponent, LollipopChartComponent, MeterChartComponent, PieChartComponent, RadarChartComponent, ScatterChartComponent, SimpleBarChartComponent, StackedAreaChartComponent, StackedBarChartComponent, TreeChartComponent, TreemapChartComponent, WordCloudChartComponent,
|
|
8
|
-
// diagrams
|
|
9
|
-
CardNodeColumnComponent, CardNodeComponent, CardNodeLabelComponent, CardNodeSubtitleComponent, CardNodeTitleComponent, CardNodeModule, // <-- Module
|
|
10
|
-
EdgeComponent, EdgeModule, // <-- Module
|
|
11
|
-
MarkerArrowLeftComponent, MarkerArrowRightComponent, MarkerComponent, MarkerDiamondComponent, MarkerModule, // <-- Module
|
|
12
|
-
MarkerShapeNodeComponent, MarkerSquareComponent, MarkerTeeComponent, ShapeNodeComponent, ShapeNodeModule // <-- Module
|
|
13
|
-
} from './lib';
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPO0FBQ04sU0FBUztBQUNULHNCQUFzQixFQUN0QixrQkFBa0IsRUFDbEIsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLFlBQVksRUFBRSxhQUFhO0FBQzNCLHdCQUF3QixFQUN4QixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG9DQUFvQyxFQUNwQyxtQkFBbUIsRUFDbkIsd0JBQXdCLEVBQ3hCLHFCQUFxQixFQUNyQix1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ2xCLHNCQUFzQixFQUN0QixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNuQixxQkFBcUIsRUFDckIsdUJBQXVCLEVBQ3ZCLHlCQUF5QixFQUN6Qix3QkFBd0IsRUFDeEIsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQix1QkFBdUI7QUFDdkIsV0FBVztBQUNYLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsc0JBQXNCLEVBQ3RCLHlCQUF5QixFQUN6QixzQkFBc0IsRUFDdEIsY0FBYyxFQUFFLGFBQWE7QUFDN0IsYUFBYSxFQUNiLFVBQVUsRUFBRSxhQUFhO0FBQ3pCLHdCQUF3QixFQUN4Qix5QkFBeUIsRUFDekIsZUFBZSxFQUNmLHNCQUFzQixFQUN0QixZQUFZLEVBQUUsYUFBYTtBQUMzQix3QkFBd0IsRUFDeEIscUJBQXFCLEVBQ3JCLGtCQUFrQixFQUNsQixrQkFBa0IsRUFDbEIsZUFBZSxDQUFDLGFBQWE7RUFDN0IsTUFBTSxPQUFPLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNoYXJ0cy1hbmd1bGFyXG4gKi9cblxuZXhwb3J0IHtcblx0Ly8gY2hhcnRzXG5cdEFsbHV2aWFsQ2hhcnRDb21wb25lbnQsXG5cdEFyZWFDaGFydENvbXBvbmVudCxcblx0QmFzZUNoYXJ0Q29tcG9uZW50LFxuXHRCb3hwbG90Q2hhcnRDb21wb25lbnQsXG5cdEJ1YmJsZUNoYXJ0Q29tcG9uZW50LFxuXHRCdWxsZXRDaGFydENvbXBvbmVudCxcblx0Q2hhcnRzTW9kdWxlLCAvLyA8LS0gTW9kdWxlXG5cdENpcmNsZVBhY2tDaGFydENvbXBvbmVudCxcblx0Q29tYm9DaGFydENvbXBvbmVudCxcblx0RG9udXRDaGFydENvbXBvbmVudCxcblx0RXhwZXJpbWVudGFsQ2hvcm9wbGV0aENoYXJ0Q29tcG9uZW50LFxuXHRHYXVnZUNoYXJ0Q29tcG9uZW50LFxuXHRHcm91cGVkQmFyQ2hhcnRDb21wb25lbnQsXG5cdEhlYXRtYXBDaGFydENvbXBvbmVudCxcblx0SGlzdG9ncmFtQ2hhcnRDb21wb25lbnQsXG5cdExpbmVDaGFydENvbXBvbmVudCxcblx0TG9sbGlwb3BDaGFydENvbXBvbmVudCxcblx0TWV0ZXJDaGFydENvbXBvbmVudCxcblx0UGllQ2hhcnRDb21wb25lbnQsXG5cdFJhZGFyQ2hhcnRDb21wb25lbnQsXG5cdFNjYXR0ZXJDaGFydENvbXBvbmVudCxcblx0U2ltcGxlQmFyQ2hhcnRDb21wb25lbnQsXG5cdFN0YWNrZWRBcmVhQ2hhcnRDb21wb25lbnQsXG5cdFN0YWNrZWRCYXJDaGFydENvbXBvbmVudCxcblx0VHJlZUNoYXJ0Q29tcG9uZW50LFxuXHRUcmVlbWFwQ2hhcnRDb21wb25lbnQsXG5cdFdvcmRDbG91ZENoYXJ0Q29tcG9uZW50LFxuXHQvLyBkaWFncmFtc1xuXHRDYXJkTm9kZUNvbHVtbkNvbXBvbmVudCxcblx0Q2FyZE5vZGVDb21wb25lbnQsXG5cdENhcmROb2RlTGFiZWxDb21wb25lbnQsXG5cdENhcmROb2RlU3VidGl0bGVDb21wb25lbnQsXG5cdENhcmROb2RlVGl0bGVDb21wb25lbnQsXG5cdENhcmROb2RlTW9kdWxlLCAvLyA8LS0gTW9kdWxlXG5cdEVkZ2VDb21wb25lbnQsXG5cdEVkZ2VNb2R1bGUsIC8vIDwtLSBNb2R1bGVcblx0TWFya2VyQXJyb3dMZWZ0Q29tcG9uZW50LFxuXHRNYXJrZXJBcnJvd1JpZ2h0Q29tcG9uZW50LFxuXHRNYXJrZXJDb21wb25lbnQsXG5cdE1hcmtlckRpYW1vbmRDb21wb25lbnQsXG5cdE1hcmtlck1vZHVsZSwgLy8gPC0tIE1vZHVsZVxuXHRNYXJrZXJTaGFwZU5vZGVDb21wb25lbnQsXG5cdE1hcmtlclNxdWFyZUNvbXBvbmVudCxcblx0TWFya2VyVGVlQ29tcG9uZW50LFxuXHRTaGFwZU5vZGVDb21wb25lbnQsXG5cdFNoYXBlTm9kZU1vZHVsZSAvLyA8LS0gTW9kdWxlXG59IGZyb20gJy4vbGliJ1xuIl19
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
-
import { AlluvialChart as AlluvialChartCore } from '@carbon/charts';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Wrapper around `Alluvial` in carbon charts library
|
|
7
|
-
*
|
|
8
|
-
* Most functions just call their equivalent from the chart library.
|
|
9
|
-
*/
|
|
10
|
-
class AlluvialChartComponent extends BaseChartComponent {
|
|
11
|
-
/**
|
|
12
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
-
*/
|
|
14
|
-
ngAfterViewInit() {
|
|
15
|
-
this.chart = new AlluvialChartCore(this.elementRef.nativeElement, {
|
|
16
|
-
data: this.data,
|
|
17
|
-
options: this.options
|
|
18
|
-
});
|
|
19
|
-
Object.assign(this, this.chart);
|
|
20
|
-
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AlluvialChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AlluvialChartComponent, selector: "ibm-alluvial-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
-
}
|
|
24
|
-
export { AlluvialChartComponent };
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AlluvialChartComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{
|
|
28
|
-
selector: 'ibm-alluvial-chart',
|
|
29
|
-
template: ``
|
|
30
|
-
}]
|
|
31
|
-
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxsdXZpYWwtY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jaGFydHMvYWxsdXZpYWwtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzNELE9BQU8sRUFDTixhQUFhLElBQUksaUJBQWlCLEVBR2xDLE1BQU0sZ0JBQWdCLENBQUE7O0FBRXZCOzs7O0dBSUc7QUFDSCxNQUlhLHNCQUF1QixTQUFRLGtCQUFrQjtJQUM3RDs7T0FFRztJQUNNLGVBQWU7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQ2pFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUErQjtTQUM3QyxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyxzQkFBc0I7a0dBQXRCLHNCQUFzQixpRkFGeEIsRUFBRTs7U0FFQSxzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUsRUFBRTtpQkFDWiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBCYXNlQ2hhcnRDb21wb25lbnQgfSBmcm9tICcuL2Jhc2UtY2hhcnQuY29tcG9uZW50J1xuaW1wb3J0IHtcblx0QWxsdXZpYWxDaGFydCBhcyBBbGx1dmlhbENoYXJ0Q29yZSxcblx0dHlwZSBBbGx1dmlhbENoYXJ0T3B0aW9ucyxcblx0dHlwZSBDaGFydFRhYnVsYXJEYXRhXG59IGZyb20gJ0BjYXJib24vY2hhcnRzJ1xuXG4vKipcbiAqIFdyYXBwZXIgYXJvdW5kIGBBbGx1dmlhbGAgaW4gY2FyYm9uIGNoYXJ0cyBsaWJyYXJ5XG4gKlxuICogTW9zdCBmdW5jdGlvbnMganVzdCBjYWxsIHRoZWlyIGVxdWl2YWxlbnQgZnJvbSB0aGUgY2hhcnQgbGlicmFyeS5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnaWJtLWFsbHV2aWFsLWNoYXJ0Jyxcblx0dGVtcGxhdGU6IGBgXG59KVxuZXhwb3J0IGNsYXNzIEFsbHV2aWFsQ2hhcnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblx0LyoqXG5cdCAqIFJ1bnMgYWZ0ZXIgdmlldyBpbml0IHRvIGNyZWF0ZSBhIGNoYXJ0LCBhdHRhY2ggaXQgdG8gYGVsZW1lbnRSZWZgIGFuZCBkcmF3IGl0LlxuXHQgKi9cblx0b3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCkge1xuXHRcdHRoaXMuY2hhcnQgPSBuZXcgQWxsdXZpYWxDaGFydENvcmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHtcblx0XHRcdGRhdGE6IHRoaXMuZGF0YSBhcyBDaGFydFRhYnVsYXJEYXRhLFxuXHRcdFx0b3B0aW9uczogdGhpcy5vcHRpb25zIGFzIEFsbHV2aWFsQ2hhcnRPcHRpb25zXG5cdFx0fSlcblxuXHRcdE9iamVjdC5hc3NpZ24odGhpcywgdGhpcy5jaGFydClcblx0fVxufVxuIl19
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
-
import { StackedAreaChart as StackedAreaChartCore } from '@carbon/charts';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Wrapper around `StackedAreaChart` in carbon charts library
|
|
7
|
-
*
|
|
8
|
-
* Most functions just call their equivalent from the chart library.
|
|
9
|
-
*/
|
|
10
|
-
class StackedAreaChartComponent extends BaseChartComponent {
|
|
11
|
-
/**
|
|
12
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
-
*/
|
|
14
|
-
ngAfterViewInit() {
|
|
15
|
-
this.chart = new StackedAreaChartCore(this.elementRef.nativeElement, {
|
|
16
|
-
data: this.data,
|
|
17
|
-
options: this.options
|
|
18
|
-
});
|
|
19
|
-
Object.assign(this, this.chart);
|
|
20
|
-
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StackedAreaChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: StackedAreaChartComponent, selector: "ibm-stacked-area-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
-
}
|
|
24
|
-
export { StackedAreaChartComponent };
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StackedAreaChartComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{
|
|
28
|
-
selector: 'ibm-stacked-area-chart',
|
|
29
|
-
template: ``
|
|
30
|
-
}]
|
|
31
|
-
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS1jaGFydC1zdGFja2VkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY2hhcnRzL2FyZWEtY2hhcnQtc3RhY2tlZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDM0QsT0FBTyxFQUNOLGdCQUFnQixJQUFJLG9CQUFvQixFQUd4QyxNQUFNLGdCQUFnQixDQUFBOztBQUV2Qjs7OztHQUlHO0FBQ0gsTUFJYSx5QkFBMEIsU0FBUSxrQkFBa0I7SUFDaEU7O09BRUc7SUFDTSxlQUFlO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRTtZQUNwRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQXdCO1lBQ25DLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBa0M7U0FDaEQsQ0FBQyxDQUFBO1FBRUYsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUM7OEdBWFcseUJBQXlCO2tHQUF6Qix5QkFBeUIscUZBRjNCLEVBQUU7O1NBRUEseUJBQXlCOzJGQUF6Qix5QkFBeUI7a0JBSnJDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQmFzZUNoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9iYXNlLWNoYXJ0LmNvbXBvbmVudCdcbmltcG9ydCB7XG5cdFN0YWNrZWRBcmVhQ2hhcnQgYXMgU3RhY2tlZEFyZWFDaGFydENvcmUsXG5cdHR5cGUgU3RhY2tlZEFyZWFDaGFydE9wdGlvbnMsXG5cdHR5cGUgQ2hhcnRUYWJ1bGFyRGF0YVxufSBmcm9tICdAY2FyYm9uL2NoYXJ0cydcblxuLyoqXG4gKiBXcmFwcGVyIGFyb3VuZCBgU3RhY2tlZEFyZWFDaGFydGAgaW4gY2FyYm9uIGNoYXJ0cyBsaWJyYXJ5XG4gKlxuICogTW9zdCBmdW5jdGlvbnMganVzdCBjYWxsIHRoZWlyIGVxdWl2YWxlbnQgZnJvbSB0aGUgY2hhcnQgbGlicmFyeS5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnaWJtLXN0YWNrZWQtYXJlYS1jaGFydCcsXG5cdHRlbXBsYXRlOiBgYFxufSlcbmV4cG9ydCBjbGFzcyBTdGFja2VkQXJlYUNoYXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHR0aGlzLmNoYXJ0ID0gbmV3IFN0YWNrZWRBcmVhQ2hhcnRDb3JlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCB7XG5cdFx0XHRkYXRhOiB0aGlzLmRhdGEgYXMgQ2hhcnRUYWJ1bGFyRGF0YSxcblx0XHRcdG9wdGlvbnM6IHRoaXMub3B0aW9ucyBhcyBTdGFja2VkQXJlYUNoYXJ0T3B0aW9uc1xuXHRcdH0pXG5cblx0XHRPYmplY3QuYXNzaWduKHRoaXMsIHRoaXMuY2hhcnQpXG5cdH1cbn1cbiJdfQ==
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
-
import { AreaChart as AreaChartCore } from '@carbon/charts';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Wrapper around `AreaChart` in carbon charts library
|
|
7
|
-
*
|
|
8
|
-
* Most functions just call their equivalent from the chart library.
|
|
9
|
-
*/
|
|
10
|
-
class AreaChartComponent extends BaseChartComponent {
|
|
11
|
-
/**
|
|
12
|
-
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
-
*/
|
|
14
|
-
ngAfterViewInit() {
|
|
15
|
-
this.chart = new AreaChartCore(this.elementRef.nativeElement, {
|
|
16
|
-
data: this.data,
|
|
17
|
-
options: this.options
|
|
18
|
-
});
|
|
19
|
-
Object.assign(this, this.chart);
|
|
20
|
-
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AreaChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AreaChartComponent, selector: "ibm-area-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
-
}
|
|
24
|
-
export { AreaChartComponent };
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AreaChartComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{
|
|
28
|
-
selector: 'ibm-area-chart',
|
|
29
|
-
template: ``
|
|
30
|
-
}]
|
|
31
|
-
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NoYXJ0cy9hcmVhLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMzRCxPQUFPLEVBQ04sU0FBUyxJQUFJLGFBQWEsRUFHMUIsTUFBTSxnQkFBZ0IsQ0FBQTs7QUFFdkI7Ozs7R0FJRztBQUNILE1BSWEsa0JBQW1CLFNBQVEsa0JBQWtCO0lBQ3pEOztPQUVHO0lBQ00sZUFBZTtRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQzdELElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUEyQjtTQUN6QyxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyxrQkFBa0I7a0dBQWxCLGtCQUFrQiw2RUFGcEIsRUFBRTs7U0FFQSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUUsRUFBRTtpQkFDWiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBCYXNlQ2hhcnRDb21wb25lbnQgfSBmcm9tICcuL2Jhc2UtY2hhcnQuY29tcG9uZW50J1xuaW1wb3J0IHtcblx0QXJlYUNoYXJ0IGFzIEFyZWFDaGFydENvcmUsXG5cdHR5cGUgQXJlYUNoYXJ0T3B0aW9ucyxcblx0dHlwZSBDaGFydFRhYnVsYXJEYXRhXG59IGZyb20gJ0BjYXJib24vY2hhcnRzJ1xuXG4vKipcbiAqIFdyYXBwZXIgYXJvdW5kIGBBcmVhQ2hhcnRgIGluIGNhcmJvbiBjaGFydHMgbGlicmFyeVxuICpcbiAqIE1vc3QgZnVuY3Rpb25zIGp1c3QgY2FsbCB0aGVpciBlcXVpdmFsZW50IGZyb20gdGhlIGNoYXJ0IGxpYnJhcnkuXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2libS1hcmVhLWNoYXJ0Jyxcblx0dGVtcGxhdGU6IGBgXG59KVxuZXhwb3J0IGNsYXNzIEFyZWFDaGFydENvbXBvbmVudCBleHRlbmRzIEJhc2VDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXHQvKipcblx0ICogUnVucyBhZnRlciB2aWV3IGluaXQgdG8gY3JlYXRlIGEgY2hhcnQsIGF0dGFjaCBpdCB0byBgZWxlbWVudFJlZmAgYW5kIGRyYXcgaXQuXG5cdCAqL1xuXHRvdmVycmlkZSBuZ0FmdGVyVmlld0luaXQoKSB7XG5cdFx0dGhpcy5jaGFydCA9IG5ldyBBcmVhQ2hhcnRDb3JlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCB7XG5cdFx0XHRkYXRhOiB0aGlzLmRhdGEgYXMgQ2hhcnRUYWJ1bGFyRGF0YSxcblx0XHRcdG9wdGlvbnM6IHRoaXMub3B0aW9ucyBhcyBBcmVhQ2hhcnRPcHRpb25zXG5cdFx0fSlcblxuXHRcdE9iamVjdC5hc3NpZ24odGhpcywgdGhpcy5jaGFydClcblx0fVxufVxuIl19
|