genesys-spark-chart-components 4.137.1 → 4.137.2

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 (45) hide show
  1. package/dist/cjs/{color-palette-c5aba81e.js → color-palette-5ef2abb1.js} +3 -3
  2. package/dist/cjs/genesys-chart-webcomponents.cjs.js +2 -2
  3. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +10 -14
  4. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -19
  5. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +10 -17
  6. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -10
  7. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +10 -15
  8. package/dist/cjs/gux-visualization-beta.cjs.entry.js +2 -4
  9. package/dist/cjs/{index-409a039b.js → index-e390a39a.js} +252 -180
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/collection/collection-manifest.json +1 -1
  12. package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +37 -15
  13. package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +41 -20
  14. package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +42 -17
  15. package/dist/collection/components/beta/gux-chart-pie/gux-chart-pie.js +20 -10
  16. package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +38 -15
  17. package/dist/collection/components/beta/gux-visualization/gux-visualization.js +6 -4
  18. package/dist/esm/{color-palette-b5b2d207.js → color-palette-a623ee46.js} +3 -3
  19. package/dist/esm/genesys-chart-webcomponents.js +3 -3
  20. package/dist/esm/gux-chart-column-beta.entry.js +10 -14
  21. package/dist/esm/gux-chart-donut-beta.entry.js +2 -19
  22. package/dist/esm/gux-chart-line-beta.entry.js +10 -17
  23. package/dist/esm/gux-chart-pie-beta.entry.js +2 -10
  24. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +10 -15
  25. package/dist/esm/gux-visualization-beta.entry.js +2 -4
  26. package/dist/esm/{index-6f89ddc9.js → index-eabc38b4.js} +252 -180
  27. package/dist/esm/loader.js +2 -2
  28. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  29. package/dist/genesys-chart-webcomponents/p-0d724f09.entry.js +1 -0
  30. package/dist/genesys-chart-webcomponents/p-3167a2bc.entry.js +1 -0
  31. package/dist/genesys-chart-webcomponents/p-4e1cbed4.entry.js +1 -0
  32. package/dist/genesys-chart-webcomponents/{p-62e9c866.js → p-50f05a65.js} +1 -1
  33. package/dist/genesys-chart-webcomponents/p-72ff1a26.entry.js +1 -0
  34. package/dist/genesys-chart-webcomponents/p-977a4087.js +2 -0
  35. package/dist/genesys-chart-webcomponents/{p-38df79fa.entry.js → p-ed27c58c.entry.js} +2 -2
  36. package/dist/genesys-chart-webcomponents/p-fe155fec.entry.js +1 -0
  37. package/dist/stencil-wrapper.js +1 -1
  38. package/dist/types/stencil-wrapper.d.ts +1 -1
  39. package/package.json +3 -3
  40. package/dist/genesys-chart-webcomponents/p-177ee014.entry.js +0 -1
  41. package/dist/genesys-chart-webcomponents/p-58f02284.entry.js +0 -1
  42. package/dist/genesys-chart-webcomponents/p-6240c9bd.entry.js +0 -1
  43. package/dist/genesys-chart-webcomponents/p-6759e12f.entry.js +0 -1
  44. package/dist/genesys-chart-webcomponents/p-699aab7f.js +0 -2
  45. package/dist/genesys-chart-webcomponents/p-eef8d50e.entry.js +0 -1
@@ -6,6 +6,14 @@ import { logError } from "../../../utils/error/log-error";
6
6
  const DEFAULT_COLOR_FIELD_NAME = 'category';
