@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.
- package/CHANGELOG.md +26 -0
- package/README.md +3 -3
- package/dist/choropleth-17b85d55.mjs.map +1 -1
- package/dist/color-scale-utils-faf67b75.mjs.map +1 -1
- package/dist/configuration-non-customizable.d.ts +1 -1
- package/dist/demo/index.mjs +239 -255
- package/dist/demo/index.mjs.map +1 -1
- package/dist/demo/styles.css +4499 -692
- package/dist/demo/styles.css.map +1 -1
- package/dist/demo/utils/package-versions.d.ts +0 -2
- package/dist/styles.css +4249 -781
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +1 -1
- package/dist/styles.min.css.map +1 -1
- package/dist/umd/bundle.umd.js +13 -13
- package/dist/umd/bundle.umd.js.map +1 -1
- package/package.json +24 -23
- package/scss/_chart-holder.scss +18 -17
- package/scss/_chart-wrapper.scss +6 -0
- package/scss/_color-palette.scss +2 -2
- package/scss/_colors.scss +26 -25
- package/scss/_globals.scss +8 -0
- package/scss/_tokens.scss +50 -50
- package/scss/_transition.scss +4 -0
- package/scss/_type.scss +14 -14
- package/scss/components/_axis.scss +12 -11
- package/scss/components/_callouts.scss +4 -3
- package/scss/components/_color-legend.scss +4 -4
- package/scss/components/_grid-brush.scss +7 -5
- package/scss/components/_grid.scss +9 -8
- package/scss/components/_highlights.scss +6 -3
- package/scss/components/_layout.scss +5 -3
- package/scss/components/_legend.scss +14 -11
- package/scss/components/_meter-title.scss +11 -9
- package/scss/components/_modal.scss +14 -11
- package/scss/components/_ruler.scss +6 -3
- package/scss/components/_skeleton-lines.scss +9 -6
- package/scss/components/_skeleton.scss +9 -6
- package/scss/components/_threshold.scss +12 -11
- package/scss/components/_title.scss +5 -5
- package/scss/components/_toolbar.scss +6 -6
- package/scss/components/_tooltip.scss +12 -11
- package/scss/components/_zero-line.scss +4 -3
- package/scss/components/_zoom-bar.scss +16 -14
- package/scss/components/diagrams/_card-node.scss +74 -74
- package/scss/components/diagrams/_edge.scss +46 -49
- package/scss/components/diagrams/_marker.scss +4 -5
- package/scss/components/diagrams/_shape-node.scss +72 -73
- package/scss/components/diagrams/index.scss +4 -4
- package/scss/components/index.scss +20 -20
- package/scss/demos.scss +1 -0
- package/scss/graphs/_alluvial.scss +7 -6
- package/scss/graphs/_area.scss +4 -2
- package/scss/graphs/_bubble.scss +6 -5
- package/scss/graphs/_bullet.scss +11 -13
- package/scss/graphs/_choropleth.scss +7 -7
- package/scss/graphs/_circle-pack.scss +7 -6
- package/scss/graphs/_donut.scss +3 -1
- package/scss/graphs/_gauge.scss +7 -6
- package/scss/graphs/_heatmap.scss +6 -6
- package/scss/graphs/_line.scss +6 -4
- package/scss/graphs/_lollipop.scss +3 -1
- package/scss/graphs/_meter.scss +11 -10
- package/scss/graphs/_pie.scss +3 -1
- package/scss/graphs/_radar.scss +6 -5
- package/scss/graphs/_scatter-stacked.scss +4 -3
- package/scss/graphs/_scatter.scss +6 -5
- package/scss/graphs/_tree.scss +11 -9
- package/scss/graphs/_treemap.scss +3 -1
- package/scss/graphs/_wordcloud.scss +3 -1
- package/scss/graphs/index.scss +19 -19
- package/scss/index.scss +10 -31
- package/styles.css +4249 -781
- package/styles.min.css +1 -1
- package/scss/components/_edge.scss +0 -65
- package/scss/components/_marker.scss +0 -7
package/dist/demo/index.mjs
CHANGED
|
@@ -860,7 +860,7 @@ const dA = [
|
|
|
860
860
|
stacked: !0
|
|
861
861
|
}
|
|
862
862
|
}
|
|
863
|
-
},
|
|
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
|
-
],
|
|
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_ =
|
|
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_ =
|
|
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:
|
|
1173
|
+
stackedBarTimeSeriesData: C,
|
|
1174
1174
|
stackedBarTimeSeriesDataCustomTicks: P_,
|
|
1175
|
-
stackedBarTimeSeriesOptions:
|
|
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" })),
|
|
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
|
-
],
|
|
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:
|
|
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:
|
|
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 =
|
|
45684
|
+
}), MS = s, RA = Object.assign({}, R, {
|
|
45685
45685
|
title: "Step (time series)",
|
|
45686
45686
|
curve: "curveStepAfter"
|
|
45687
|
-
}), FA = i, ES = [], NS = Object.assign({},
|
|
45687
|
+
}), FA = i, ES = [], NS = Object.assign({}, R, {
|
|
45688
45688
|
title: "Step (empty state)",
|
|
45689
45689
|
curve: "curveStepAfter"
|
|
45690
|
-
}), tS = [], LS = Object.assign({},
|
|
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="<Transparent Rectangle>" 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 =
|
|
46920
|
-
Object.assign({},
|
|
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({},
|
|
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 =
|
|
47085
|
-
Object.assign({},
|
|
47086
|
-
), rM =
|
|
47087
|
-
Object.assign({},
|
|
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({},
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
48852
|
-
"@carbon/styles": "^1.
|
|
48853
|
-
"@carbon/themes": "^11.
|
|
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.
|
|
48857
|
-
"@storybook/addon-interactions": "^7.
|
|
48858
|
-
"@storybook/addon-links": "^7.
|
|
48859
|
-
"@storybook/blocks": "^7.
|
|
48860
|
-
"@storybook/html": "^7.
|
|
48861
|
-
"@storybook/html-vite": "^7.
|
|
48862
|
-
"@storybook/manager-api": "^7.
|
|
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.
|
|
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.
|
|
48871
|
-
"@typescript-eslint/parser": "^6.
|
|
48872
|
-
concurrently: "^8.2.
|
|
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.
|
|
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: "
|
|
48882
|
-
storybook: "^7.
|
|
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.
|
|
48887
|
-
vitest: "^0.34.
|
|
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",
|
|
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.
|
|
48952
|
-
"./styles.min.css": "./
|
|
48953
|
-
"./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.
|
|
48981
|
+
tslib: "^2.6.2"
|
|
48981
48982
|
}, pE = {
|
|
48982
48983
|
"@angular-devkit/build-angular": "^16.2.0",
|
|
48983
|
-
"@angular-eslint/builder": "^16.1.
|
|
48984
|
-
"@angular-eslint/eslint-plugin": "^16.1.
|
|
48985
|
-
"@angular-eslint/eslint-plugin-template": "^16.1.
|
|
48986
|
-
"@angular-eslint/schematics": "^16.1.
|
|
48987
|
-
"@angular-eslint/template-parser": "^16.1.
|
|
48988
|
-
"@angular/animations": "^16.2.
|
|
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.
|
|
48991
|
-
"@angular/compiler": "^16.2.
|
|
48992
|
-
"@angular/compiler-cli": "^16.2.
|
|
48993
|
-
"@angular/core": "^16.2.
|
|
48994
|
-
"@angular/forms": "^16.2.
|
|
48995
|
-
"@angular/platform-browser": "^16.2.
|
|
48996
|
-
"@angular/platform-browser-dynamic": "^16.2.
|
|
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.
|
|
49000
|
+
"@carbon/icons": "^11.25.0",
|
|
49000
49001
|
"@stackblitz/sdk": "^1.9.0",
|
|
49001
|
-
"@storybook/addon-essentials": "^7.
|
|
49002
|
-
"@storybook/addon-interactions": "^7.
|
|
49003
|
-
"@storybook/addon-links": "^7.
|
|
49004
|
-
"@storybook/angular": "^7.
|
|
49005
|
-
"@storybook/blocks": "^7.
|
|
49006
|
-
"@storybook/manager-api": "^7.
|
|
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.
|
|
49009
|
+
"@storybook/theming": "^7.3.2",
|
|
49009
49010
|
"@types/carbon__icon-helpers": "^10.7.2",
|
|
49010
|
-
"@typescript-eslint/eslint-plugin": "^6.
|
|
49011
|
-
"@typescript-eslint/parser": "^6.
|
|
49012
|
-
concurrently: "^8.2.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
49146
|
-
"@storybook/addon-interactions": "^7.
|
|
49147
|
-
"@storybook/addon-links": "^7.
|
|
49148
|
-
"@storybook/blocks": "^7.
|
|
49149
|
-
"@storybook/manager-api": "^7.
|
|
49150
|
-
"@storybook/react": "^7.
|
|
49151
|
-
"@storybook/react-vite": "^7.
|
|
49152
|
-
"@storybook/react-webpack5": "^7.
|
|
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.
|
|
49155
|
-
"@types/carbon__icons-react": "^11.
|
|
49156
|
-
"@types/react": "^18.2.
|
|
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.
|
|
49159
|
-
"@typescript-eslint/parser": "^6.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
49176
|
-
storybook: "^7.
|
|
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.
|
|
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.
|
|
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.
|
|
49290
|
-
"@storybook/addon-interactions": "^7.
|
|
49291
|
-
"@storybook/addon-links": "^7.
|
|
49292
|
-
"@storybook/blocks": "^7.
|
|
49293
|
-
"@storybook/manager-api": "^7.
|
|
49294
|
-
"@storybook/svelte": "^7.
|
|
49295
|
-
"@storybook/sveltekit": "^7.
|
|
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.
|
|
49298
|
+
"@storybook/theming": "^7.3.2",
|
|
49298
49299
|
"@sveltejs/adapter-auto": "^2.1.0",
|
|
49299
|
-
"@sveltejs/kit": "^1.
|
|
49300
|
-
"@sveltejs/package": "^2.2.
|
|
49301
|
-
"@typescript-eslint/eslint-plugin": "^6.
|
|
49302
|
-
"@typescript-eslint/parser": "^6.
|
|
49303
|
-
concurrently: "^8.2.
|
|
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.
|
|
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.
|
|
49313
|
+
publint: "^0.2.2",
|
|
49313
49314
|
react: "^18.2.0",
|
|
49314
49315
|
"react-dom": "^18.2.0",
|
|
49315
|
-
storybook: "^7.
|
|
49316
|
-
svelte: "^4.
|
|
49317
|
-
"svelte-check": "^3.
|
|
49318
|
-
tslib: "^2.6.
|
|
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.
|
|
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.
|
|
49428
|
-
"@storybook/addon-interactions": "^7.
|
|
49429
|
-
"@storybook/addon-links": "^7.
|
|
49430
|
-
"@storybook/blocks": "^7.
|
|
49431
|
-
"@storybook/manager-api": "^7.
|
|
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.
|
|
49434
|
-
"@storybook/vue3": "^7.
|
|
49435
|
-
"@storybook/vue3-vite": "^7.
|
|
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.
|
|
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.
|
|
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.
|
|
49449
|
+
storybook: "^7.3.2",
|
|
49449
49450
|
typescript: "^5.1.6",
|
|
49450
49451
|
vite: "^4.4.9",
|
|
49451
|
-
"vite-plugin-dts": "^3.5.
|
|
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
|
-
},
|
|
49507
|
-
carbonCharts:
|
|
49508
|
-
|
|
49509
|
-
|
|
49510
|
-
|
|
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:
|
|
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
|
|
49526
|
+
let S = a ? "export default " : "";
|
|
49528
49527
|
const E = " ".repeat(e * 2);
|
|
49529
49528
|
if (Array.isArray(_))
|
|
49530
|
-
|
|
49529
|
+
S += `[
|
|
49531
49530
|
`, _.forEach((N, t) => {
|
|
49532
|
-
|
|
49531
|
+
S += E + " " + D(N, e + 1, !1), t < _.length - 1 && (S += ","), S += `
|
|
49533
49532
|
`;
|
|
49534
|
-
}),
|
|
49533
|
+
}), S += E + "]";
|
|
49535
49534
|
else if (typeof _ == "object" && _ !== null)
|
|
49536
49535
|
if (_ instanceof Date)
|
|
49537
|
-
|
|
49536
|
+
S += `new Date(${_.getFullYear()}, ${_.getMonth()}, ${_.getDate()})`;
|
|
49538
49537
|
else {
|
|
49539
|
-
|
|
49538
|
+
S += `{
|
|
49540
49539
|
`;
|
|
49541
49540
|
const N = Object.keys(_);
|
|
49542
49541
|
N.forEach((t, r) => {
|
|
49543
|
-
const
|
|
49544
|
-
|
|
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
|
-
}),
|
|
49545
|
+
}), S += E + "}";
|
|
49547
49546
|
}
|
|
49548
49547
|
else
|
|
49549
|
-
typeof _ == "string" ?
|
|
49550
|
-
return
|
|
49548
|
+
typeof _ == "string" ? S += `'${_.replace(/(['"`])/g, "\\$1")}'` : S += _;
|
|
49549
|
+
return S;
|
|
49551
49550
|
}
|
|
49552
49551
|
function zN(_) {
|
|
49553
49552
|
const e = {
|
|
49554
|
-
"@carbon/charts":
|
|
49555
|
-
|
|
49556
|
-
d3:
|
|
49557
|
-
"d3-
|
|
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>`,
|
|
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 ?
|
|
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":
|
|
49637
|
-
"@angular/common":
|
|
49638
|
-
"@angular/compiler":
|
|
49639
|
-
"@angular/core":
|
|
49640
|
-
"@angular/platform-browser":
|
|
49641
|
-
"@carbon/charts":
|
|
49642
|
-
"@carbon/charts-angular":
|
|
49643
|
-
|
|
49644
|
-
d3:
|
|
49645
|
-
"d3-
|
|
49646
|
-
|
|
49647
|
-
|
|
49648
|
-
|
|
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>`,
|
|
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/
|
|
49695
|
-
|
|
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":
|
|
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":
|
|
49804
|
-
|
|
49805
|
-
d3:
|
|
49806
|
-
"d3-
|
|
49807
|
-
|
|
49808
|
-
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>`,
|
|
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":
|
|
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":
|
|
49887
|
-
"@
|
|
49888
|
-
"@
|
|
49889
|
-
|
|
49890
|
-
d3:
|
|
49891
|
-
"d3-
|
|
49892
|
-
|
|
49893
|
-
svelte:
|
|
49894
|
-
|
|
49895
|
-
|
|
49896
|
-
|
|
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
|
|
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>`,
|
|
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
|
-
},
|
|
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":
|
|
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(
|
|
50002
|
-
"svelte.config.js":
|
|
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":
|
|
50012
|
-
|
|
50013
|
-
d3:
|
|
50014
|
-
"d3-
|
|
50015
|
-
|
|
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>`,
|
|
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":
|
|
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
|
|
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 ? (
|
|
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
|
-
],
|
|
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
|
-
|
|
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:
|
|
50170
|
-
let
|
|
50171
|
-
r > 5 && (
|
|
50172
|
-
const g = `${
|
|
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
|
-
${
|
|
50183
|
-
const z =
|
|
50184
|
-
let
|
|
50185
|
-
const
|
|
50186
|
-
if (
|
|
50187
|
-
for (let
|
|
50188
|
-
|
|
50189
|
-
<option class="cds--select-option" ${
|
|
50190
|
-
${
|
|
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
|
-
|
|
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
|
|
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", (
|
|
50204
|
-
const { value: z } =
|
|
50205
|
-
E.color.pairing.numberOfVariants =
|
|
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,
|
|
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,
|
|
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"),
|
|
50212
|
-
|
|
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
|
|
50244
|
-
|
|
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
|
-
}),
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
50913
|
-
data:
|
|
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:
|
|
51145
|
+
data: s,
|
|
51162
51146
|
chartType: A.LineChart
|
|
51163
51147
|
},
|
|
51164
51148
|
{
|
|
51165
|
-
options:
|
|
51149
|
+
options: R,
|
|
51166
51150
|
data: i,
|
|
51167
51151
|
chartType: A.LineChart,
|
|
51168
51152
|
mainDemo: !0
|