@carbon/charts 1.7.5 → 1.8.0

package/demo/create-codesandbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-codesandbox.js","sourceRoot":"","sources":["create-codesandbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { getParameters } from 'codesandbox/lib/api/define';\n\nconst packageJSON = require('@carbon/charts/package.json');\nconst libraryVersion = packageJSON.version;\n\nconst carbonStylesImport = `import \"@carbon/styles/css/styles.css\";`;\n\nconst plexCSS = `@import \"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Sans:400,600&display=swap\";\n`;\n\nconst D3VERSION = '^7.0.0';\n\nexport const createChartSandbox = (chartTemplate: any) => {\n\tconst files = {};\n\n\tObject.keys(chartTemplate).forEach(\n\t\t(filePath) => (files[filePath] = { content: chartTemplate[filePath] })\n\t);\n\n\treturn `https://codesandbox.io/api/v1/sandboxes/define?parameters=${getParameters(\n\t\t{ files }\n\t)}`;\n};\n\nexport const createVanillaChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t');\n\tconst chartComponent = demo.chartType.vanilla;\n\n\tconst indexHtml = `<html>\n\t<head>\n\t\t<title>Parcel Sandbox</title>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<link\n\t\t\trel=\"preconnect\"\n\t\t\tcrossorigin=\"anonymous\"\n\t\t\thref=\"https://fonts.gstatic.com\"\n\t\t/>\n\n\t\t<link\n\t\t\thref=\"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:300,400|IBM+Plex+Sans:400,600&display=swap\"\n\t\t\trel=\"stylesheet\"\n\t\t\tcrossorigin=\"anonymous\"\n\t\t/>\n\t</head>\n\t<body>\n\t\t<div id=\"app\" style=\"width: 100%; height: 100%;\"></div>\n\n\t\t<script src=\"src/index.js\"></script>\n\t</body>\n</html>`;\n\n\tconst indexJs = `${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\nimport { ${chartComponent} } from \"@carbon/charts\";\n\nconst data = ${chartData};\n\nconst options = ${chartOptions};\n\n// Grab chart holder HTML element and initialize the chart\nconst chartHolder = document.getElementById(\"app\");\nnew ${chartComponent}(chartHolder, {\n\tdata,\n\toptions\n});\n`;\n\n\tconst packageJson = {\n\t\tscripts: {\n\t\t\tstart: 'parcel index.html --open',\n\t\t\tbuild: 'parcel build index.html',\n\t\t},\n\t\tdependencies: {\n\t\t\t'@carbon/charts': libraryVersion,\n\t\t\td3: D3VERSION,\n\t\t},\n\t\tdevDependencies: {\n\t\t\t'parcel-bundler': '^1.6.1',\n\t\t},\n\t};\n\n\treturn {\n\t\t'index.html': indexHtml,\n\t\t'src/index.js': indexJs,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createReactChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t');\n\tconst chartComponent = demo.chartType.vanilla;\n\n\tconst indexHtml = `<div id=\"root\"></div>\n  `;\n\n\tconst indexJs = `import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\nimport { ${chartComponent} } from \"@carbon/charts-react\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"./ibm-plex-font.css\";\n\nclass App extends React.Component {\n\tstate = {\n\t\tdata: ${chartData},\n\t\toptions: ${chartOptions}\n\t};\n\n\trender = () => (\n\t\t<${chartComponent}\n\t\t\tdata={this.state.data}\n\t\t\toptions={this.state.options}>\n\t\t</${chartComponent}>\n\t);\n}\nReactDOM.render(<App />, document.getElementById(\"root\"));\n  `;\n\tconst packageJson = {\n\t\tdependencies: {\n\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t'@carbon/charts-react': libraryVersion,\n\t\t\td3: D3VERSION,\n\t\t\treact: '16.12.0',\n\t\t\t'react-dom': '16.12.0',\n\t\t\t'react-scripts': '3.0.1',\n\t\t},\n\t};\n\n\treturn {\n\t\t'src/index.html': indexHtml,\n\t\t'src/index.js': indexJs,\n\t\t'src/ibm-plex-font.css': plexCSS,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createAngularChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t\\t');\n\tconst chartComponent = demo.chartType.angular;\n\n\tconst appComponentHtml = `<${chartComponent} [data]=\"data\" [options]=\"options\"></${chartComponent}>`;\n\tconst appComponentTs = `import { Component } from \"@angular/core\";\n\n${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"./ibm-plex-font.css\";\n\n@Component({\n\tselector: \"app-root\",\n\ttemplateUrl: \"./app.component.html\"\n})\nexport class AppComponent {\n\tdata = ${chartData};\n\toptions = ${chartOptions};\n}`;\n\n\tconst appModule = `import { NgModule } from \"@angular/core\";\nimport { BrowserModule } from \"@angular/platform-browser\";\nimport { ChartsModule } from \"@carbon/charts-angular\";\nimport { AppComponent } from \"./app.component\";\n@NgModule({\n\timports: [BrowserModule, ChartsModule],\n\tdeclarations: [AppComponent],\n\tbootstrap: [AppComponent]\n})\nexport class AppModule {}`;\n\n\tconst packageJson = JSON.stringify(\n\t\t{\n\t\t\tdependencies: {\n\t\t\t\t'@angular/animations': '8.2.14',\n\t\t\t\t'@angular/common': '8.2.14',\n\t\t\t\t'@angular/compiler': '8.2.14',\n\t\t\t\t'@angular/core': '8.2.14',\n\t\t\t\t'@angular/forms': '8.2.14',\n\t\t\t\t'@angular/platform-browser': '8.2.14',\n\t\t\t\t'@angular/platform-browser-dynamic': '8.2.14',\n\t\t\t\t'@angular/router': '8.2.14',\n\t\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t\t'@carbon/charts-angular': libraryVersion,\n\t\t\t\t'core-js': '3.6.0',\n\t\t\t\td3: D3VERSION,\n\t\t\t\trxjs: '6.5.3',\n\t\t\t\t'zone.js': '0.10.2',\n\t\t\t},\n\t\t},\n\t\tnull,\n\t\t'\\t'\n\t);\n\n\treturn {\n\t\t'src/app/app.component.html': appComponentHtml,\n\t\t'src/app/app.component.ts': appComponentTs,\n\t\t'src/app/ibm-plex-font.css': plexCSS,\n\t\t'src/app/app.module.ts': appModule,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createVueChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t\\t');\n\tconst chartComponent = demo.chartType.vue;\n\n\tconst chartVue = `<script>\nimport Vue from \"vue\";\n\n${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\nimport chartsVue from \"@carbon/charts-vue\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"../ibm-plex-font.css\";\n\nVue.use(chartsVue);\n\nexport default {\n\tname: \"Chart\",\n\tcomponents: {},\n\tdata() {\n\t\treturn {\n\t\t\tdata: ${chartData},\n\t\t\toptions: ${chartOptions}\n\t\t};\n\t},\n\ttemplate: \"<${chartComponent} :data='data' :options='options'></${chartComponent}>\"\n};\n</script>\n  `;\n\n\tconst appVue = `<template>\n\t<div id=\"app\">\n\t\t<Chart/>\n\t</div>\n</template>\n<script>\nimport Chart from \"./components/chart\";\nexport default {\n\tname: \"App\",\n\tcomponents: {\n\t\tChart\n\t}\n};\n</script>\n  `;\n\n\tconst mainJs = `import Vue from \"vue\";\nimport App from \"./App.vue\";\nVue.config.productionTip = false;\nnew Vue({\n\trender: h => h(App)\n}).$mount(\"#app\");\n`;\n\n\tconst packageJson = JSON.stringify(\n\t\t{\n\t\t\tdependencies: {\n\t\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t\t'@carbon/charts-vue': libraryVersion,\n\t\t\t\t'@vue/cli-plugin-babel': '4.1.1',\n\t\t\t\td3: D3VERSION,\n\t\t\t\tvue: '^2.6.11',\n\t\t\t},\n\t\t},\n\t\tnull,\n\t\t'\\t\\t'\n\t);\n\n\treturn {\n\t\t'src/components/chart.vue': chartVue,\n\t\t'src/ibm-plex-font.css': plexCSS,\n\t\t'src/App.vue': appVue,\n\t\t'src/main.js': mainJs,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createSvelteChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t');\n\n\tlet chartComponent = demo.chartType.vanilla;\n\n\tswitch (chartComponent) {\n\t\tcase 'SimpleBarChart':\n\t\t\tchartComponent = 'BarChartSimple';\n\t\t\tbreak;\n\t\tcase 'GroupedBarChart':\n\t\t\tchartComponent = 'BarChartGrouped';\n\t\t\tbreak;\n\t\tcase 'StackedBarChart':\n\t\t\tchartComponent = 'BarChartStacked';\n\t\t\tbreak;\n\t}\n\n\tconst indexHtml = `<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n\n    <link\n      rel=\"preconnect\"\n      crossorigin=\"anonymous\"\n      href=\"https://fonts.gstatic.com\"\n    />\n    <link\n      href=\"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:300,400%7CIBM+Plex+Sans:400,600&display=swap\"\n      rel=\"stylesheet\"\n      crossorigin=\"anonymous\"\n    />\n  </head>\n  <body>\n    <script type=\"module\">\n      import App from \"./App.svelte\";\n\n      const app = new App({ target: document.body });\n    </script>\n  </body>\n</html>\n`;\n\n\tconst App = `<script>\n\timport { ${chartComponent} } from \"@carbon/charts-svelte\";\n\n\t${carbonStylesImport}\n\timport \"@carbon/charts/styles.css\";\n</script>\n\n<${chartComponent}\n\tdata={${chartData}}\n\toptions={${chartOptions}}\n\t/>\n`;\n\n\tconst packageJson = {\n\t\tscripts: {\n\t\t\tdev: 'vite --port 3000',\n\t\t\tbuild: 'vite build',\n\t\t},\n\t\tdevDependencies: {\n\t\t\t'@carbon/charts-svelte': libraryVersion,\n\t\t\t'@sveltejs/vite-plugin-svelte': '^1.0.1',\n\t\t\td3: D3VERSION,\n\t\t\tsvelte: '^3.49.0',\n\t\t\tvite: '^3.0.4',\n\t\t},\n\t};\n\n\tconst vite = `import { svelte } from \"@sveltejs/vite-plugin-svelte\";\n\n/** @type {import('vite').UserConfig} */\nexport default {\n\tplugins: [svelte()],\n\toptimizeDeps: { include: [\"@carbon/charts\"] }\n};\t\n`;\n\n\treturn {\n\t\t'App.svelte': App,\n\t\t'index.html': indexHtml,\n\t\t'package.json': packageJson,\n\t\t'vite.config.js': vite,\n\t};\n};\n"]}
+{"version":3,"file":"create-codesandbox.js","sourceRoot":"","sources":["create-codesandbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { getParameters } from 'codesandbox/lib/api/define';\n\nconst packageJSON = require('@carbon/charts/package.json');\nconst libraryVersion = packageJSON.version;\n\nconst carbonStylesImport = `import \"@carbon/styles/css/styles.css\";`;\n\nconst plexCSS = `@import \"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Sans:400,600&display=swap\";\n`;\n\nconst D3VERSION = '^7.0.0';\n\nexport const createChartSandbox = (chartTemplate: any) => {\n\tconst files = {};\n\n\tObject.keys(chartTemplate).forEach(\n\t\t(filePath) => (files[filePath] = { content: chartTemplate[filePath] })\n\t);\n\n\treturn `https://codesandbox.io/api/v1/sandboxes/define?parameters=${getParameters(\n\t\t{ files }\n\t)}`;\n};\n\nexport const createVanillaChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t');\n\n\tconst isGeoDemo = demo.options.geoData;\n\n\tconst _demoOptions = { ...demo.options };\n\tif (isGeoDemo) {\n\t\tdelete _demoOptions.geoData;\n\t}\n\tconst chartOptions = JSON.stringify(\n\t\t_demoOptions,\n\t\tnull,\n\t\tisGeoDemo ? '\\t\\t\\t' : '\\t'\n\t);\n\tconst chartComponent = demo.chartType.vanilla;\n\n\tconst indexHtml = `<html>\n\t<head>\n\t\t<title>Parcel Sandbox</title>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<link\n\t\t\trel=\"preconnect\"\n\t\t\tcrossorigin=\"anonymous\"\n\t\t\thref=\"https://fonts.gstatic.com\"\n\t\t/>\n\n\t\t<link\n\t\t\thref=\"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:300,400|IBM+Plex+Sans:400,600&display=swap\"\n\t\t\trel=\"stylesheet\"\n\t\t\tcrossorigin=\"anonymous\"\n\t\t/>\n\t</head>\n\t<body>\n\t\t<div id=\"app\" style=\"width: 100%; height: 100%;\"></div>\n\n\t\t<script src=\"src/index.js\"></script>\n\t</body>\n</html>`;\n\n\tconst indexJs = `${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\nimport { ${chartComponent} } from \"@carbon/charts\";\n\n${isGeoDemo ? 'import * as d3 from \"d3\";' : ''}\n\nconst data = ${chartData};\n\n${\n\tisGeoDemo\n\t\t? `\n/* this data is only used for demo purposes, and is not an accurate representation of the world map */\nd3.json(\n  \"https://raw.githubusercontent.com/Akshat55/carbon-charts/c565fc9ed1364465b641e7e3f2149f0631f0fd0b/packages/core/demo/data/topojson-110-data.json\",\n  function (error, topoData) {\n\t\tif (error) throw error;\n\n\t\tconst options = {\n\t\t\t\"geoData\": topoData,${chartOptions.slice(1, -1)}};\n\n\t\t// Grab chart holder HTML element and initialize the chart\n\t\tconst chartHolder = document.getElementById(\"app\");\n\t\tnew ${chartComponent}(chartHolder, {\n\t\t\tdata,\n\t\t\toptions\n\t\t});\n  }\n);\n`\n\t\t: `\nconst options = ${chartOptions};\n\n// Grab chart holder HTML element and initialize the chart\nconst chartHolder = document.getElementById(\"app\");\nnew ${chartComponent}(chartHolder, {\n\tdata,\n\toptions\n});`\n}\n\n`;\n\n\tconst packageJson = {\n\t\tscripts: {\n\t\t\tstart: 'parcel index.html --open',\n\t\t\tbuild: 'parcel build index.html',\n\t\t},\n\t\tdependencies: {\n\t\t\t'@carbon/charts': libraryVersion,\n\t\t\td3: D3VERSION,\n\t\t},\n\t\tdevDependencies: {\n\t\t\t'parcel-bundler': '^1.6.1',\n\t\t},\n\t};\n\n\treturn {\n\t\t'index.html': indexHtml,\n\t\t'src/index.js': indexJs,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createReactChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t');\n\tconst chartComponent = demo.chartType.vanilla;\n\n\tconst indexHtml = `<div id=\"root\"></div>\n  `;\n\n\tconst indexJs = `import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\n${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\nimport { ${chartComponent} } from \"@carbon/charts-react\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"./ibm-plex-font.css\";\n\nclass App extends React.Component {\n\tstate = {\n\t\tdata: ${chartData},\n\t\toptions: ${chartOptions}\n\t};\n\n\trender = () => (\n\t\t<${chartComponent}\n\t\t\tdata={this.state.data}\n\t\t\toptions={this.state.options}>\n\t\t</${chartComponent}>\n\t);\n}\nReactDOM.render(<App />, document.getElementById(\"root\"));\n  `;\n\tconst packageJson = {\n\t\tdependencies: {\n\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t'@carbon/charts-react': libraryVersion,\n\t\t\td3: D3VERSION,\n\t\t\treact: '16.12.0',\n\t\t\t'react-dom': '16.12.0',\n\t\t\t'react-scripts': '3.0.1',\n\t\t},\n\t};\n\n\treturn {\n\t\t'src/index.html': indexHtml,\n\t\t'src/index.js': indexJs,\n\t\t'src/ibm-plex-font.css': plexCSS,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createAngularChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t\\t');\n\tconst chartComponent = demo.chartType.angular;\n\n\tconst appComponentHtml = `<${chartComponent} [data]=\"data\" [options]=\"options\"></${chartComponent}>`;\n\tconst appComponentTs = `import { Component } from \"@angular/core\";\n\n${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"./ibm-plex-font.css\";\n\n@Component({\n\tselector: \"app-root\",\n\ttemplateUrl: \"./app.component.html\"\n})\nexport class AppComponent {\n\tdata = ${chartData};\n\toptions = ${chartOptions};\n}`;\n\n\tconst appModule = `import { NgModule } from \"@angular/core\";\nimport { BrowserModule } from \"@angular/platform-browser\";\nimport { ChartsModule } from \"@carbon/charts-angular\";\nimport { AppComponent } from \"./app.component\";\n@NgModule({\n\timports: [BrowserModule, ChartsModule],\n\tdeclarations: [AppComponent],\n\tbootstrap: [AppComponent]\n})\nexport class AppModule {}`;\n\n\tconst packageJson = JSON.stringify(\n\t\t{\n\t\t\tdependencies: {\n\t\t\t\t'@angular/animations': '8.2.14',\n\t\t\t\t'@angular/common': '8.2.14',\n\t\t\t\t'@angular/compiler': '8.2.14',\n\t\t\t\t'@angular/core': '8.2.14',\n\t\t\t\t'@angular/forms': '8.2.14',\n\t\t\t\t'@angular/platform-browser': '8.2.14',\n\t\t\t\t'@angular/platform-browser-dynamic': '8.2.14',\n\t\t\t\t'@angular/router': '8.2.14',\n\t\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t\t'@carbon/charts-angular': libraryVersion,\n\t\t\t\t'core-js': '3.6.0',\n\t\t\t\td3: D3VERSION,\n\t\t\t\trxjs: '6.5.3',\n\t\t\t\t'zone.js': '0.10.2',\n\t\t\t},\n\t\t},\n\t\tnull,\n\t\t'\\t'\n\t);\n\n\treturn {\n\t\t'src/app/app.component.html': appComponentHtml,\n\t\t'src/app/app.component.ts': appComponentTs,\n\t\t'src/app/ibm-plex-font.css': plexCSS,\n\t\t'src/app/app.module.ts': appModule,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createVueChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t\\t');\n\tconst chartComponent = demo.chartType.vue;\n\n\tconst chartVue = `<script>\nimport Vue from \"vue\";\n\n${carbonStylesImport}\n\nimport \"@carbon/charts/styles.css\";\nimport chartsVue from \"@carbon/charts-vue\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"../ibm-plex-font.css\";\n\nVue.use(chartsVue);\n\nexport default {\n\tname: \"Chart\",\n\tcomponents: {},\n\tdata() {\n\t\treturn {\n\t\t\tdata: ${chartData},\n\t\t\toptions: ${chartOptions}\n\t\t};\n\t},\n\ttemplate: \"<${chartComponent} :data='data' :options='options'></${chartComponent}>\"\n};\n</script>\n  `;\n\n\tconst appVue = `<template>\n\t<div id=\"app\">\n\t\t<Chart/>\n\t</div>\n</template>\n<script>\nimport Chart from \"./components/chart\";\nexport default {\n\tname: \"App\",\n\tcomponents: {\n\t\tChart\n\t}\n};\n</script>\n  `;\n\n\tconst mainJs = `import Vue from \"vue\";\nimport App from \"./App.vue\";\nVue.config.productionTip = false;\nnew Vue({\n\trender: h => h(App)\n}).$mount(\"#app\");\n`;\n\n\tconst packageJson = JSON.stringify(\n\t\t{\n\t\t\tdependencies: {\n\t\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t\t'@carbon/charts-vue': libraryVersion,\n\t\t\t\t'@vue/cli-plugin-babel': '4.1.1',\n\t\t\t\td3: D3VERSION,\n\t\t\t\tvue: '^2.6.11',\n\t\t\t},\n\t\t},\n\t\tnull,\n\t\t'\\t\\t'\n\t);\n\n\treturn {\n\t\t'src/components/chart.vue': chartVue,\n\t\t'src/ibm-plex-font.css': plexCSS,\n\t\t'src/App.vue': appVue,\n\t\t'src/main.js': mainJs,\n\t\t'package.json': packageJson,\n\t};\n};\n\nexport const createSvelteChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, '\\t');\n\tconst chartOptions = JSON.stringify(demo.options, null, '\\t');\n\n\tlet chartComponent = demo.chartType.vanilla;\n\n\tswitch (chartComponent) {\n\t\tcase 'SimpleBarChart':\n\t\t\tchartComponent = 'BarChartSimple';\n\t\t\tbreak;\n\t\tcase 'GroupedBarChart':\n\t\t\tchartComponent = 'BarChartGrouped';\n\t\t\tbreak;\n\t\tcase 'StackedBarChart':\n\t\t\tchartComponent = 'BarChartStacked';\n\t\t\tbreak;\n\t}\n\n\tconst indexHtml = `<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n\n    <link\n      rel=\"preconnect\"\n      crossorigin=\"anonymous\"\n      href=\"https://fonts.gstatic.com\"\n    />\n    <link\n      href=\"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:300,400%7CIBM+Plex+Sans:400,600&display=swap\"\n      rel=\"stylesheet\"\n      crossorigin=\"anonymous\"\n    />\n  </head>\n  <body>\n    <script type=\"module\">\n      import App from \"./App.svelte\";\n\n      const app = new App({ target: document.body });\n    </script>\n  </body>\n</html>\n`;\n\n\tconst App = `<script>\n\timport { ${chartComponent} } from \"@carbon/charts-svelte\";\n\n\t${carbonStylesImport}\n\timport \"@carbon/charts/styles.css\";\n</script>\n\n<${chartComponent}\n\tdata={${chartData}}\n\toptions={${chartOptions}}\n\t/>\n`;\n\n\tconst packageJson = {\n\t\tscripts: {\n\t\t\tdev: 'vite --port 3000',\n\t\t\tbuild: 'vite build',\n\t\t},\n\t\tdevDependencies: {\n\t\t\t'@carbon/charts-svelte': libraryVersion,\n\t\t\t'@sveltejs/vite-plugin-svelte': '^1.0.1',\n\t\t\td3: D3VERSION,\n\t\t\tsvelte: '^3.49.0',\n\t\t\tvite: '^3.0.4',\n\t\t},\n\t};\n\n\tconst vite = `import { svelte } from \"@sveltejs/vite-plugin-svelte\";\n\n/** @type {import('vite').UserConfig} */\nexport default {\n\tplugins: [svelte()],\n\toptimizeDeps: { include: [\"@carbon/charts\"] }\n};\t\n`;\n\n\treturn {\n\t\t'App.svelte': App,\n\t\t'index.html': indexHtml,\n\t\t'package.json': packageJson,\n\t\t'vite.config.js': vite,\n\t};\n};\n"]}

package/demo/data/CHART_TYPES.d.ts

@@ -29,6 +29,11 @@ declare const _default: {
         angular: string;
         vue: string;
     };
+    ChoroplethChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
     ComboChart: {
         vanilla: string;
         angular: string;

package/demo/data/CHART_TYPES.js

@@ -29,6 +29,11 @@ export default {
         angular: 'ibm-bullet-chart',
         vue: 'ccv-bullet-chart',
     },
+    ChoroplethChart: {
+        vanilla: 'EXPERIMENTAL_ChoroplethChart',
+        angular: 'EXPERIMENTAL-ibm-choropleth-chart',
+        vue: 'EXPERIMENTAL-ccv-choropleth-chart',
+    },
     ComboChart: {
         vanilla: 'ComboChart',
         angular: 'ibm-combo-chart',

package/demo/data/CHART_TYPES.js.map

@@ -1 +1 @@
-{"version":3,"file":"CHART_TYPES.js","sourceRoot":"","sources":["CHART_TYPES.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n\tAlluvialChart: {\n\t\tvanilla: 'AlluvialChart',\n\t\tangular: 'ibm-alluvial-chart',\n\t\tvue: 'ccv-alluvial-chart',\n\t},\n\tAreaChart: {\n\t\tvanilla: 'AreaChart',\n\t\tangular: 'ibm-area-chart',\n\t\tvue: 'ccv-area-chart',\n\t},\n\tBoxplotChart: {\n\t\tvanilla: 'BoxplotChart',\n\t\tangular: 'ibm-boxplot-chart',\n\t\tvue: 'ccv-boxplot-chart',\n\t},\n\tBubbleChart: {\n\t\tvanilla: 'BubbleChart',\n\t\tangular: 'ibm-bubble-chart',\n\t\tvue: 'ccv-bubble-chart',\n\t},\n\tCirclePackChart: {\n\t\tvanilla: 'CirclePackChart',\n\t\tangular: 'ibm-circle-pack-chart',\n\t\tvue: 'ccv-circle-pack-chart',\n\t},\n\tBulletChart: {\n\t\tvanilla: 'BulletChart',\n\t\tangular: 'ibm-bullet-chart',\n\t\tvue: 'ccv-bullet-chart',\n\t},\n\tComboChart: {\n\t\tvanilla: 'ComboChart',\n\t\tangular: 'ibm-combo-chart',\n\t\tvue: 'ccv-combo-chart',\n\t},\n\tDonutChart: {\n\t\tvanilla: 'DonutChart',\n\t\tangular: 'ibm-donut-chart',\n\t\tvue: 'ccv-donut-chart',\n\t},\n\tGaugeChart: {\n\t\tvanilla: 'GaugeChart',\n\t\tangular: 'ibm-gauge-chart',\n\t\tvue: 'ccv-gauge-chart',\n\t},\n\tGroupedBarChart: {\n\t\tvanilla: 'GroupedBarChart',\n\t\tangular: 'ibm-grouped-bar-chart',\n\t\tvue: 'ccv-grouped-bar-chart',\n\t},\n\tHeatmapChart: {\n\t\tvanilla: 'HeatmapChart',\n\t\tangular: 'ibm-heatmap-chart',\n\t\tvue: 'ccv-heatmap-chart',\n\t},\n\tHistogramChart: {\n\t\tvanilla: 'HistogramChart',\n\t\tangular: 'ibm-histogram-chart',\n\t\tvue: 'ccv-histogram-chart',\n\t},\n\tLineChart: {\n\t\tvanilla: 'LineChart',\n\t\tangular: 'ibm-line-chart',\n\t\tvue: 'ccv-line-chart',\n\t},\n\tLollipopChart: {\n\t\tvanilla: 'LollipopChart',\n\t\tangular: 'ibm-lollipop-chart',\n\t\tvue: 'ccv-lollipop-chart',\n\t},\n\tMeterChart: {\n\t\tvanilla: 'MeterChart',\n\t\tangular: 'ibm-meter-chart',\n\t\tvue: 'ccv-meter-chart',\n\t},\n\tPieChart: {\n\t\tvanilla: 'PieChart',\n\t\tangular: 'ibm-pie-chart',\n\t\tvue: 'ccv-pie-chart',\n\t},\n\tRadarChart: {\n\t\tvanilla: 'RadarChart',\n\t\tangular: 'ibm-radar-chart',\n\t\tvue: 'ccv-radar-chart',\n\t},\n\tScatterChart: {\n\t\tvanilla: 'ScatterChart',\n\t\tangular: 'ibm-scatter-chart',\n\t\tvue: 'ccv-scatter-chart',\n\t},\n\tSimpleBarChart: {\n\t\tvanilla: 'SimpleBarChart',\n\t\tangular: 'ibm-simple-bar-chart',\n\t\tvue: 'ccv-simple-bar-chart',\n\t},\n\tStackedAreaChart: {\n\t\tvanilla: 'StackedAreaChart',\n\t\tangular: 'ibm-stacked-area-chart',\n\t\tvue: 'ccv-stacked-area-chart',\n\t},\n\tStackedBarChart: {\n\t\tvanilla: 'StackedBarChart',\n\t\tangular: 'ibm-stacked-bar-chart',\n\t\tvue: 'ccv-stacked-bar-chart',\n\t},\n\tTreeChart: {\n\t\tvanilla: 'TreeChart',\n\t\tangular: 'ibm-tree-chart',\n\t\tvue: 'ccv-tree-chart',\n\t},\n\tTreemapChart: {\n\t\tvanilla: 'TreemapChart',\n\t\tangular: 'ibm-treemap-chart',\n\t\tvue: 'ccv-treemap-chart',\n\t},\n\tWordCloudChart: {\n\t\tvanilla: 'WordCloudChart',\n\t\tangular: 'ibm-wordcloud-chart',\n\t\tvue: 'ccv-wordcloud-chart',\n\t},\n};\n"]}
+{"version":3,"file":"CHART_TYPES.js","sourceRoot":"","sources":["CHART_TYPES.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n\tAlluvialChart: {\n\t\tvanilla: 'AlluvialChart',\n\t\tangular: 'ibm-alluvial-chart',\n\t\tvue: 'ccv-alluvial-chart',\n\t},\n\tAreaChart: {\n\t\tvanilla: 'AreaChart',\n\t\tangular: 'ibm-area-chart',\n\t\tvue: 'ccv-area-chart',\n\t},\n\tBoxplotChart: {\n\t\tvanilla: 'BoxplotChart',\n\t\tangular: 'ibm-boxplot-chart',\n\t\tvue: 'ccv-boxplot-chart',\n\t},\n\tBubbleChart: {\n\t\tvanilla: 'BubbleChart',\n\t\tangular: 'ibm-bubble-chart',\n\t\tvue: 'ccv-bubble-chart',\n\t},\n\tCirclePackChart: {\n\t\tvanilla: 'CirclePackChart',\n\t\tangular: 'ibm-circle-pack-chart',\n\t\tvue: 'ccv-circle-pack-chart',\n\t},\n\tBulletChart: {\n\t\tvanilla: 'BulletChart',\n\t\tangular: 'ibm-bullet-chart',\n\t\tvue: 'ccv-bullet-chart',\n\t},\n\tChoroplethChart: {\n\t\tvanilla: 'EXPERIMENTAL_ChoroplethChart',\n\t\tangular: 'EXPERIMENTAL-ibm-choropleth-chart',\n\t\tvue: 'EXPERIMENTAL-ccv-choropleth-chart',\n\t},\n\tComboChart: {\n\t\tvanilla: 'ComboChart',\n\t\tangular: 'ibm-combo-chart',\n\t\tvue: 'ccv-combo-chart',\n\t},\n\tDonutChart: {\n\t\tvanilla: 'DonutChart',\n\t\tangular: 'ibm-donut-chart',\n\t\tvue: 'ccv-donut-chart',\n\t},\n\tGaugeChart: {\n\t\tvanilla: 'GaugeChart',\n\t\tangular: 'ibm-gauge-chart',\n\t\tvue: 'ccv-gauge-chart',\n\t},\n\tGroupedBarChart: {\n\t\tvanilla: 'GroupedBarChart',\n\t\tangular: 'ibm-grouped-bar-chart',\n\t\tvue: 'ccv-grouped-bar-chart',\n\t},\n\tHeatmapChart: {\n\t\tvanilla: 'HeatmapChart',\n\t\tangular: 'ibm-heatmap-chart',\n\t\tvue: 'ccv-heatmap-chart',\n\t},\n\tHistogramChart: {\n\t\tvanilla: 'HistogramChart',\n\t\tangular: 'ibm-histogram-chart',\n\t\tvue: 'ccv-histogram-chart',\n\t},\n\tLineChart: {\n\t\tvanilla: 'LineChart',\n\t\tangular: 'ibm-line-chart',\n\t\tvue: 'ccv-line-chart',\n\t},\n\tLollipopChart: {\n\t\tvanilla: 'LollipopChart',\n\t\tangular: 'ibm-lollipop-chart',\n\t\tvue: 'ccv-lollipop-chart',\n\t},\n\tMeterChart: {\n\t\tvanilla: 'MeterChart',\n\t\tangular: 'ibm-meter-chart',\n\t\tvue: 'ccv-meter-chart',\n\t},\n\tPieChart: {\n\t\tvanilla: 'PieChart',\n\t\tangular: 'ibm-pie-chart',\n\t\tvue: 'ccv-pie-chart',\n\t},\n\tRadarChart: {\n\t\tvanilla: 'RadarChart',\n\t\tangular: 'ibm-radar-chart',\n\t\tvue: 'ccv-radar-chart',\n\t},\n\tScatterChart: {\n\t\tvanilla: 'ScatterChart',\n\t\tangular: 'ibm-scatter-chart',\n\t\tvue: 'ccv-scatter-chart',\n\t},\n\tSimpleBarChart: {\n\t\tvanilla: 'SimpleBarChart',\n\t\tangular: 'ibm-simple-bar-chart',\n\t\tvue: 'ccv-simple-bar-chart',\n\t},\n\tStackedAreaChart: {\n\t\tvanilla: 'StackedAreaChart',\n\t\tangular: 'ibm-stacked-area-chart',\n\t\tvue: 'ccv-stacked-area-chart',\n\t},\n\tStackedBarChart: {\n\t\tvanilla: 'StackedBarChart',\n\t\tangular: 'ibm-stacked-bar-chart',\n\t\tvue: 'ccv-stacked-bar-chart',\n\t},\n\tTreeChart: {\n\t\tvanilla: 'TreeChart',\n\t\tangular: 'ibm-tree-chart',\n\t\tvue: 'ccv-tree-chart',\n\t},\n\tTreemapChart: {\n\t\tvanilla: 'TreemapChart',\n\t\tangular: 'ibm-treemap-chart',\n\t\tvue: 'ccv-treemap-chart',\n\t},\n\tWordCloudChart: {\n\t\tvanilla: 'WordCloudChart',\n\t\tangular: 'ibm-wordcloud-chart',\n\t\tvue: 'ccv-wordcloud-chart',\n\t},\n};\n"]}