7
7
  export class GuxScatterPlotChart {
8
8
  constructor() {
9
+ /**
10
+ * Optional label color
11
+ */
12
+ this.labelColor = VisualizationColorUtil.DEFAULT_LABEL_COLOR;
13
+ /**
14
+ * Optional domain line color
15
+ */
16
+ this.domainColor = VisualizationColorUtil.DEFAULT_DOMAIN_COLOR;
9
17
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
10
18
  this.baseChartSpec = {
11
19
  $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
@@ -53,20 +61,7 @@ export class GuxScatterPlotChart {
53
61
  }
54
62
  }
55
63
  };
56
- this.labelColor = VisualizationColorUtil.DEFAULT_LABEL_COLOR;
57
- this.domainColor = VisualizationColorUtil.DEFAULT_DOMAIN_COLOR;
58
- this.chartData = undefined;
59
- this.xTickLabelSlant = undefined;
60
- this.includeLegend = undefined;
61
64
  this.legendPosition = 'right';
62
- this.xFieldName = undefined;
63
- this.xAxisTitle = undefined;
64
- this.yFieldName = undefined;
65
- this.yAxisTitle = undefined;
66
- this.legendTitle = undefined;
67
- this.colorFieldName = undefined;
68
- this.useShape = undefined;
69
- this.embedOptions = undefined;
70
65
  }
71
66
  parseData() {
72
67
  if (!this.xFieldName || !this.yFieldName) {
@@ -159,6 +154,8 @@ export class GuxScatterPlotChart {
159
154
  "tags": [],
160
155
  "text": "Optional label color"
161
156
  },
157
+ "getter": false,
158
+ "setter": false,
162
159
  "attribute": "label-color",
163
160
  "reflect": false,
164
161
  "defaultValue": "VisualizationColorUtil.DEFAULT_LABEL_COLOR"
@@ -177,6 +174,8 @@ export class GuxScatterPlotChart {
177
174
  "tags": [],
178
175
  "text": "Optional domain line color"
179
176
  },
177
+ "getter": false,
178
+ "setter": false,
180
179
  "attribute": "domain-color",
181
180
  "reflect": false,
182
181
  "defaultValue": "VisualizationColorUtil.DEFAULT_DOMAIN_COLOR"
@@ -199,7 +198,9 @@ export class GuxScatterPlotChart {
199
198
  "docs": {
200
199
  "tags": [],
201
200
  "text": "Data to be rendered in the chart.\nData field names must match the values you set in xFieldName and yFieldName"
202
- }
201
+ },
202
+ "getter": false,
203
+ "setter": false
203
204
  },
204
205
  "xTickLabelSlant": {
205
206
  "type": "boolean",
@@ -215,6 +216,8 @@ export class GuxScatterPlotChart {
215
216
  "tags": [],
216
217
  "text": "If true, then make Axis tick label 45 degrees"
217
218
  },
219
+ "getter": false,
220
+ "setter": false,
218
221
  "attribute": "x-tick-label-slant",
219
222
  "reflect": false
220
223
  },
@@ -232,6 +235,8 @@ export class GuxScatterPlotChart {
232
235
  "tags": [],
233
236
  "text": ""
234
237
  },
238
+ "getter": false,
239
+ "setter": false,
235
240
  "attribute": "include-legend",
236
241
  "reflect": false
237
242
  },
@@ -249,6 +254,8 @@ export class GuxScatterPlotChart {
249
254
  "tags": [],
250
255
  "text": ""
251
256
  },
257
+ "getter": false,
258
+ "setter": false,
252
259
  "attribute": "legend-position",
253
260
  "reflect": false,
254
261
  "defaultValue": "'right'"
@@ -267,6 +274,8 @@ export class GuxScatterPlotChart {
267
274
  "tags": [],
268
275
  "text": "Name for the data field to use to populate the chart's x-axis\ne.g. xFieldName of \"category\" will map any \"category\" fields in chartData to the x-axis"
269
276
  },
277
+ "getter": false,
278
+ "setter": false,
270
279
  "attribute": "x-field-name",
271
280
  "reflect": false
272
281
  },
@@ -284,6 +293,8 @@ export class GuxScatterPlotChart {
284
293
  "tags": [],
285
294
  "text": "Title to display along the x-axis"
286
295
  },
296
+ "getter": false,
297
+ "setter": false,
287
298
  "attribute": "x-axis-title",
288
299
  "reflect": false
289
300
  },
