@carbon/charts 1.11.20 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +3 -3
  3. package/dist/choropleth-17b85d55.mjs.map +1 -1
  4. package/dist/color-scale-utils-faf67b75.mjs.map +1 -1
  5. package/dist/configuration-non-customizable.d.ts +1 -1
  6. package/dist/demo/index.mjs +239 -255
  7. package/dist/demo/index.mjs.map +1 -1
  8. package/dist/demo/styles.css +4499 -692
  9. package/dist/demo/styles.css.map +1 -1
  10. package/dist/demo/utils/package-versions.d.ts +0 -2
  11. package/dist/styles.css +4249 -781
  12. package/dist/styles.css.map +1 -1
  13. package/dist/styles.min.css +1 -1
  14. package/dist/styles.min.css.map +1 -1
  15. package/dist/umd/bundle.umd.js +13 -13
  16. package/dist/umd/bundle.umd.js.map +1 -1
  17. package/package.json +24 -23
  18. package/scss/_chart-holder.scss +18 -17
  19. package/scss/_chart-wrapper.scss +6 -0
  20. package/scss/_color-palette.scss +2 -2
  21. package/scss/_colors.scss +26 -25
  22. package/scss/_globals.scss +8 -0
  23. package/scss/_tokens.scss +50 -50
  24. package/scss/_transition.scss +4 -0
  25. package/scss/_type.scss +14 -14
  26. package/scss/components/_axis.scss +12 -11
  27. package/scss/components/_callouts.scss +4 -3
  28. package/scss/components/_color-legend.scss +4 -4
  29. package/scss/components/_grid-brush.scss +7 -5
  30. package/scss/components/_grid.scss +9 -8
  31. package/scss/components/_highlights.scss +6 -3
  32. package/scss/components/_layout.scss +5 -3
  33. package/scss/components/_legend.scss +14 -11
  34. package/scss/components/_meter-title.scss +11 -9
  35. package/scss/components/_modal.scss +14 -11
  36. package/scss/components/_ruler.scss +6 -3
  37. package/scss/components/_skeleton-lines.scss +9 -6
  38. package/scss/components/_skeleton.scss +9 -6
  39. package/scss/components/_threshold.scss +12 -11
  40. package/scss/components/_title.scss +5 -5
  41. package/scss/components/_toolbar.scss +6 -6
  42. package/scss/components/_tooltip.scss +12 -11
  43. package/scss/components/_zero-line.scss +4 -3
  44. package/scss/components/_zoom-bar.scss +16 -14
  45. package/scss/components/diagrams/_card-node.scss +74 -74
  46. package/scss/components/diagrams/_edge.scss +46 -49
  47. package/scss/components/diagrams/_marker.scss +4 -5
  48. package/scss/components/diagrams/_shape-node.scss +72 -73
  49. package/scss/components/diagrams/index.scss +4 -4
  50. package/scss/components/index.scss +20 -20
  51. package/scss/demos.scss +1 -0
  52. package/scss/graphs/_alluvial.scss +7 -6
  53. package/scss/graphs/_area.scss +4 -2
  54. package/scss/graphs/_bubble.scss +6 -5
  55. package/scss/graphs/_bullet.scss +11 -13
  56. package/scss/graphs/_choropleth.scss +7 -7
  57. package/scss/graphs/_circle-pack.scss +7 -6
  58. package/scss/graphs/_donut.scss +3 -1
  59. package/scss/graphs/_gauge.scss +7 -6
  60. package/scss/graphs/_heatmap.scss +6 -6
  61. package/scss/graphs/_line.scss +6 -4
  62. package/scss/graphs/_lollipop.scss +3 -1
  63. package/scss/graphs/_meter.scss +11 -10
  64. package/scss/graphs/_pie.scss +3 -1
  65. package/scss/graphs/_radar.scss +6 -5
  66. package/scss/graphs/_scatter-stacked.scss +4 -3
  67. package/scss/graphs/_scatter.scss +6 -5
  68. package/scss/graphs/_tree.scss +11 -9
  69. package/scss/graphs/_treemap.scss +3 -1
  70. package/scss/graphs/_wordcloud.scss +3 -1
  71. package/scss/graphs/index.scss +19 -19
  72. package/scss/index.scss +10 -31
  73. package/styles.css +4249 -781
  74. package/styles.min.css +1 -1
  75. package/scss/components/_edge.scss +0 -65
  76. package/scss/components/_marker.scss +0 -7
@@ -860,7 +860,7 @@ const dA = [
860
860
  stacked: !0
861
861
  }
862
862
  }
