@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.
Files changed (173) hide show
  1. package/.eslintrc.json +51 -0
  2. package/.storybook/carbon-charts-theme.ts +8 -0
  3. package/.storybook/main.ts +39 -0
  4. package/.storybook/manager-head.html +22 -0
  5. package/.storybook/manager.ts +6 -0
  6. package/.storybook/preview-head.html +6 -0
  7. package/.storybook/preview.ts +42 -0
  8. package/.storybook/tsconfig.json +21 -0
  9. package/.storybook/typings.d.ts +4 -0
  10. package/angular.json +91 -0
  11. package/carbon.yml +277 -0
  12. package/ng-package.json +14 -0
  13. package/package.json +71 -17
  14. package/src/index.ts +53 -0
  15. package/src/lib/charts/alluvial-chart.component.ts +30 -0
  16. package/src/lib/charts/area-chart-stacked.component.ts +30 -0
  17. package/src/lib/charts/area-chart.component.ts +30 -0
  18. package/src/lib/charts/bar-chart-grouped.component.ts +30 -0
  19. package/src/lib/charts/bar-chart-simple.component.ts +30 -0
  20. package/src/lib/charts/bar-chart-stacked.component.ts +30 -0
  21. package/src/lib/charts/base-chart.component.ts +91 -0
  22. package/src/lib/charts/boxplot-chart.component.ts +30 -0
  23. package/src/lib/charts/bubble-chart.component.ts +30 -0
  24. package/src/lib/charts/bullet-chart.component.ts +30 -0
  25. package/src/lib/charts/charts.module.ts +92 -0
  26. package/src/lib/charts/choropleth.component.ts +33 -0
  27. package/src/lib/charts/circle-pack-chart.component.ts +30 -0
  28. package/src/lib/charts/combo-chart.component.ts +30 -0
  29. package/src/lib/charts/donut-chart.component.ts +30 -0
  30. package/src/lib/charts/gauge-chart.component.ts +30 -0
  31. package/src/lib/charts/heatmap-chart.component.ts +30 -0
  32. package/src/lib/charts/histogram-chart.component.ts +30 -0
  33. package/{lib/charts/index.d.ts → src/lib/charts/index.ts} +28 -27
  34. package/src/lib/charts/line-chart.component.ts +30 -0
  35. package/src/lib/charts/lollipop-chart.component.ts +30 -0
  36. package/src/lib/charts/meter-chart.component.ts +30 -0
  37. package/src/lib/charts/pie-chart.component.ts +30 -0
  38. package/src/lib/charts/radar-chart.component.ts +30 -0
  39. package/src/lib/charts/scatter-chart.component.ts +30 -0
  40. package/src/lib/charts/tree-chart.component.ts +30 -0
  41. package/src/lib/charts/treemap-chart.component.ts +30 -0
  42. package/src/lib/charts/wordcloud-chart.component.ts +30 -0
  43. package/src/lib/diagrams/config.ts +1 -0
  44. package/src/lib/diagrams/edges/edge.component.ts +41 -0
  45. package/src/lib/diagrams/edges/edge.module.ts +11 -0
  46. package/src/lib/diagrams/edges/marker/marker.component.ts +112 -0
  47. package/src/lib/diagrams/edges/marker/marker.module.ts +43 -0
  48. package/src/lib/diagrams/index.ts +23 -0
  49. package/src/lib/diagrams/nodes/cards/card-node-column.component.ts +22 -0
  50. package/src/lib/diagrams/nodes/cards/card-node-label.component.ts +14 -0
  51. package/src/lib/diagrams/nodes/cards/card-node-subtitle.component.ts +14 -0
  52. package/src/lib/diagrams/nodes/cards/card-node-title.component.ts +14 -0
  53. package/src/lib/diagrams/nodes/cards/card-node.component.ts +98 -0
  54. package/src/lib/diagrams/nodes/cards/card-node.module.ts +32 -0
  55. package/src/lib/diagrams/nodes/shape/shape-node.component.ts +120 -0
  56. package/src/lib/diagrams/nodes/shape/shape-node.module.ts +11 -0
  57. package/src/lib/index.ts +50 -0
  58. package/src/stories/0-api.stories.mdx +69 -0
  59. package/src/stories/1-color-palette.stories.mdx +73 -0
  60. package/src/stories/2-combo-charts.stories.mdx +107 -0
  61. package/src/stories/3-dual-axes-charts.stories.mdx +51 -0
  62. package/src/stories/4-event-listeners.stories.mdx +26 -0
  63. package/src/stories/5-tabular-data-format.stories.mdx +132 -0
  64. package/src/stories/6-themes.stories.mdx +50 -0
  65. package/src/stories/all.stories.ts +104 -0
  66. package/src/stories/angular.stories.mdx +136 -0
  67. package/src/stories/diagrams/0-diagrams-start-here.stories.ts +219 -0
  68. package/src/stories/diagrams/diagrams-edges-marker.stories.ts +189 -0
  69. package/src/stories/diagrams/diagrams-edges.stories.ts +177 -0
  70. package/src/stories/diagrams/diagrams-nodes-card.stories.ts +245 -0
  71. package/src/stories/diagrams/diagrams-nodes-shape.stories.ts +141 -0
  72. package/src/stories/diagrams/utils.ts +5 -0
  73. package/src/test.ts +28 -0
  74. package/tsconfig.json +43 -0
  75. package/tsconfig.lib.json +14 -0
  76. package/tsconfig.lib.prod.json +11 -0
  77. package/tsconfig.spec.json +17 -0
  78. package/tsconfig.vite.json +13 -0
  79. package/vite.config.ts +22 -0
  80. package/esm2022/carbon-charts-angular.mjs +0 -5
  81. package/esm2022/index.mjs +0 -14
  82. package/esm2022/lib/charts/alluvial-chart.component.mjs +0 -32
  83. package/esm2022/lib/charts/area-chart-stacked.component.mjs +0 -32
  84. package/esm2022/lib/charts/area-chart.component.mjs +0 -32
  85. package/esm2022/lib/charts/bar-chart-grouped.component.mjs +0 -32
  86. package/esm2022/lib/charts/bar-chart-simple.component.mjs +0 -32
  87. package/esm2022/lib/charts/bar-chart-stacked.component.mjs +0 -32
  88. package/esm2022/lib/charts/base-chart.component.mjs +0 -75
  89. package/esm2022/lib/charts/boxplot-chart.component.mjs +0 -32
  90. package/esm2022/lib/charts/bubble-chart.component.mjs +0 -32
  91. package/esm2022/lib/charts/bullet-chart.component.mjs +0 -32
  92. package/esm2022/lib/charts/charts.module.mjs +0 -123
  93. package/esm2022/lib/charts/choropleth.component.mjs +0 -32
  94. package/esm2022/lib/charts/circle-pack-chart.component.mjs +0 -32
  95. package/esm2022/lib/charts/combo-chart.component.mjs +0 -32
  96. package/esm2022/lib/charts/donut-chart.component.mjs +0 -32
  97. package/esm2022/lib/charts/gauge-chart.component.mjs +0 -32
  98. package/esm2022/lib/charts/heatmap-chart.component.mjs +0 -32
  99. package/esm2022/lib/charts/histogram-chart.component.mjs +0 -32
  100. package/esm2022/lib/charts/index.mjs +0 -28
  101. package/esm2022/lib/charts/line-chart.component.mjs +0 -32
  102. package/esm2022/lib/charts/lollipop-chart.component.mjs +0 -32
  103. package/esm2022/lib/charts/meter-chart.component.mjs +0 -32
  104. package/esm2022/lib/charts/pie-chart.component.mjs +0 -32
  105. package/esm2022/lib/charts/radar-chart.component.mjs +0 -32
  106. package/esm2022/lib/charts/scatter-chart.component.mjs +0 -32
  107. package/esm2022/lib/charts/tree-chart.component.mjs +0 -32
  108. package/esm2022/lib/charts/treemap-chart.component.mjs +0 -32
  109. package/esm2022/lib/charts/wordcloud-chart.component.mjs +0 -32
  110. package/esm2022/lib/diagrams/config.mjs +0 -2
  111. package/esm2022/lib/diagrams/edges/edge.component.mjs +0 -73
  112. package/esm2022/lib/diagrams/edges/edge.module.mjs +0 -20
  113. package/esm2022/lib/diagrams/edges/marker/marker.component.mjs +0 -161
  114. package/esm2022/lib/diagrams/edges/marker/marker.module.mjs +0 -48
  115. package/esm2022/lib/diagrams/index.mjs +0 -5
  116. package/esm2022/lib/diagrams/nodes/cards/card-node-column.component.mjs +0 -38
  117. package/esm2022/lib/diagrams/nodes/cards/card-node-label.component.mjs +0 -28
  118. package/esm2022/lib/diagrams/nodes/cards/card-node-subtitle.component.mjs +0 -28
  119. package/esm2022/lib/diagrams/nodes/cards/card-node-title.component.mjs +0 -28
  120. package/esm2022/lib/diagrams/nodes/cards/card-node.component.mjs +0 -191
  121. package/esm2022/lib/diagrams/nodes/cards/card-node.module.mjs +0 -44
  122. package/esm2022/lib/diagrams/nodes/shape/shape-node.component.mjs +0 -241
  123. package/esm2022/lib/diagrams/nodes/shape/shape-node.module.mjs +0 -20
  124. package/esm2022/lib/index.mjs +0 -3
  125. package/fesm2022/carbon-charts-angular.mjs +0 -1728
  126. package/fesm2022/carbon-charts-angular.mjs.map +0 -1
  127. package/index.d.ts +0 -5
  128. package/lib/charts/alluvial-chart.component.d.ts +0 -16
  129. package/lib/charts/area-chart-stacked.component.d.ts +0 -16
  130. package/lib/charts/area-chart.component.d.ts +0 -16
  131. package/lib/charts/bar-chart-grouped.component.d.ts +0 -16
  132. package/lib/charts/bar-chart-simple.component.d.ts +0 -16
  133. package/lib/charts/bar-chart-stacked.component.d.ts +0 -16
  134. package/lib/charts/base-chart.component.d.ts +0 -46
  135. package/lib/charts/boxplot-chart.component.d.ts +0 -16
  136. package/lib/charts/bubble-chart.component.d.ts +0 -16
  137. package/lib/charts/bullet-chart.component.d.ts +0 -16
  138. package/lib/charts/charts.module.d.ts +0 -33
  139. package/lib/charts/choropleth.component.d.ts +0 -16
  140. package/lib/charts/circle-pack-chart.component.d.ts +0 -16
  141. package/lib/charts/combo-chart.component.d.ts +0 -16
  142. package/lib/charts/donut-chart.component.d.ts +0 -16
  143. package/lib/charts/gauge-chart.component.d.ts +0 -16
  144. package/lib/charts/heatmap-chart.component.d.ts +0 -16
  145. package/lib/charts/histogram-chart.component.d.ts +0 -16
  146. package/lib/charts/line-chart.component.d.ts +0 -16
  147. package/lib/charts/lollipop-chart.component.d.ts +0 -16
  148. package/lib/charts/meter-chart.component.d.ts +0 -16
  149. package/lib/charts/pie-chart.component.d.ts +0 -16
  150. package/lib/charts/radar-chart.component.d.ts +0 -16
  151. package/lib/charts/scatter-chart.component.d.ts +0 -16
  152. package/lib/charts/tree-chart.component.d.ts +0 -16
  153. package/lib/charts/treemap-chart.component.d.ts +0 -16
  154. package/lib/charts/wordcloud-chart.component.d.ts +0 -16
  155. package/lib/diagrams/config.d.ts +0 -1
  156. package/lib/diagrams/edges/edge.component.d.ts +0 -20
  157. package/lib/diagrams/edges/edge.module.d.ts +0 -9
  158. package/lib/diagrams/edges/marker/marker.component.d.ts +0 -52
  159. package/lib/diagrams/edges/marker/marker.module.d.ts +0 -10
  160. package/lib/diagrams/index.d.ts +0 -4
  161. package/lib/diagrams/nodes/cards/card-node-column.component.d.ts +0 -7
  162. package/lib/diagrams/nodes/cards/card-node-label.component.d.ts +0 -6
  163. package/lib/diagrams/nodes/cards/card-node-subtitle.component.d.ts +0 -6
  164. package/lib/diagrams/nodes/cards/card-node-title.component.d.ts +0 -6
  165. package/lib/diagrams/nodes/cards/card-node.component.d.ts +0 -20
  166. package/lib/diagrams/nodes/cards/card-node.module.d.ts +0 -18
  167. package/lib/diagrams/nodes/shape/shape-node.component.d.ts +0 -25
  168. package/lib/diagrams/nodes/shape/shape-node.module.d.ts +0 -9
  169. package/lib/index.d.ts +0 -2
  170. package/styles.css +0 -28264
  171. package/styles.css.map +0 -1
  172. package/styles.min.css +0 -1
  173. 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
+ )
@@ -0,0 +1,5 @@
1
+ export const getTemplate = (content: string) => `
2
+ <div class="container theme--white">
3
+ ${content}
4
+ </div>
5
+ `
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
+ }
@@ -0,0 +1,13 @@
1
+ {
2
+ "$schema": "https://json.schemastore.org/tsconfig",
3
+ "extends": "../../tsconfig.vite.json",
4
+ "compilerOptions": {
5
+ // Package-specific
6
+ "types": [
7
+ "vite/client"
8
+ ]
9
+ },
10
+ "include": [
11
+ "vite.config.ts"
12
+ ]
13
+ }
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