@@ -301,6 +312,8 @@ export class GuxScatterPlotChart {
301
312
  "tags": [],
302
313
  "text": "Name for the data field to use to populate the chart's x-axis\ne.g. yFieldName of \"value\" will map any \"value\" fields in chartData to the y-axis"
303
314
  },
315
+ "getter": false,
316
+ "setter": false,
304
317
  "attribute": "y-field-name",
305
318
  "reflect": false
306
319
  },
@@ -318,6 +331,8 @@ export class GuxScatterPlotChart {
318
331
  "tags": [],
319
332
  "text": "Title to display along the y-axis"
320
333
  },
334
+ "getter": false,
335
+ "setter": false,
321
336
  "attribute": "y-axis-title",
322
337
  "reflect": false
323
338
  },
@@ -335,6 +350,8 @@ export class GuxScatterPlotChart {
335
350
  "tags": [],
336
351
  "text": "Title to display above the optional legend"
337
352
  },
353
+ "getter": false,
354
+ "setter": false,
338
355
  "attribute": "legend-title",
339
356
  "reflect": false
340
357
  },
@@ -352,6 +369,8 @@ export class GuxScatterPlotChart {
352
369
  "tags": [],
353
370
  "text": "Type of category to plot in the chart"
354
371
  },
372
+ "getter": false,
373
+ "setter": false,
355
374
  "attribute": "color-field-name",
356
375
  "reflect": false
357
376
  },
@@ -369,6 +388,8 @@ export class GuxScatterPlotChart {
369
388
  "tags": [],
370
389
  "text": "The shape of the plotting in the chart - Square, Circle and Point"
371
390
  },
391
+ "getter": false,
392
+ "setter": false,
372
393
  "attribute": "use-shape",
373
394
  "reflect": false
374
395
  },
@@ -391,7 +412,9 @@ export class GuxScatterPlotChart {
391
412
  "docs": {
392
413
  "tags": [],
393
414
  "text": ""
394
- }
415
+ },
416
+ "getter": false,
417
+ "setter": false
395
418
  }
396
419
  };
397
420
  }
@@ -23,8 +23,6 @@ export class GuxVisualization {
23
23
  actions: false,
24
24
  renderer: 'svg'
25
25
  };
26
- this.visualizationSpec = undefined;
27
- this.embedOptions = undefined;
28
26
  }
29
27
  componentWillLoad() {
30
28
  trackComponent(this.root);
@@ -102,7 +100,9 @@ export class GuxVisualization {
102
100
  "docs": {
103
101
  "tags": [],
104
102
  "text": ""
105
- }
103
+ },
104
+ "getter": false,
105
+ "setter": false
106
106
  },
107
107
  "embedOptions": {
108
108
  "type": "unknown",
@@ -123,7 +123,9 @@ export class GuxVisualization {
123
123
  "docs": {
124
124
  "tags": [],
125
125
  "text": ""
126
- }
126
+ },
127
+ "getter": false,
128
+ "setter": false
127
129
  }
128
130
  };
129
131
  }
@@ -1,5 +1,5 @@
1
1
  const name = "genesys-spark-chart-components";
2
- const version = "4.137.1";
2
+ const version = "4.137.2";
3
3
  const description = "Common chart webcomponents";
4
4
  const license = "MIT";
5
5
  const main = "dist/stencil-wrapper.js";