863
- }, O = [
863
+ }, C = [
864
864
  { group: "Dataset 1", date: new Date(2019, 0, 1), value: 1e4 },
865
865
  { group: "Dataset 1", date: new Date(2019, 0, 5), value: 65e3 },
866
866
  { group: "Dataset 1", date: new Date(2019, 0, 8), value: 1e4 },
@@ -881,7 +881,7 @@ const dA = [
881
881
  { group: "Dataset 4", date: new Date(2019, 0, 8), value: 51432 },
882
882
  { group: "Dataset 4", date: new Date(2019, 0, 15), value: 40323 },
883
883
  { group: "Dataset 4", date: new Date(2019, 0, 19), value: 31300 }
884
- ], R = {
884
+ ], O = {
885
885
  title: "Vertical stacked bar (time series)",
886
886
  axes: {
887
887
  left: {
@@ -926,7 +926,7 @@ const dA = [
926
926
  scaleType: "time"
927
927
  }
928
928
  }
929
- }, P_ = O, B_ = {
929
+ }, P_ = C, B_ = {
930
930
  title: "Custom ticks (stacked bar)",
931
931
  axes: {
932
932
  left: {
@@ -951,7 +951,7 @@ const dA = [
951
951
  stacked: !0
952
952
  }
953
953
  }
954
- }, d_ = O, p_ = [], m_ = {
954
+ }, d_ = C, p_ = [], m_ = {
955
955
  title: "Vertical simple bar (empty state)",
956
956
  axes: {
957
957
  left: {},
@@ -1170,9 +1170,9 @@ const dA = [
1170
1170
  stackedBarShortIntervalTimeSeriesOptions: T_,
1171
1171
  stackedBarSkeletonData: W_,
1172
1172
  stackedBarSkeletonOptions: b_,
1173
- stackedBarTimeSeriesData: O,
1173
+ stackedBarTimeSeriesData: C,
1174
1174
  stackedBarTimeSeriesDataCustomTicks: P_,
1175
- stackedBarTimeSeriesOptions: R,
1175
+ stackedBarTimeSeriesOptions: O,
1176
1176
  stackedBarTimeSeriesOptionsCustomTicks: B_,
1177
1177
  stackedHorizontalBarData: s_,
1178
1178
  stackedHorizontalBarEmptyStateData: x_,
@@ -1231,7 +1231,7 @@ const dA = [
1231
1231
  simpleBoxplotOptions: ee,
1232
1232
  simpleVerticalBoxplotData: ae,
1233
1233
  simpleVerticalBoxplotOptions: Se
1234
- }, Symbol.toStringTag, { value: "Module" })), l = [
1234
+ }, Symbol.toStringTag, { value: "Module" })), s = [
1235
1235
  { group: "Dataset 1", key: "Qty", value: 34200 },
1236
1236
  { group: "Dataset 1", key: "More", value: 23500 },
1237
1237
  { group: "Dataset 1", key: "Sold", value: 53100 },
@@ -1456,7 +1456,7 @@ const dA = [
1456
1456
  { group: "Dataset 4", date: new Date(2019, 0, 8), value: 51432 },
1457
1457
  { group: "Dataset 4", date: new Date(2019, 0, 15), value: 25332 },
1458
1458
  { group: "Dataset 4", date: new Date(2019, 0, 19), value: null }
1459
- ], F = {
1459
+ ], R = {
1460
1460
  title: "Line (time series)",
1461
1461
  axes: {
1462
1462
  bottom: {
@@ -1687,7 +1687,7 @@ const dA = [
1687
1687
  dualLine: Te,
1688
1688
  lineCustomColorOptions: re,
1689
1689
  lineCustomDomainOptions: te,
1690
- lineData: l,
1690
+ lineData: s,
1691
1691
  lineEmptyStateData: Ie,
1692
1692
  lineEmptyStateOptions: se,
1693
1693
  lineLogAxisData: Re,
@@ -1705,7 +1705,7 @@ const dA = [
1705
1705
  lineTimeSeriesDenseData: ne,
1706
1706
  lineTimeSeriesDenseOptions: ie,
1707
1707
  lineTimeSeriesDualAxesData: ue,
1708
- lineTimeSeriesOptions: F,
1708
+ lineTimeSeriesOptions: R,
1709
1709
  lineTimeSeriesRotatedTicksOptions: Oe,
1710
1710
  lineTimeSeriesWithThresholdsOptions: oe,
1711
1711
  sparklineLoadingOptions: Me
@@ -45681,13 +45681,13 @@ const dA = [
45681
45681
  }, Symbol.toStringTag, { value: "Module" })), SS = Object.assign({}, NA, {
45682
45682
  title: "Step (discrete)",
45683
45683
  curve: "curveStepAfter"
45684
- }), MS = l, RA = Object.assign({}, F, {
45684
+ }), MS = s, RA = Object.assign({}, R, {
45685
45685
  title: "Step (time series)",
45686
45686
  curve: "curveStepAfter"
45687
- }), FA = i, ES = [], NS = Object.assign({}, F, {
45687
+ }), FA = i, ES = [], NS = Object.assign({}, R, {
45688
45688
  title: "Step (empty state)",
45689
45689
  curve: "curveStepAfter"
45690
- }), tS = [], LS = Object.assign({}, F, {
45690
+ }), tS = [], LS = Object.assign({}, R, {
45691
45691
  title: "Step (skeleton)",
45692
45692
  curve: "curveStepAfter",
45693
45693
  data: {
@@ -46916,10 +46916,10 @@ const dA = [
46916
46916
  <path d="M13,9H9a2,2,0,0,0-2,2V23H9V18h4v5h2V11A2,2,0,0,0,13,9ZM9,16V11h4v5Z"/><rect data-name="&lt;Transparent Rectangle&gt;" width="32" height="32" style="fill: none"/>`
46917
46917
  }
46918
46918
  }
46919
- ], e && (e.titleSuffix && (_.title += e.titleSuffix), e.numberOfIcons && (_.toolbar.numberOfIcons = e.numberOfIcons), e.controls && (_.toolbar.controls = e.controls)), _), jS = O, qS = QS(
46920
- Object.assign({}, R)
46919
+ ], e && (e.titleSuffix && (_.title += e.titleSuffix), e.numberOfIcons && (_.toolbar.numberOfIcons = e.numberOfIcons), e.controls && (_.toolbar.controls = e.controls)), _), jS = C, qS = QS(
46920
+ Object.assign({}, O)
46921
46921
  ), $S = i, AM = QS(
46922
- Object.assign({}, F),
46922
+ Object.assign({}, R),
46923
46923
  {
46924
46924
  titleSuffix: " - two icons",
46925
46925
  numberOfIcons: 2,
@@ -47081,16 +47081,16 @@ const dA = [
47081
47081
  ), NM = h, tM = L(
47082
47082
  Object.assign({}, eA),
47083
47083
  { sliderView: !0 }
47084
- ), LM = O, DM = L(
47085
- Object.assign({}, R)
47086
- ), rM = O, oM = L(
47087
- Object.assign({}, R),
47084
+ ), LM = C, DM = L(
47085
+ Object.assign({}, O)
47086
+ ), rM = C, oM = L(
47087
+ Object.assign({}, O),
47088
47088
  { includeDefinedZoomBarData: !0 }
47089
47089
  ), nM = tA, iM = L(
47090
47090
  Object.assign({}, LA),
47091
47091
  { sliderView: !0 }
47092
47092
  ), CM = i, OM = L(
47093
- Object.assign({}, F)
47093
+ Object.assign({}, R)
47094
47094
  ), RM = CA, FM = L(
47095
47095
  Object.assign({}, OA)
47096
47096
  ), IM = FA, sM = L(
@@ -47190,7 +47190,7 @@ const BM = [], G = L(
47190
47190
  loading: !0
47191
47191
  }
47192
47192
  },
47193
- R
47193
+ O
47194
47194
  ),
47195
47195
  { includeDefinedZoomBarData: !0 }
47196
47196
  );
@@ -47204,7 +47204,7 @@ const cM = [], Z = L(
47204
47204
  loading: !0
47205
47205
  }
47206
47206
  },
47207
- R
47207
+ O
47208
47208
  )
47209
47209
  );
47210
47210
  Z.title = "Zoom bar (skeleton)";
@@ -48753,7 +48753,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48753
48753
  heatmapPositiveNegativeData: bM,
48754
48754
  heatmapPositiveNegativeOptions: WM,
48755
48755
  heatmapQuantizeLegendOption: hM
48756
- }, Symbol.toStringTag, { value: "Module" })), $M = "@carbon/charts", AE = "1.11.20", _E = "Carbon Charts component library", eE = "./dist/index.mjs", aE = "./dist/umd/bundle.umd.js", SE = "./dist/index.d.ts", ME = {
48756
+ }, Symbol.toStringTag, { value: "Module" })), $M = "@carbon/charts", AE = "1.12.0", _E = "Carbon Charts component library", eE = "./dist/index.mjs", aE = "./dist/umd/bundle.umd.js", SE = "./dist/index.d.ts", ME = {
48757
48757
  "./package.json": "./package.json",
48758
48758
  "./styles.min.css": "./dist/styles.min.css",
48759
48759
  "./styles.css": "./dist/styles.css",
@@ -48825,7 +48825,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48825
48825
  "@carbon/colors": "^11.19.0",
48826
48826
  "@carbon/telemetry": "~0.1.0",
48827
48827
  "@carbon/utils-position": "^1.1.4",
48828
- "carbon-components": "^10.58.8",
48828
+ "carbon-components": "^10.58.10",
48829
48829
  d3: "^7.8.5",
48830
48830
  "d3-cloud": "^1.2.7",
48831
48831
  "d3-sankey": "^0.12.3",
@@ -48833,7 +48833,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48833
48833
  "html-to-image": "^1.11.11",
48834
48834
  "lodash-es": "^4.17.21",
48835
48835
  "topojson-client": "^3.1.0",
48836
- tslib: "^2.6.1"
48836
+ tslib: "^2.6.2"
48837
48837
  }, DE = {
48838
48838
  d3: "^7.0.0",
48839
48839
  "d3-cloud": "^1.2.5",
@@ -48848,43 +48848,44 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48848
48848
  }, oE = {
48849
48849
  "@babel/core": "^7.22.10",
48850
48850
  "@carbon/import-once": "^10.7.0",
48851
- "@carbon/layout": "^11.18.0",
48852
- "@carbon/styles": "^1.35.0",
48853
- "@carbon/themes": "^11.23.0",
48851
+ "@carbon/layout": "^11.19.0",
48852
+ "@carbon/styles": "^1.36.0",
48853
+ "@carbon/themes": "^11.24.0",
48854
+ "@rollup/plugin-replace": "^5.0.2",
48854
48855
  "@rushstack/eslint-patch": "^1.3.3",
48855
48856
  "@stackblitz/sdk": "^1.9.0",
48856
- "@storybook/addon-essentials": "^7.2.2",
48857
- "@storybook/addon-interactions": "^7.2.2",
48858
- "@storybook/addon-links": "^7.2.2",
48859
- "@storybook/blocks": "^7.2.2",
48860
- "@storybook/html": "^7.2.2",
48861
- "@storybook/html-vite": "^7.2.2",
48862
- "@storybook/manager-api": "^7.2.2",
48857
+ "@storybook/addon-essentials": "^7.3.2",
48858
+ "@storybook/addon-interactions": "^7.3.2",
48859
+ "@storybook/addon-links": "^7.3.2",
48860
+ "@storybook/blocks": "^7.3.2",
48861
+ "@storybook/html": "^7.3.2",
48862
+ "@storybook/html-vite": "^7.3.2",
48863
+ "@storybook/manager-api": "^7.3.2",
48863
48864
  "@storybook/testing-library": "^0.2.0",
48864
- "@storybook/theming": "^7.2.2",
48865
+ "@storybook/theming": "^7.3.2",
48865
48866
  "@types/d3": "^7.4.0",
48866
48867
  "@types/d3-cloud": "^1.2.5",
48867
48868
  "@types/d3-sankey": "^0.12.1",
48868
48869
  "@types/lodash-es": "^4.17.8",
48869
48870
  "@types/topojson": "^3.2.3",
48870
- "@typescript-eslint/eslint-plugin": "^6.3.0",
48871
- "@typescript-eslint/parser": "^6.3.0",
48872
- concurrently: "^8.2.0",
48871
+ "@typescript-eslint/eslint-plugin": "^6.4.1",
48872
+ "@typescript-eslint/parser": "^6.4.1",
48873
+ concurrently: "^8.2.1",
48873
48874
  "downlevel-dts": "^0.11.0",
48874
- eslint: "^8.46.0",
48875
+ eslint: "^8.47.0",
48875
48876
  "eslint-config-prettier": "^9.0.0",
48876
48877
  "eslint-plugin-storybook": "^0.6.13",
48877
48878
  jsdom: "^22.1.0",
48878
48879
  react: "^18.2.0",
48879
48880
  "react-dom": "^18.2.0",
48880
48881
  "resize-observer-polyfill": "^1.5.1",
48881
- sass: "~1.64.2",
48882
- storybook: "^7.2.2",
48882
+ sass: "^1.66.1",
48883
+ storybook: "^7.3.2",
48883
48884
  typedoc: "^0.24.8",
48884
48885
  typescript: "^5.1.6",
48885
48886
  vite: "^4.4.9",
48886
- "vite-plugin-dts": "^3.5.1",
48887
- vitest: "^0.34.1"
48887
+ "vite-plugin-dts": "^3.5.2",
48888
+ vitest: "^0.34.2"
48888
48889
  }, nE = {
48889
48890
  access: "public"
48890
48891
  }, iE = [
@@ -48926,7 +48927,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48926
48927
  email: "iliadm@ca.ibm.com",
48927
48928
  url: "https://github.com/theiliad"
48928
48929
  }
48929
- ], IE = "f7037103474e53901678dd9e62095b0b1f0f62c4", C = {
48930
+ ], IE = "f7037103474e53901678dd9e62095b0b1f0f62c4", B = {
48930
48931
  name: $M,
48931
48932
  version: AE,
48932
48933
  description: _E,
@@ -48948,9 +48949,9 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48948
48949
  maintainers: RE,
48949
48950
  contributors: FE,
48950
48951
  gitHead: IE
48951
- }, sE = "@carbon/charts-angular", lE = "1.11.20", uE = "Carbon Charts component library for Angular", TE = {
48952
- "./styles.min.css": "./dist/styles.min.css",
48953
- "./styles.css": "./dist/styles.css"
48952
+ }, sE = "@carbon/charts-angular", lE = "1.12.0", uE = "Carbon Charts component library for Angular", TE = {
48953
+ "./styles.min.css": "./styles.min.css",
48954
+ "./styles.css": "./styles.css"
48954
48955
  }, PE = !1, BE = {
48955
48956
  ng: "ng",
48956
48957
  postinstall: "carbon-telemetry collect --install",
@@ -48977,44 +48978,44 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
48977
48978
  }, dE = {
48978
48979
  "@carbon/charts": "workspace:*",
48979
48980
  "@carbon/telemetry": "~0.1.0",
48980
- tslib: "^2.6.1"
48981
+ tslib: "^2.6.2"
48981
48982
  }, pE = {
48982
48983
  "@angular-devkit/build-angular": "^16.2.0",
48983
- "@angular-eslint/builder": "^16.1.0",
48984
- "@angular-eslint/eslint-plugin": "^16.1.0",
48985
- "@angular-eslint/eslint-plugin-template": "^16.1.0",
48986
- "@angular-eslint/schematics": "^16.1.0",
48987
- "@angular-eslint/template-parser": "^16.1.0",
48988
- "@angular/animations": "^16.2.0",
48984
+ "@angular-eslint/builder": "^16.1.1",
48985
+ "@angular-eslint/eslint-plugin": "^16.1.1",
48986
+ "@angular-eslint/eslint-plugin-template": "^16.1.1",
48987
+ "@angular-eslint/schematics": "^16.1.1",
48988
+ "@angular-eslint/template-parser": "^16.1.1",
48989
+ "@angular/animations": "^16.2.2",
48989
48990
  "@angular/cli": "^16.2.0",
48990
- "@angular/common": "^16.2.0",
48991
- "@angular/compiler": "^16.2.0",
48992
- "@angular/compiler-cli": "^16.2.0",
48993
- "@angular/core": "^16.2.0",
48994
- "@angular/forms": "^16.2.0",
48995
- "@angular/platform-browser": "^16.2.0",
48996
- "@angular/platform-browser-dynamic": "^16.2.0",
48991
+ "@angular/common": "^16.2.2",
48992
+ "@angular/compiler": "^16.2.2",
48993
+ "@angular/compiler-cli": "^16.2.2",
48994
+ "@angular/core": "^16.2.2",
48995
+ "@angular/forms": "^16.2.2",
48996
+ "@angular/platform-browser": "^16.2.2",
48997
+ "@angular/platform-browser-dynamic": "^16.2.2",
48997
48998
  "@babel/core": "^7.22.10",
48998
48999
  "@carbon/icon-helpers": "^10.44.0",
48999
- "@carbon/icons": "^11.24.0",
49000
+ "@carbon/icons": "^11.25.0",
49000
49001
  "@stackblitz/sdk": "^1.9.0",
49001
- "@storybook/addon-essentials": "^7.2.2",
49002
- "@storybook/addon-interactions": "^7.2.2",
49003
- "@storybook/addon-links": "^7.2.2",
49004
- "@storybook/angular": "^7.2.2",
49005
- "@storybook/blocks": "^7.2.2",
49006
- "@storybook/manager-api": "^7.2.2",
49002
+ "@storybook/addon-essentials": "^7.3.2",
49003
+ "@storybook/addon-interactions": "^7.3.2",
49004
+ "@storybook/addon-links": "^7.3.2",
49005
+ "@storybook/angular": "^7.3.2",
49006
+ "@storybook/blocks": "^7.3.2",
49007
+ "@storybook/manager-api": "^7.3.2",
49007
49008
  "@storybook/testing-library": "^0.2.0",
49008
- "@storybook/theming": "^7.2.2",
49009
+ "@storybook/theming": "^7.3.2",
49009
49010
  "@types/carbon__icon-helpers": "^10.7.2",
49010
- "@typescript-eslint/eslint-plugin": "^6.3.0",
49011
- "@typescript-eslint/parser": "^6.3.0",
49012
- concurrently: "^8.2.0",
49011
+ "@typescript-eslint/eslint-plugin": "^6.4.1",
49012
+ "@typescript-eslint/parser": "^6.4.1",
49013
+ concurrently: "^8.2.1",
49013
49014
  d3: "^7.8.5",
49014
49015
  "d3-cloud": "^1.2.7",
49015
49016
  "d3-sankey": "^0.12.3",
49016
49017
  "downlevel-dts": "^0.11.0",
49017
- eslint: "^8.46.0",
49018
+ eslint: "^8.47.0",
49018
49019
  "eslint-config-prettier": "^9.0.0",
49019
49020
  "eslint-plugin-prettier": "^5.0.0",
49020
49021
  "eslint-plugin-storybook": "^0.6.13",
@@ -49023,7 +49024,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49023
49024
  react: "^18.2.0",
49024
49025
  "react-dom": "^18.2.0",
49025
49026
  rxjs: "~7.8.1",
49026
- storybook: "^7.2.2",
49027
+ storybook: "^7.3.2",
49027
49028
  "style-loader": "^3.3.3",
49028
49029
  typescript: "~5.1.6",
49029
49030
  "zone.js": "~0.13.1"
@@ -49092,7 +49093,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49092
49093
  maintainers: yE,
49093
49094
  contributors: vE,
49094
49095
  gitHead: HE
49095
- }, hE = "@carbon/charts-react", WE = "1.11.20", bE = "Carbon Charts component library for React", VE = "./dist/index.js", YE = "./dist/index.mjs", kE = "./dist/index.d.ts", fE = {
49096
+ }, hE = "@carbon/charts-react", WE = "1.12.0", bE = "Carbon Charts component library for React", VE = "./dist/index.js", YE = "./dist/index.mjs", kE = "./dist/index.d.ts", fE = {
49096
49097
  "./package.json": "./package.json",
49097
49098
  ".": {
49098
49099
  types: "./dist/index.d.ts",
@@ -49127,7 +49128,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49127
49128
  "pub:demo": "cp -a demo/bundle/. ../../pages/react"
49128
49129
  }, JE = {
49129
49130
  "@carbon/charts": "workspace:*",
49130
- "@carbon/icons-react": "^11.24.0",
49131
+ "@carbon/icons-react": "^11.25.0",
49131
49132
  "@carbon/telemetry": "~0.1.0"
49132
49133
  }, zE = {
49133
49134
  react: "^16.0.0 || ^17.0.0 || ^18.0.0",
@@ -49142,42 +49143,42 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49142
49143
  "@babel/preset-typescript": "^7.22.5",
49143
49144
  "@rushstack/eslint-patch": "^1.3.3",
49144
49145
  "@stackblitz/sdk": "1.9.0",
49145
- "@storybook/addon-essentials": "^7.2.2",
49146
- "@storybook/addon-interactions": "^7.2.2",
49147
- "@storybook/addon-links": "^7.2.2",
49148
- "@storybook/blocks": "^7.2.2",
49149
- "@storybook/manager-api": "^7.2.2",
49150
- "@storybook/react": "^7.2.2",
49151
- "@storybook/react-vite": "^7.2.2",
49152
- "@storybook/react-webpack5": "^7.2.2",
49146
+ "@storybook/addon-essentials": "^7.3.2",
49147
+ "@storybook/addon-interactions": "^7.3.2",
49148
+ "@storybook/addon-links": "^7.3.2",
49149
+ "@storybook/blocks": "^7.3.2",
49150
+ "@storybook/manager-api": "^7.3.2",
49151
+ "@storybook/react": "^7.3.2",
49152
+ "@storybook/react-vite": "^7.3.2",
49153
+ "@storybook/react-webpack5": "^7.3.2",
49153
49154
  "@storybook/testing-library": "^0.2.0",
49154
- "@storybook/theming": "^7.2.2",
49155
- "@types/carbon__icons-react": "^11.20.0",
49156
- "@types/react": "^18.2.20",
49155
+ "@storybook/theming": "^7.3.2",
49156
+ "@types/carbon__icons-react": "^11.25.0",
49157
+ "@types/react": "^18.2.21",
49157
49158
  "@types/react-dom": "^18.2.7",
49158
- "@typescript-eslint/eslint-plugin": "^6.3.0",
49159
- "@typescript-eslint/parser": "^6.3.0",
49159
+ "@typescript-eslint/eslint-plugin": "^6.4.1",
49160
+ "@typescript-eslint/parser": "^6.4.1",
49160
49161
  "@vitejs/plugin-react": "^4.0.4",
49161
49162
  classnames: "^2.3.2",
49162
- concurrently: "^8.2.0",
49163
+ concurrently: "^8.2.1",
49163
49164
  "css-loader": "6.8.1",
49164
49165
  d3: "^7.8.5",
49165
49166
  "d3-cloud": "^1.2.7",
49166
49167
  "d3-sankey": "^0.12.3",
49167
49168
  "downlevel-dts": "^0.11.0",
49168
- eslint: "^8.46.0",
49169
+ eslint: "^8.47.0",
49169
49170
  "eslint-config-prettier": "^9.0.0",
49170
49171
  "eslint-plugin-prettier": "^5.0.0",
49171
- "eslint-plugin-react": "^7.33.1",
49172
+ "eslint-plugin-react": "^7.33.2",
49172
49173
  "eslint-plugin-storybook": "^0.6.13",
49173
49174
  react: "^18.2.0",
49174
49175
  "react-dom": "^18.2.0",
49175
- sass: "^1.65.1",
49176
- storybook: "^7.2.2",
49176
+ sass: "^1.66.1",
49177
+ storybook: "^7.3.2",
49177
49178
  "style-loader": "^3.3.3",
49178
49179
  typescript: "^5.1.6",
49179
49180
  vite: "^4.4.9",
49180
- "vite-plugin-dts": "^3.5.1",
49181
+ "vite-plugin-dts": "^3.5.2",
49181
49182
  webpack: "5.88.2"
49182
49183
  }, XE = {
49183
49184
  access: "public"
@@ -49250,7 +49251,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49250
49251
  maintainers: eN,
49251
49252
  contributors: aN,
49252
49253
  gitHead: SN
49253
- }, EN = "@carbon/charts-svelte", NN = "1.11.20", tN = "Carbon Charts component library for Svelte", LN = {
49254
+ }, EN = "@carbon/charts-svelte", NN = "1.12.0", tN = "Carbon Charts component library for Svelte", LN = {
49254
49255
  postinstall: "carbon-telemetry collect --install",
49255
49256
  "file:styles": "cp ../core/dist/styles.* dist",
49256
49257
  "build:package": "svelte-kit sync && svelte-package && yarn file:styles",
@@ -49286,36 +49287,36 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49286
49287
  "@carbon/telemetry": "~0.1.0"
49287
49288
  }, FN = {
49288
49289
  "@stackblitz/sdk": "^1.9.0",
49289
- "@storybook/addon-essentials": "^7.2.2",
49290
- "@storybook/addon-interactions": "^7.2.2",
49291
- "@storybook/addon-links": "^7.2.2",
49292
- "@storybook/blocks": "^7.2.2",
49293
- "@storybook/manager-api": "^7.2.2",
49294
- "@storybook/svelte": "^7.2.2",
49295
- "@storybook/sveltekit": "^7.2.2",
49290
+ "@storybook/addon-essentials": "^7.3.2",
49291
+ "@storybook/addon-interactions": "^7.3.2",
49292
+ "@storybook/addon-links": "^7.3.2",
49293
+ "@storybook/blocks": "^7.3.2",
49294
+ "@storybook/manager-api": "^7.3.2",
49295
+ "@storybook/svelte": "^7.3.2",
49296
+ "@storybook/sveltekit": "^7.3.2",
49296
49297
  "@storybook/testing-library": "^0.2.0",
49297
- "@storybook/theming": "^7.2.2",
49298
+ "@storybook/theming": "^7.3.2",
49298
49299
  "@sveltejs/adapter-auto": "^2.1.0",
49299
- "@sveltejs/kit": "^1.22.4",
49300
- "@sveltejs/package": "^2.2.0",
49301
- "@typescript-eslint/eslint-plugin": "^6.3.0",
49302
- "@typescript-eslint/parser": "^6.3.0",
49303
- concurrently: "^8.2.0",
49300
+ "@sveltejs/kit": "^1.23.0",
49301
+ "@sveltejs/package": "^2.2.1",
49302
+ "@typescript-eslint/eslint-plugin": "^6.4.1",
49303
+ "@typescript-eslint/parser": "^6.4.1",
49304
+ concurrently: "^8.2.1",
49304
49305
  d3: "^7.8.5",
49305
49306
  "d3-cloud": "^1.2.7",
49306
49307
  "d3-sankey": "^0.12.3",
49307
- eslint: "^8.46.0",
49308
+ eslint: "^8.47.0",
49308
49309
  "eslint-config-prettier": "^9.0.0",
49309
49310
  "eslint-plugin-storybook": "^0.6.13",
49310
49311
  "eslint-plugin-svelte3": "^4.0.0",
49311
49312
  "prettier-plugin-svelte": "^3.0.3",
49312
- publint: "^0.2.0",
49313
+ publint: "^0.2.2",
49313
49314
  react: "^18.2.0",
49314
49315
  "react-dom": "^18.2.0",
49315
- storybook: "^7.2.2",
49316
- svelte: "^4.1.2",
49317
- "svelte-check": "^3.4.6",
49318
- tslib: "^2.6.1",
49316
+ storybook: "^7.3.2",
49317
+ svelte: "^4.2.0",
49318
+ "svelte-check": "^3.5.0",
49319
+ tslib: "^2.6.2",
49319
49320
  typescript: "^5.1.6",
49320
49321
  vite: "^4.4.9"
49321
49322
  }, IN = {
@@ -49388,7 +49389,7 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49388
49389
  author: cN,
49389
49390
  keywords: dN,
49390
49391
  gitHead: pN
49391
- }, mN = "@carbon/charts-vue", UN = "1.11.20", GN = "Carbon Charts component library for Vue", gN = "./dist/index.js", KN = "./dist/index.mjs", yN = "./dist/index.d.ts", vN = {
49392
+ }, mN = "@carbon/charts-vue", UN = "1.12.0", GN = "Carbon Charts component library for Vue", gN = "./dist/index.js", KN = "./dist/index.mjs", yN = "./dist/index.d.ts", vN = {
49392
49393
  "./styles.min.css": "./dist/styles.min.css",
49393
49394
  "./styles.css": "./dist/styles.css",
49394
49395
  ".": {
@@ -49424,31 +49425,31 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49424
49425
  "@babel/core": "^7.22.10",
49425
49426
  "@rushstack/eslint-patch": "^1.3.3",
49426
49427
  "@stackblitz/sdk": "^1.9.0",
49427
- "@storybook/addon-essentials": "^7.2.2",
49428
- "@storybook/addon-interactions": "^7.2.2",
49429
- "@storybook/addon-links": "^7.2.2",
49430
- "@storybook/blocks": "^7.2.2",
49431
- "@storybook/manager-api": "^7.2.2",
49428
+ "@storybook/addon-essentials": "^7.3.2",
49429
+ "@storybook/addon-interactions": "^7.3.2",
49430
+ "@storybook/addon-links": "^7.3.2",
49431
+ "@storybook/blocks": "^7.3.2",
49432
+ "@storybook/manager-api": "^7.3.2",
49432
49433
  "@storybook/testing-library": "^0.2.0",
49433
- "@storybook/theming": "^7.2.2",
49434
- "@storybook/vue3": "^7.2.2",
49435
- "@storybook/vue3-vite": "^7.2.2",
49434
+ "@storybook/theming": "^7.3.2",
49435
+ "@storybook/vue3": "^7.3.2",
49436
+ "@storybook/vue3-vite": "^7.3.2",
49436
49437
  "@types/d3": "^7.4.0",
49437
49438
  "@vue/eslint-config-prettier": "^8.0.0",
49438
49439
  "@vue/eslint-config-typescript": "^11.0.3",
49439
- concurrently: "^8.2.0",
49440
+ concurrently: "^8.2.1",
49440
49441
  d3: "^7.8.5",
49441
49442
  "d3-cloud": "^1.2.7",
49442
49443
  "d3-sankey": "^0.12.3",
49443
- eslint: "^8.46.0",
49444
+ eslint: "^8.47.0",
49444
49445
  "eslint-plugin-storybook": "^0.6.13",
49445
49446
  "eslint-plugin-vue": "^9.17.0",
49446
49447
  react: "^18.2.0",
49447
49448
  "react-dom": "^18.2.0",
49448
- storybook: "^7.2.2",
49449
+ storybook: "^7.3.2",
49449
49450
  typescript: "^5.1.6",
49450
49451
  vite: "^4.4.9",
49451
- "vite-plugin-dts": "^3.5.1",
49452
+ "vite-plugin-dts": "^3.5.2",
49452
49453
  "vue-tsc": "^1.8.8"
49453
49454
  }, YN = {
49454
49455
  access: "public",
@@ -49503,60 +49504,56 @@ const p3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
49503
49504
  license: fN,
49504
49505
  author: ZN,
49505
49506
  keywords: wN
49506
- }, S = {
49507
- carbonCharts: C.version,
49508
- carbonStyles: C.devDependencies["@carbon/styles"],
49509
- d3: C.dependencies.d3,
49510
- d3Cloud: C.dependencies["d3-cloud"],
49511
- d3Sankey: C.dependencies["d3-sankey"],
49507
+ }, M = {
49508
+ carbonCharts: B.version,
49509
+ d3: B.dependencies.d3,
49510
+ d3Cloud: B.dependencies["d3-cloud"],
49511
+ d3Sankey: B.dependencies["d3-sankey"],
49512
49512
  angular: c.dependencies["@angular/core"],
49513
49513
  react: MN.dependencies.react,
49514
49514
  rxjs: c.dependencies.rxjs,
49515
- sass: C.devDependencies.sass,
49516
49515
  svelteVite: "^2.4.2",
49517
49516
  svelteTsConfig: "^5.0.0",
49518
49517
  svelte: BA.devDependencies.svelte,
49519
49518
  svelteCheck: BA.devDependencies["svelte-check"],
49520
49519
  tslib: c.dependencies.tslib,
49521
49520
  typescript: c.dependencies.typescript,
49522
- vite: C.devDependencies.vite,
49521
+ vite: B.devDependencies.vite,
49523
49522
  vue: JN.dependencies.vue,
49524
49523
  zoneJs: c.dependencies["zone.js"]
49525
49524
  };
49526
49525
  function D(_, e = 0, a = !0) {
49527
- let M = a ? "export default " : "";
49526
+ let S = a ? "export default " : "";
49528
49527
  const E = " ".repeat(e * 2);
49529
49528
  if (Array.isArray(_))
49530
- M += `[
49529
+ S += `[
49531
49530
  `, _.forEach((N, t) => {
49532
- M += E + " " + D(N, e + 1, !1), t < _.length - 1 && (M += ","), M += `
49531
+ S += E + " " + D(N, e + 1, !1), t < _.length - 1 && (S += ","), S += `
49533
49532
  `;
49534
- }), M += E + "]";
49533
+ }), S += E + "]";
49535
49534
  else if (typeof _ == "object" && _ !== null)
49536
49535
  if (_ instanceof Date)
49537
- M += `new Date(${_.getFullYear()}, ${_.getMonth()}, ${_.getDate()})`;
49536
+ S += `new Date(${_.getFullYear()}, ${_.getMonth()}, ${_.getDate()})`;
49538
49537
  else {
49539
- M += `{
49538
+ S += `{
49540
49539
  `;
49541
49540
  const N = Object.keys(_);
49542
49541
  N.forEach((t, r) => {
49543
- const u = /^[a-z$_][a-z0-9$_]*$/i.test(t) ? t : `'${t}'`;
49544
- M += E + " " + u + ": ", typeof _[t] == "function" ? M += _[t].toString().replace(/\\(['"`])/g, "$1") : t === "content" && typeof _[t] == "string" ? M += "`" + _[t].replace(/`/g, "\\`") + "`" : M += D(_[t], e + 1, !1), r < N.length - 1 && (M += ","), M += `
49542
+ const l = /^[a-z$_][a-z0-9$_]*$/i.test(t) ? t : `'${t}'`;
49543
+ S += E + " " + l + ": ", typeof _[t] == "function" ? S += _[t].toString().replace(/\\(['"`])/g, "$1") : t === "content" && typeof _[t] == "string" ? S += "`" + _[t].replace(/`/g, "\\`") + "`" : S += D(_[t], e + 1, !1), r < N.length - 1 && (S += ","), S += `
49545
49544
  `;
49546
- }), M += E + "}";
49545
+ }), S += E + "}";
49547
49546
  }
49548
49547
  else
49549
- typeof _ == "string" ? M += `'${_.replace(/(['"`])/g, "\\$1")}'` : M += _;
49550
- return M;
49548
+ typeof _ == "string" ? S += `'${_.replace(/(['"`])/g, "\\$1")}'` : S += _;
49549
+ return S;
49551
49550
  }
49552
49551
  function zN(_) {
49553
49552
  const e = {
49554
- "@carbon/charts": S.carbonCharts,
49555
- "@carbon/styles": S.carbonStyles,
49556
- d3: S.d3,
49557
- "d3-cloud": S.d3Cloud,
49558
- "d3-sankey": S.d3Sankey,
49559
- sass: S.sass
49553
+ "@carbon/charts": M.carbonCharts,
49554
+ d3: M.d3,
49555
+ "d3-cloud": M.d3Cloud,
49556
+ "d3-sankey": M.d3Sankey
49560
49557
  }, a = `<html>
49561
49558
  <head>
49562
49559
  <title>Carbon Charts Vanilla JavaScript Example</title>
@@ -49583,7 +49580,7 @@ function zN(_) {
49583
49580
  </div>
49584
49581
  <script src="src/index.js"><\/script>
49585
49582
  </body>
49586
- </html>`, M = `/* Disclaimer: Data only used for demo purposes - not an accurate representation of world map */
49583
+ </html>`, S = `/* Disclaimer: Data only used for demo purposes - not an accurate representation of world map */
49587
49584
 
49588
49585
  async function loadTopoData() {
49589
49586
  try {
@@ -49608,10 +49605,9 @@ new ${_.chartType.vanilla}(chartHolder, {
49608
49605
  import { ${_.chartType.vanilla} } from '@carbon/charts'
49609
49606
  import options from './options.js'
49610
49607
  import data from './data.js'
49611
- import '@carbon/styles/css/styles.css'
49612
49608
  import '@carbon/charts/styles.css'
49613
49609
 
49614
- ${E ? M : N}
49610
+ ${E ? S : N}
49615
49611
  `, r = {
49616
49612
  name: "carbon-charts-vanilla-js-example",
49617
49613
  description: "Carbon Charts Vanilla JavaScript Example",
@@ -49633,21 +49629,19 @@ ${E ? M : N}
49633
49629
  }
49634
49630
  function xN(_) {
49635
49631
  const e = {
49636
- "@angular/animations": S.angular,
49637
- "@angular/common": S.angular,
49638
- "@angular/compiler": S.angular,
49639
- "@angular/core": S.angular,
49640
- "@angular/platform-browser": S.angular,
49641
- "@carbon/charts": S.carbonCharts,
49642
- "@carbon/charts-angular": S.carbonCharts,
49643
- "@carbon/styles": S.carbonStyles,
49644
- d3: S.d3,
49645
- "d3-cloud": S.d3Cloud,
49646
- "d3-sankey": S.d3Sankey,
49647
- rxjs: S.rxjs,
49648
- sass: S.sass,
49649
- tslib: S.tslib,
49650
- "zone.js": S.zoneJs
49632
+ "@angular/animations": M.angular,
49633
+ "@angular/common": M.angular,
49634
+ "@angular/compiler": M.angular,
49635
+ "@angular/core": M.angular,
49636
+ "@angular/platform-browser": M.angular,
49637
+ "@carbon/charts": M.carbonCharts,
49638
+ "@carbon/charts-angular": M.carbonCharts,
49639
+ d3: M.d3,
49640
+ "d3-cloud": M.d3Cloud,
49641
+ "d3-sankey": M.d3Sankey,
49642
+ rxjs: M.rxjs,
49643
+ tslib: M.tslib,
49644
+ "zone.js": M.zoneJs
49651
49645
  }, a = `<!doctype html>
49652
49646
  <html lang="en">
49653
49647
  <head>
@@ -49671,7 +49665,7 @@ function xN(_) {
49671
49665
  <my-app></my-app>
49672
49666
  </div>
49673
49667
  </body>
49674
- </html>`, M = `import 'zone.js/dist/zone'
49668
+ </html>`, S = `import 'zone.js/dist/zone'
49675
49669
  import { Component } from '@angular/core'
49676
49670
  import { CommonModule } from '@angular/common'
49677
49671
  import { bootstrapApplication } from '@angular/platform-browser'
@@ -49691,9 +49685,8 @@ export class App {
49691
49685
  }
49692
49686
 
49693
49687
  bootstrapApplication(App)
49694
- `, E = `@import '@carbon/styles/css/styles.css';
49695
- @import '@carbon/charts/styles.css';
49696
- `, N = `{
49688
+ `, E = `@import '@carbon/charts/styles.css';
49689
+ `, N = `{
49697
49690
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
49698
49691
  "version": 1,
49699
49692
  "newProjectRoot": "projects",
@@ -49789,7 +49782,7 @@ bootstrapApplication(App)
49789
49782
  files: {
49790
49783
  "src/data.ts": D(_.data),
49791
49784
  "src/index.html": a,
49792
- "src/main.ts": M,
49785
+ "src/main.ts": S,
49793
49786
  "src/options.ts": D(_.options),
49794
49787
  "src/styles.css": E,
49795
49788
  "angular.json": N,
@@ -49800,14 +49793,12 @@ bootstrapApplication(App)
49800
49793
  }
49801
49794
  function XN(_) {
49802
49795
  const e = {
49803
- "@carbon/charts-react": S.carbonCharts,
49804
- "@carbon/styles": S.carbonStyles,
49805
- d3: S.d3,
49806
- "d3-cloud": S.d3Cloud,
49807
- "d3-sankey": S.d3Sankey,
49808
- react: S.react,
49809
- "react-dom": S.react,
49810
- sass: S.sass
49796
+ "@carbon/charts-react": M.carbonCharts,
49797
+ d3: M.d3,
49798
+ "d3-cloud": M.d3Cloud,
49799
+ "d3-sankey": M.d3Sankey,
49800
+ react: M.react,
49801
+ "react-dom": M.react
49811
49802
  }, a = `<!doctype html>
49812
49803
  <html lang="en">
49813
49804
  <head>
@@ -49831,13 +49822,11 @@ function XN(_) {
49831
49822
  <div id="root"></div>
49832
49823
  </div>
49833
49824
  </body>
49834
- </html>`, M = `import React from 'react'
49825
+ </html>`, S = `import React from 'react'
49835
49826
  import ReactDOM from 'react-dom/client'
49836
49827
  import { ${_.chartType.vanilla} } from '@carbon/charts-react'
49837
49828
  import data from './data.js'
49838
49829
  import options from './options.js'
49839
-
49840
- import '@carbon/styles/css/styles.css'
49841
49830
  import '@carbon/charts-react/styles.css'
49842
49831
 
49843
49832
  class App extends React.Component {
@@ -49875,7 +49864,7 @@ root.render(
49875
49864
  files: {
49876
49865
  "public/index.html": a,
49877
49866
  "src/data.js": D(_.data),
49878
- "src/index.js": M,
49867
+ "src/index.js": S,
49879
49868
  "src/options.js": D(_.options),
49880
49869
  "package.json": JSON.stringify(E, null, 2)
49881
49870
  }
@@ -49883,18 +49872,17 @@ root.render(
49883
49872
  }
49884
49873
  function QN(_) {
49885
49874
  const e = {
49886
- "@carbon/charts-svelte": S.carbonCharts,
49887
- "@carbon/styles": S.carbonStyles,
49888
- "@sveltejs/vite-plugin-svelte": S.svelteVite,
49889
- "@tsconfig/svelte": S.svelteTsConfig,
49890
- d3: S.d3,
49891
- "d3-cloud": S.d3Cloud,
49892
- "d3-sankey": S.d3Sankey,
49893
- svelte: S.svelte,
49894
- "svelte-check": S.svelteCheck,
49895
- tslib: S.tslib,
49896
- typescript: S.typescript,
49897
- vite: S.vite
49875
+ "@carbon/charts-svelte": M.carbonCharts,
49876
+ "@sveltejs/vite-plugin-svelte": M.svelteVite,
49877
+ "@tsconfig/svelte": M.svelteTsConfig,
49878
+ d3: M.d3,
49879
+ "d3-cloud": M.d3Cloud,
49880
+ "d3-sankey": M.d3Sankey,
49881
+ svelte: M.svelte,
49882
+ "svelte-check": M.svelteCheck,
49883
+ tslib: M.tslib,
49884
+ typescript: M.typescript,
49885
+ vite: M.vite
49898
49886
  };
49899
49887
  let a = _.chartType.vanilla;
49900
49888
  switch (a) {
@@ -49908,9 +49896,8 @@ function QN(_) {
49908
49896
  a = "BarChartStacked";
49909
49897
  break;
49910
49898
  }
49911
- const M = `<script lang="ts">
49899
+ const S = `<script lang="ts">
49912
49900
  import { ${a} } from '@carbon/charts-svelte'
49913
- import '@carbon/styles/css/styles.css'
49914
49901
  import '@carbon/charts-svelte/styles.css'
49915
49902
  import options from './options.js'
49916
49903
  import data from './data.js'
@@ -49942,7 +49929,7 @@ export default app
49942
49929
  <div id="app"></div>
49943
49930
  <script type="module" src="/src/main.ts"><\/script>
49944
49931
  </body>
49945
- </html>`, u = {
49932
+ </html>`, l = {
49946
49933
  name: "carbon-charts-svelte-example",
49947
49934
  description: "Carbon Charts Svelte Example",
49948
49935
  version: "0.0.0",
@@ -49954,7 +49941,7 @@ export default app
49954
49941
  check: "svelte-check --tsconfig ./tsconfig.json"
49955
49942
  },
49956
49943
  devDependencies: e
49957
- }, T = `import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
49944
+ }, u = `import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
49958
49945
 
49959
49946
  export default {
49960
49947
  preprocess: vitePreprocess()
@@ -49991,15 +49978,15 @@ export default defineConfig({
49991
49978
  template: "node",
49992
49979
  title: "Carbon Charts Svelte Example",
49993
49980
  files: {
49994
- "src/App.svelte": M,
49981
+ "src/App.svelte": S,
49995
49982
  "src/data.js": D(_.data),
49996
49983
  "src/main.ts": E,
49997
49984
  "src/options.js": D(_.options),
49998
49985
  "src/vite-env.d.ts": N,
49999
49986
  ".stackblitzrc": t,
50000
49987
  "index.html": r,
50001
- "package.json": JSON.stringify(u, null, 2),
50002
- "svelte.config.js": T,
49988
+ "package.json": JSON.stringify(l, null, 2),
49989
+ "svelte.config.js": u,
50003
49990
  "tsconfig.json": g,
50004
49991
  "tsconfig.node.json": n,
50005
49992
  "vite.config.ts": K
@@ -50008,13 +49995,11 @@ export default defineConfig({
50008
49995
  }
50009
49996
  function jN(_) {
50010
49997
  const e = {
50011
- "@carbon/charts-vue": S.carbonCharts,
50012
- "@carbon/styles": S.carbonStyles,
50013
- d3: S.d3,
50014
- "d3-cloud": S.d3Cloud,
50015
- "d3-sankey": S.d3Sankey,
50016
- sass: S.sass,
50017
- vue: S.vue
49998
+ "@carbon/charts-vue": M.carbonCharts,
49999
+ d3: M.d3,
50000
+ "d3-cloud": M.d3Cloud,
50001
+ "d3-sankey": M.d3Sankey,
50002
+ vue: M.vue
50018
50003
  }, a = `<!DOCTYPE html>
50019
50004
  <html lang="en">
50020
50005
  <head>
@@ -50032,7 +50017,7 @@ function jN(_) {
50032
50017
  <body>
50033
50018
  <div id="app"></div>
50034
50019
  </body>
50035
- </html>`, M = `<template>
50020
+ </html>`, S = `<template>
50036
50021
  <div id="app" class="p-1">
50037
50022
  <${_.chartType.vue} :data="data" :options="options" />
50038
50023
  </div>
@@ -50053,7 +50038,6 @@ export default {
50053
50038
  <\/script>
50054
50039
 
50055
50040
  <style>
50056
- @import '@carbon/styles/css/styles.css';
50057
50041
  @import '@carbon/charts-vue/styles.css';
50058
50042
  .p-1 {
50059
50043
  padding: 2rem;
@@ -50082,7 +50066,7 @@ app.mount('#app')
50082
50066
  dependencies: e,
50083
50067
  files: {
50084
50068
  "public/index.html": a,
50085
- "src/App.vue": M,
50069
+ "src/App.vue": S,
50086
50070
  "src/data.js": D(_.data),
50087
50071
  "src/main.js": E,
50088
50072
  "src/options.js": D(_.options),
@@ -50091,7 +50075,7 @@ app.mount('#app')
50091
50075
  };
50092
50076
  }
50093
50077
  const qN = (_) => {
50094
- var M, E, N;
50078
+ var S, E, N;
50095
50079
  const e = document.createElement("div");
50096
50080
  e.id = "theme-picker", e.innerHTML = `
50097
50081
  <fieldset class="cds--fieldset marginTop-45">
@@ -50134,7 +50118,7 @@ const qN = (_) => {
50134
50118
  </div>
50135
50119
  </fieldset>`;
50136
50120
  const a = document.documentElement.getAttribute("data-carbon-theme");
50137
- a ? (M = e.querySelector(`input#theme__${a}`)) == null || M.setAttribute("checked", "true") : (E = e.querySelector("input#theme__white")) == null || E.setAttribute("checked", "true"), (N = _.querySelector("#charting-controls")) == null || N.appendChild(e);
50121
+ a ? (S = e.querySelector(`input#theme__${a}`)) == null || S.setAttribute("checked", "true") : (E = e.querySelector("input#theme__white")) == null || E.setAttribute("checked", "true"), (N = _.querySelector("#charting-controls")) == null || N.appendChild(e);
50138
50122
  }, $N = (_, e) => {
50139
50123
  const a = [
50140
50124
  "geoEqualEarth",
@@ -50144,7 +50128,7 @@ const qN = (_) => {
50144
50128
  "geoEquirectangular",
50145
50129
  "geoMercator",
50146
50130
  "geoNaturalEarth1"
50147
- ], M = e.model.getOptions(), E = document.createElement("div");
50131
+ ], S = e.model.getOptions(), E = document.createElement("div");
50148
50132
  E.id = "projection-picker", E.innerHTML = `
50149
50133
  <div class="cds--form-item">
50150
50134
  <div class="cds--select">
@@ -50162,14 +50146,14 @@ const qN = (_) => {
50162
50146
  </div>
50163
50147
  </div>`, E.querySelector("#projection-select").addEventListener("change", (N) => {
50164
50148
  const { value: t } = N.target;
50165
- M.thematic.projection = t, e.model.setOptions(M);
50149
+ S.thematic.projection = t, e.model.setOptions(S);
50166
50150
  }), _.querySelector("#charting-controls").appendChild(E);
50167
50151
  }, A3 = (_, e, a = { colorPairingOptions: null }) => {
50168
50152
  var K, PA;
50169
- const { colorPairingOptions: M } = a, E = e.model.getOptions(), { numberOfVariants: N, option: t } = E.color.pairing, r = e.model.getAllDataGroupsNames().length, u = N || r;
50170
- let T = !1;
50171
- r > 5 && (T = !0);
50172
- const g = `${u}-${t}`, n = document.createElement("div");
50153
+ const { colorPairingOptions: S } = a, E = e.model.getOptions(), { numberOfVariants: N, option: t } = E.color.pairing, r = e.model.getAllDataGroupsNames().length, l = N || r;
50154
+ let u = !1;
50155
+ r > 5 && (u = !0);
50156
+ const g = `${l}-${t}`, n = document.createElement("div");
50173
50157
  n.id = "color-palette-picker", n.innerHTML = `
50174
50158
  <div class="cds--form-item">
50175
50159
  <div class="cds--select">
@@ -50179,37 +50163,37 @@ const qN = (_) => {
50179
50163
  <option class="cds--select-option" value="" disabled selected hidden>
50180
50164
  Choose an option
50181
50165
  </option>
50182
- ${M ? Object.keys(M).map((I) => {
50183
- const z = M ? M[I] : 0;
50184
- let P = `<optgroup class="cds--select-optgroup" label="${I} groups">`;
50185
- const s = parseInt(I);
50186
- if (s !== 14)
50187
- for (let B = 1; B <= z; B++)
50188
- P += `
50189
- <option class="cds--select-option" ${T || s < r ? "disabled" : ""} value="${I}-option-${B}" ${g === `${s}-${B}` ? "selected" : ""}>
50190
- ${s}-color groups, option ${B}
50166
+ ${S ? Object.keys(S).map((F) => {
50167
+ const z = S ? S[F] : 0;
50168
+ let T = `<optgroup class="cds--select-optgroup" label="${F} groups">`;
50169
+ const I = parseInt(F);
50170
+ if (I !== 14)
50171
+ for (let P = 1; P <= z; P++)
50172
+ T += `
50173
+ <option class="cds--select-option" ${u || I < r ? "disabled" : ""} value="${F}-option-${P}" ${g === `${I}-${P}` ? "selected" : ""}>
50174
+ ${I}-color groups, option ${P}
50191
50175
  </option>`;
50192
50176
  else
50193
- P += `<option class="cds--select-option" value="14-color-option-1" ${g === "14-1" || T ? "selected" : ""}>
50177
+ T += `<option class="cds--select-option" value="14-color-option-1" ${g === "14-1" || u ? "selected" : ""}>
50194
50178
  Categorical palette
50195
50179
  </option>`;
50196
- return P;
50180
+ return T;
50197
50181
  }).join("") : ""}
50198
50182
  </select>
50199
50183
  <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="cds--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path></svg>
50200
50184
  </div>
50201
50185
  </div>
50202
50186
  </div>
50203
- </div>`, (K = n == null ? void 0 : n.querySelector("#color-palette-select")) == null || K.addEventListener("change", (I) => {
50204
- const { value: z } = I.target, [P, s] = z.split("-color-option-");
50205
- E.color.pairing.numberOfVariants = P, E.color.pairing.option = s, e.model.setOptions(E);
50187
+ </div>`, (K = n == null ? void 0 : n.querySelector("#color-palette-select")) == null || K.addEventListener("change", (F) => {
50188
+ const { value: z } = F.target, [T, I] = z.split("-color-option-");
50189
+ E.color.pairing.numberOfVariants = T, E.color.pairing.option = I, e.model.setOptions(E);
50206
50190
  }), (PA = _ == null ? void 0 : _.querySelector("#charting-controls")) == null || PA.appendChild(n);
50207
- }, g3 = (_, e, a, M = { colorPairingOptions: null }) => {
50191
+ }, g3 = (_, e, a, S = { colorPairingOptions: null }) => {
50208
50192
  var E, N;
50209
- _.querySelector("#charting-controls") && (_.querySelector("#charting-controls").innerHTML = ""), qN(_), ((E = e == null ? void 0 : e.configs) == null ? void 0 : E.excludeColorPaletteControl) !== !0 && A3(_, a, M), (N = e == null ? void 0 : e.configs) != null && N.includeProjectionControl && $N(_, a), _3(_, a);
50193
+ _.querySelector("#charting-controls") && (_.querySelector("#charting-controls").innerHTML = ""), qN(_), ((E = e == null ? void 0 : e.configs) == null ? void 0 : E.excludeColorPaletteControl) !== !0 && A3(_, a, S), (N = e == null ? void 0 : e.configs) != null && N.includeProjectionControl && $N(_, a), _3(_, a);
50210
50194
  }, _3 = (_, e) => {
50211
- const a = _.querySelectorAll("div#theme-picker input.cds--radio-button"), M = document.documentElement.getAttribute("data-carbon-theme");
50212
- M && e.services.domUtils.getHolder().setAttribute("data-carbon-theme", M), a.forEach((E) => {
50195
+ const a = _.querySelectorAll("div#theme-picker input.cds--radio-button"), S = document.documentElement.getAttribute("data-carbon-theme");
50196
+ S && e.services.domUtils.getHolder().setAttribute("data-carbon-theme", S), a.forEach((E) => {
50213
50197
  E.addEventListener("click", (N) => {
50214
50198
  const t = N.target.value;
50215
50199
  document.documentElement.setAttribute("data-carbon-theme", t), e.model.setOptions({ ...e.model.getOptions(), theme: t });
@@ -50240,8 +50224,8 @@ const qN = (_) => {
50240
50224
  }
50241
50225
  ];
50242
50226
  a = a.filter((t) => t.name !== e);
50243
- const M = document.createElement("div");
50244
- M.setAttribute("class", "cds--row resource-card-group");
50227
+ const S = document.createElement("div");
50228
+ S.setAttribute("class", "cds--row resource-card-group");
50245
50229
  let E = "";
50246
50230
  a.forEach((t) => {
50247
50231
  E += `<div class="cds--no-gutter-sm cds--col-md-6 cds--col-lg-6">
@@ -50262,7 +50246,7 @@ const qN = (_) => {
50262
50246
  </div>
50263
50247
  </div>
50264
50248
  </div>`;
50265
- }), M.innerHTML = E, (N = _ == null ? void 0 : _.querySelector("#other-versions")) == null || N.appendChild(M);
50249
+ }), S.innerHTML = E, (N = _ == null ? void 0 : _.querySelector("#other-versions")) == null || N.appendChild(S);
50266
50250
  }, A = {
50267
50251
  AlluvialChart: {
50268
50252
  vanilla: "AlluvialChart",
@@ -50410,7 +50394,7 @@ const qN = (_) => {
50410
50394
  },
50411
50395
  {
50412
50396
  options: te,
50413
- data: l,
50397
+ data: s,
50414
50398
  chartType: A.LineChart
50415
50399
  },
50416
50400
  {
@@ -50520,7 +50504,7 @@ const qN = (_) => {
50520
50504
  },
50521
50505
  {
50522
50506
  options: re,
50523
- data: l,
50507
+ data: s,
50524
50508
  chartType: A.LineChart
50525
50509
  },
50526
50510
  {
@@ -50565,7 +50549,7 @@ const qN = (_) => {
50565
50549
  },
50566
50550
  {
50567
50551
  options: Pe,
50568
- data: l,
50552
+ data: s,
50569
50553
  chartType: A.LineChart
50570
50554
  }
50571
50555
  ]
@@ -50909,8 +50893,8 @@ const qN = (_) => {
50909
50893
  chartType: A.StackedBarChart
50910
50894
  },
50911
50895
  {
50912
- options: R,
50913
- data: O,
50896
+ options: O,
50897
+ data: C,
50914
50898
  chartType: A.StackedBarChart
50915
50899
  },
50916
50900
  {
@@ -51158,11 +51142,11 @@ const qN = (_) => {
51158
51142
  demos: [
51159
51143
  {
51160
51144
  options: NA,
51161
- data: l,
51145
+ data: s,
51162
51146
  chartType: A.LineChart
51163
51147
  },
51164
51148
  {
51165
- options: F,
51149
+ options: R,
51166
51150
  data: i,
51167
51151
  chartType: A.LineChart,
51168
51152
  mainDemo: !0