@@ -59,9 +59,9 @@ const dependencies = {
59
59
  const devDependencies = {
60
60
  "@babel/core": "^7.26.10",
61
61
  "@babel/preset-env": "^7.26.9",
62
- "@stencil/core": "4.22.3",
62
+ "@stencil/core": "4.23.2",
63
63
  "@stencil/react-output-target": "^0.5.3",
64
- "@stencil/sass": "^3.2.0",
64
+ "@stencil/sass": "^3.2.1",
65
65
  "@types/jest": "^29.5.14",
66
66
  "@types/puppeteer": "^5.4.7",
67
67
  "axe-core": "^4.10.3",
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-6f89ddc9.js';
2
- export { s as setNonce } from './index-6f89ddc9.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-eabc38b4.js';
2
+ export { s as setNonce } from './index-eabc38b4.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-6f89ddc9.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-b5b2d207.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
3
3
  import { l as logError } from './log-error-fbbfc3ab.js';
4
4
 
5
5
  const guxChartColumnCss = "gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";
@@ -8,6 +8,14 @@ const GuxChartColumnBetaStyle0 = guxChartColumnCss;
8
8
  const GuxColumnChart = class {
9
9
  constructor(hostRef) {
10
10
  registerInstance(this, hostRef);
11
+ /**
12
+ * Optional label color
13
+ */
14
+ this.labelColor = DEFAULT_LABEL_COLOR;
15
+ /**
16
+ * Optional domain line color
17
+ */
18
+ this.domainColor = DEFAULT_DOMAIN_COLOR;
11
19
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
12
20
  this.baseChartSpec = {
13
21
  $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
@@ -39,19 +47,7 @@ const GuxColumnChart = class {
39
47
  tooltip: { aggregate: 'count', type: 'quantitative' }
40
48
  }
41
49
  };
42
- this.labelColor = DEFAULT_LABEL_COLOR;
43
- this.domainColor = DEFAULT_DOMAIN_COLOR;
44
- this.chartData = undefined;
45
- this.xTickLabelSlant = undefined;
46
- this.includeLegend = undefined;
47
- this.xFieldName = undefined;
48
- this.yFieldName = undefined;
49
- this.xAxisTitle = undefined;
50
- this.yAxisTitle = undefined;
51
- this.legendTitle = undefined;
52
50
  this.legendPosition = 'right';
53
- this.chartLayers = undefined;
54
- this.embedOptions = undefined;
55
51
  }
56
52
  parseData() {
57
53
  if (!this.xFieldName || !this.yFieldName) {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-6f89ddc9.js';
2
- import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-b5b2d207.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
2
+ import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
3
3
  import { l as logError } from './log-error-fbbfc3ab.js';
4
4
 
5
5
  const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -41,25 +41,8 @@ const GuxDonutChart = class {
41
41
  ],
42
42
  view: { stroke: null }
43
43
  };
44
- this.chartData = undefined;
45
- this.includeLegend = undefined;
46
44
  this.legendPosition = 'right';
47
- this.legendTitle = undefined;
48
- this.colorFieldName = undefined;
49
- this.outerRadius = undefined;
50
- this.innerRadius = undefined;
51
- this.labelRadius = undefined;
52
- this.labelField = undefined;
53
- this.gauge = undefined;
54
- this.centerText = undefined;
55
- this.centerSubText = undefined;
56
45
  this.showTooltip = true;
57
- this.tooltipOptions = undefined;
58
- this.legendX = undefined;
59
- this.legendY = undefined;
60
- this.legendFontSize = undefined;
61
- this.legendSymbolSize = undefined;
62
- this.embedOptions = undefined;
63
46
  }
64
47
  parseData() {
65
48
  if (!this.outerRadius && !this.innerRadius) {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-6f89ddc9.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-b5b2d207.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
3
3
  import { l as logError } from './log-error-fbbfc3ab.js';
4
4
 
5
5
  const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -9,6 +9,14 @@ const DEFAULT_COLOR_FIELD_NAME = 'category';
9
9
  const GuxLineChart = class {
10
10
  constructor(hostRef) {
11
11
  registerInstance(this, hostRef);
12
+ /**
13
+ * Optional label color
14
+ */
15
+ this.labelColor = DEFAULT_LABEL_COLOR;
16
+ /**
17
+ * Optional domain line color
18
+ */
19
+ this.domainColor = DEFAULT_DOMAIN_COLOR;
12
20
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
13
21
  this.baseChartSpec = {
14
22
  $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
@@ -43,22 +51,7 @@ const GuxLineChart = class {
43
51
  tooltip: { aggregate: 'count', type: 'quantitative' }
44
52
  }
45
53
  };
46
- this.labelColor = DEFAULT_LABEL_COLOR;
47
- this.domainColor = DEFAULT_DOMAIN_COLOR;
48
- this.chartData = undefined;
49
- this.xTickLabelSlant = undefined;
50
- this.includeLegend = undefined;
51
54
  this.legendPosition = 'right';
52
- this.includeDataPointMarkers = undefined;
53
- this.xFieldName = undefined;
54
- this.xAxisTitle = undefined;
55
- this.yFieldName = undefined;
56
- this.yAxisTitle = undefined;
57
- this.legendTitle = undefined;
58
- this.colorFieldName = undefined;
59
- this.strokeDash = undefined;
60
- this.interpolation = undefined;
61
- this.embedOptions = undefined;
62
55
  }
63
56
  parseData() {
64
57
  if (!this.xFieldName || !this.yFieldName) {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-6f89ddc9.js';
2
- import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-b5b2d207.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
2
+ import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
3
3
  import { l as logError } from './log-error-fbbfc3ab.js';
4
4
 
5
5
  const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -41,15 +41,7 @@ const GuxPieChart = class {
41
41
  ],
42
42
  view: { stroke: null }
43
43
  };
44
- this.chartData = undefined;
45
- this.includeLegend = undefined;
46
44
  this.legendPosition = 'right';
47
- this.legendTitle = undefined;
48
- this.colorFieldName = undefined;
49
- this.outerRadius = undefined;
50
- this.labelRadius = undefined;
51
- this.labelField = undefined;
52
- this.embedOptions = undefined;
53
45
  }
54
46
  parseData() {
55
47
  if (!this.outerRadius) {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-6f89ddc9.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-b5b2d207.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
3
3
  import { l as logError } from './log-error-fbbfc3ab.js';
4
4
 
5
5
  const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -9,6 +9,14 @@ const DEFAULT_COLOR_FIELD_NAME = 'category';
9
9
  const GuxScatterPlotChart = class {
10
10
  constructor(hostRef) {
11
11
  registerInstance(this, hostRef);
12
+ /**
13
+ * Optional label color
14
+ */
15
+ this.labelColor = DEFAULT_LABEL_COLOR;
16
+ /**
17
+ * Optional domain line color
18
+ */
19
+ this.domainColor = DEFAULT_DOMAIN_COLOR;
12
20
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
13
21
  this.baseChartSpec = {
14
22
  $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
@@ -56,20 +64,7 @@ const GuxScatterPlotChart = class {
56
64
  }
57
65
  }
58
66
  };
59
- this.labelColor = DEFAULT_LABEL_COLOR;
60
- this.domainColor = DEFAULT_DOMAIN_COLOR;
61
- this.chartData = undefined;
62
- this.xTickLabelSlant = undefined;
63
- this.includeLegend = undefined;
64
67
  this.legendPosition = 'right';
65
- this.xFieldName = undefined;
66
- this.xAxisTitle = undefined;
67
- this.yFieldName = undefined;
68
- this.yAxisTitle = undefined;
69
- this.legendTitle = undefined;
70
- this.colorFieldName = undefined;
71
- this.useShape = undefined;
72
- this.embedOptions = undefined;
73
68
  }
74
69
  parseData() {
75
70
  if (!this.xFieldName || !this.yFieldName) {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-6f89ddc9.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, t as trackComponent } from './color-palette-b5b2d207.js';
1
+ import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-eabc38b4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, t as trackComponent } from './color-palette-a623ee46.js';
3
3
 
4
4
  // Note: This regex matches even invalid JSON strings, but since we’re
5
5
  // working on the output of `JSON.stringify` we know that only valid strings
@@ -69240,8 +69240,6 @@ const GuxVisualization = class {
69240
69240
  actions: false,
69241
69241
  renderer: 'svg'
69242
69242
  };
69243
- this.visualizationSpec = undefined;
69244
- this.embedOptions = undefined;
69245
69243
  }
69246
69244
  componentWillLoad() {
69247
69245
  trackComponent(this.root);