@carbon/charts 0.50.3 → 0.50.7

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;\nconst carbonComponentsVersion =\n\tpackageJSON.devDependencies['carbon-components'];\n\nconst plexAndCarbonComponentsCSS = `@import \"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Sans:400,600&display=swap\";\n@import \"https://unpkg.com/carbon-components/css/carbon-components.min.css\";\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\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\t<link\n\t\t\thref=\"https://unpkg.com/carbon-components/css/carbon-components.min.css\"\n\t\t\trel=\"stylesheet\"\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\tconst indexJs = `import \"@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\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\t'carbon-components': carbonComponentsVersion,\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\";\nimport { ${chartComponent} } from \"@carbon/charts-react\";\nimport \"@carbon/charts/styles.css\";\n// Or\n// import \"@carbon/charts/styles/styles.scss\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"./plex-and-carbon-components.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\t'carbon-components': carbonComponentsVersion,\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/plex-and-carbon-components.css': plexAndCarbonComponentsCSS,\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\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 \"./plex-and-carbon-components.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 indexHtml = `<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>Angular</title>\n\t</head>\n\t<body>\n\t\t<app-root></app-root>\n\t</body>\n</html>`;\n\n\tconst mainTs = `import { platformBrowserDynamic } from \"@angular/platform-browser-dynamic\";\nimport { AppModule } from \"./app/app.module\";\nplatformBrowserDynamic()\n\t.bootstrapModule(AppModule)\n\t.catch(err => console.log(err));\n`;\n\n\tconst angularCliJson = `{\n\t\"apps\": [\n\t\t{\n\t\t\t\"root\": \"src\",\n\t\t\t\"outDir\": \"dist\",\n\t\t\t\"assets\": [\"assets\", \"favicon.ico\"],\n\t\t\t\"index\": \"index.html\",\n\t\t\t\"main\": \"main.ts\",\n\t\t\t\"polyfills\": \"polyfills.ts\",\n\t\t\t\"prefix\": \"app\",\n\t\t\t\"styles\": [\"styles.css\"],\n\t\t\t\"scripts\": [],\n\t\t\t\"environmentSource\": \"environments/environment.ts\",\n\t\t\t\"environments\": {\n\t\t\t\t\"dev\": \"environments/environment.ts\",\n\t\t\t\t\"prod\": \"environments/environment.prod.ts\"\n\t\t\t}\n\t\t}\n\t]\n}`;\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/index.html': indexHtml,\n\t\t'src/main.ts': mainTs,\n\t\t'src/app/app.component.html': appComponentHtml,\n\t\t'src/app/app.component.ts': appComponentTs,\n\t\t'src/app/plex-and-carbon-components.css': plexAndCarbonComponentsCSS,\n\t\t'src/app/app.module.ts': appModule,\n\t\t'.angular-cli.json': angularCliJson,\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\";\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 \"../plex-and-carbon-components.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\t'carbon-components': carbonComponentsVersion,\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/plex-and-carbon-components.css': plexAndCarbonComponentsCSS,\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 indexJs = `import App from \"./App.svelte\";\n\nconst app = new App({ target: document.body });\n\nexport default app;\n`;\n\n\tconst App = `<script>\n\timport \"@carbon/charts/styles.min.css\";\n\timport \"carbon-components/css/carbon-components.min.css\";\n\timport { ${chartComponent} } from \"@carbon/charts-svelte\";\n</script>\n\n<svelte:head>\n\t<link\n\t\t\trel=\"preconnect\"\n\t\t\tcrossorigin=\"anonymous\"\n\t\t\thref=\"https://fonts.gstatic.com\"\n\t/>\n\t<link\n\t\t\thref=\"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:300,400%7CIBM+Plex+Sans:400,600&display=swap\"\n\t\t\trel=\"stylesheet\"\n\t\t\tcrossorigin=\"anonymous\"\n\t/>\n</svelte:head>\n\n<${chartComponent}\n\tdata={${chartData}}\n\toptions={${chartOptions}}\n\t/>\n`;\n\n\tconst packageJson = {\n\t\tscripts: {\n\t\t\tbuild: 'rollup -c',\n\t\t\tautobuild: 'rollup -c -w',\n\t\t\tdev: 'run-p start:dev autobuild',\n\t\t\tstart: 'sirv public',\n\t\t\t'start:dev': 'sirv public --dev',\n\t\t},\n\t\tdevDependencies: {\n\t\t\t'npm-run-all': '^4.1.5',\n\t\t\trollup: '^1.10.1',\n\t\t\t'rollup-plugin-commonjs': '^9.3.4',\n\t\t\t'rollup-plugin-node-resolve': '^4.2.3',\n\t\t\t'rollup-plugin-svelte': '^5.0.3',\n\t\t\t'rollup-plugin-terser': '^4.0.4',\n\t\t\t'sirv-cli': '^0.3.1',\n\t\t},\n\t\tdependencies: {\n\t\t\t'@carbon/charts': libraryVersion,\n\t\t\t'@carbon/charts-svelte': libraryVersion,\n\t\t\t'carbon-components': carbonComponentsVersion,\n\t\t\td3: D3VERSION,\n\t\t\tsvelte: '3.20.x',\n\t\t},\n\t};\n\n\tconst rollup = `import svelte from \"rollup-plugin-svelte\";\nimport resolve from \"rollup-plugin-node-resolve\";\nimport commonjs from \"rollup-plugin-commonjs\";\nimport { terser } from \"rollup-plugin-terser\";\nimport postcss from \"rollup-plugin-postcss\";\n\nconst production = !process.env.ROLLUP_WATCH;\n\nexport default {\n  input: \"index.js\",\n  output: {\n    sourcemap: true,\n    format: \"iife\",\n    name: \"app\",\n    file: \"public/bundle.js\"\n  },\n  plugins: [\n    postcss(),\n    svelte({\n      dev: !production,\n      css: css => {\n        css.write(\"public/bundle.css\");\n      }\n    }),\n    resolve(),\n    commonjs(),\n    production && terser()\n  ]\n};\n`;\n\n\treturn {\n\t\t'App.svelte': App,\n\t\t'index.js': indexJs,\n\t\t'package.json': packageJson,\n\t\t'rollup.config.js': rollup,\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;\nconst carbonComponentsVersion =\n\tpackageJSON.devDependencies['carbon-components'];\n\nconst plexAndCarbonComponentsCSS = `@import \"https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Sans:400,600&display=swap\";\n@import \"https://unpkg.com/carbon-components/css/carbon-components.min.css\";\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\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\t<link\n\t\t\thref=\"https://unpkg.com/carbon-components/css/carbon-components.min.css\"\n\t\t\trel=\"stylesheet\"\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\tconst indexJs = `import \"@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\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\t'carbon-components': carbonComponentsVersion,\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\";\nimport { ${chartComponent} } from \"@carbon/charts-react\";\nimport \"@carbon/charts/styles.css\";\n// Or\n// import \"@carbon/charts/styles/styles.scss\";\n\n// IBM Plex should either be imported in your project by using Carbon\n// or consumed manually through an import\nimport \"./plex-and-carbon-components.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\t'carbon-components': carbonComponentsVersion,\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/plex-and-carbon-components.css': plexAndCarbonComponentsCSS,\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\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 \"./plex-and-carbon-components.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 indexHtml = `<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>Angular</title>\n\t</head>\n\t<body>\n\t\t<app-root></app-root>\n\t</body>\n</html>`;\n\n\tconst mainTs = `import { platformBrowserDynamic } from \"@angular/platform-browser-dynamic\";\nimport { AppModule } from \"./app/app.module\";\nplatformBrowserDynamic()\n\t.bootstrapModule(AppModule)\n\t.catch(err => console.log(err));\n`;\n\n\tconst angularCliJson = `{\n\t\"apps\": [\n\t\t{\n\t\t\t\"root\": \"src\",\n\t\t\t\"outDir\": \"dist\",\n\t\t\t\"assets\": [\"assets\", \"favicon.ico\"],\n\t\t\t\"index\": \"index.html\",\n\t\t\t\"main\": \"main.ts\",\n\t\t\t\"polyfills\": \"polyfills.ts\",\n\t\t\t\"prefix\": \"app\",\n\t\t\t\"styles\": [\"styles.css\"],\n\t\t\t\"scripts\": [],\n\t\t\t\"environmentSource\": \"environments/environment.ts\",\n\t\t\t\"environments\": {\n\t\t\t\t\"dev\": \"environments/environment.ts\",\n\t\t\t\t\"prod\": \"environments/environment.prod.ts\"\n\t\t\t}\n\t\t}\n\t]\n}`;\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/index.html': indexHtml,\n\t\t'src/main.ts': mainTs,\n\t\t'src/app/app.component.html': appComponentHtml,\n\t\t'src/app/app.component.ts': appComponentTs,\n\t\t'src/app/plex-and-carbon-components.css': plexAndCarbonComponentsCSS,\n\t\t'src/app/app.module.ts': appModule,\n\t\t'.angular-cli.json': angularCliJson,\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\";\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 \"../plex-and-carbon-components.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\t'carbon-components': carbonComponentsVersion,\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/plex-and-carbon-components.css': plexAndCarbonComponentsCSS,\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    <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\n      export default app;\n    </script>\n  </body>\n</html>\n`;\n\n\tconst App = `<script>\n\timport \"@carbon/charts/styles.min.css\";\n\timport \"carbon-components/css/carbon-components.min.css\";\n\timport { ${chartComponent} } from \"@carbon/charts-svelte\";\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',\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': 'next',\n\t\t\td3: D3VERSION,\n\t\t\tsvelte: '^3.43.1',\n\t\t\t'svelte-hmr': '^0.14.7',\n\t\t\tvite: '^2.6.7',\n\t\t},\n\t};\n\n\tconst vite = `import { svelte } from \"@sveltejs/vite-plugin-svelte\";\nimport { defineConfig } from \"vite\";\n\nexport default defineConfig(({ mode }) => {\n  return {\n    plugins: [svelte()],\n    build: { minify: mode === \"production\" },\n    optimizeDeps: { include: [\"@carbon/charts\"] },\n  };\n});\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/alluvial.d.ts

@@ -13,6 +13,23 @@ export declare const alluvialSimpleOptions: {
         }[];
     };
 };
+export declare const alluvialSimpleCustomColorOptions: {
+    title: string;
+    color: {
+        scale: {
+            A: string;
+            B: string;
+            C: string;
+        };
+    };
+    alluvial: {
+        units: string;
+        nodes: {
+            name: string;
+            category: string;
+        }[];
+    };
+};
 export declare const alluvialMultipleCategoryOptions: {
     title: string;
     alluvial: {

package/demo/data/alluvial.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 export var alluvialSimpleData = [
     { source: 'A', target: 'X', value: 3 },
     { source: 'A', target: 'Y', value: 5 },
@@ -23,6 +34,13 @@ export var alluvialSimpleOptions = {
         ],
     },
 };
+export var alluvialSimpleCustomColorOptions = __assign(__assign({}, alluvialSimpleOptions), { title: 'Custom colors (alluvial)', color: {
+        scale: {
+            A: '#d12771',
+            B: '#08bdba',
+            C: '#6fdc8c',
+        },
+    } });
 export var alluvialMultipleCategoryOptions = {
     title: 'Alluvial (multiple categories)',
     alluvial: {

package/demo/data/alluvial.js.map

@@ -1 +1 @@
-{"version":3,"file":"alluvial.js","sourceRoot":"","sources":["alluvial.ts"],"names":[],"mappings":"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","sourcesContent":["export const alluvialSimpleData = [\n\t{ source: 'A', target: 'X', value: 3 },\n\t{ source: 'A', target: 'Y', value: 5 },\n\t{ source: 'A', target: 'Z', value: 8 },\n\t{ source: 'B', target: 'X', value: 6 },\n\t{ source: 'B', target: 'Y', value: 1 },\n\t{ source: 'B', target: 'Z', value: 7 },\n\t{ source: 'C', target: 'X', value: 5 },\n\t{ source: 'C', target: 'Y', value: 5 },\n\t{ source: 'C', target: 'Z', value: 1 },\n];\n\nexport const alluvialSimpleOptions = {\n\ttitle: 'Alluvial',\n\talluvial: {\n\t\tunits: 'GB',\n\t\tnodes: [\n\t\t\t{ name: 'A', category: 'Start' },\n\t\t\t{ name: 'B', category: 'Start' },\n\t\t\t{ name: 'C', category: 'Start' },\n\t\t\t{ name: 'X', category: 'Finish' },\n\t\t\t{ name: 'Y', category: 'Finish' },\n\t\t\t{ name: 'Z', category: 'Finish' },\n\t\t],\n\t},\n};\n\nexport const alluvialMultipleCategoryOptions = {\n\ttitle: 'Alluvial (multiple categories)',\n\talluvial: {\n\t\tnodes: [\n\t\t\t{ name: '1st', category: 'Class' },\n\t\t\t{ name: '2nd', category: 'Class' },\n\t\t\t{ name: 'Crew', category: 'Class' },\n\t\t\t{ name: 'Male', category: 'Sex' },\n\t\t\t{ name: 'Female', category: 'Sex' },\n\t\t\t{ name: 'Child', category: 'Age' },\n\t\t\t{ name: 'Adult', category: 'Age' },\n\t\t\t{ name: 'Yes', category: 'Survived' },\n\t\t\t{ name: 'No', category: 'Survived' },\n\t\t],\n\t},\n};\n\nexport const alluvialMultipleCategoryData = [\n\t{\n\t\tsource: '1st',\n\t\ttarget: 'Female',\n\t\tvalue: 25,\n\t},\n\t{\n\t\tsource: '1st',\n\t\ttarget: 'Male',\n\t\tvalue: 35,\n\t},\n\t{\n\t\tsource: '2nd',\n\t\ttarget: 'Female',\n\t\tvalue: 35,\n\t},\n\t{\n\t\tsource: '2nd',\n\t\ttarget: 'Male',\n\t\tvalue: 50,\n\t},\n\t{\n\t\tsource: 'Crew',\n\t\ttarget: 'Male',\n\t\tvalue: 43,\n\t},\n\t{\n\t\tsource: 'Crew',\n\t\ttarget: 'Female',\n\t\tvalue: 18,\n\t},\n\t{\n\t\tsource: 'Male',\n\t\ttarget: 'Child',\n\t\tvalue: 38,\n\t},\n\t{\n\t\tsource: 'Male',\n\t\ttarget: 'Adult',\n\t\tvalue: 90,\n\t},\n\t{\n\t\tsource: 'Female',\n\t\ttarget: 'Adult',\n\t\tvalue: 52,\n\t},\n\t{\n\t\tsource: 'Female',\n\t\ttarget: 'Child',\n\t\tvalue: 26,\n\t},\n\t{\n\t\tsource: 'Child',\n\t\ttarget: 'Yes',\n\t\tvalue: 58,\n\t},\n\t{\n\t\tsource: 'Child',\n\t\ttarget: 'No',\n\t\tvalue: 6,\n\t},\n\t{\n\t\tsource: 'Adult',\n\t\ttarget: 'Yes',\n\t\tvalue: 22,\n\t},\n\t{\n\t\tsource: 'Adult',\n\t\ttarget: 'No',\n\t\tvalue: 120,\n\t},\n];\n\nexport const alluvialMonochromeData = alluvialSimpleData;\n\nexport const alluvialMonochromeOptions = {\n\ttitle: 'Alluvial (monochrome with custom node padding)',\n\talluvial: {\n\t\tnodes: [\n\t\t\t{ name: 'A', category: 'Start' },\n\t\t\t{ name: 'B', category: 'Start' },\n\t\t\t{ name: 'C', category: 'Start' },\n\t\t\t{ name: 'X', category: 'Finish' },\n\t\t\t{ name: 'Y', category: 'Finish' },\n\t\t\t{ name: 'Z', category: 'Finish' },\n\t\t],\n\t\tmonochrome: true,\n\t\tnodePadding: 33,\n\t},\n};\n"]}
+{"version":3,"file":"alluvial.js","sourceRoot":"","sources":["alluvial.ts"],"names":[],"mappings":"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","sourcesContent":["export const alluvialSimpleData = [\n\t{ source: 'A', target: 'X', value: 3 },\n\t{ source: 'A', target: 'Y', value: 5 },\n\t{ source: 'A', target: 'Z', value: 8 },\n\t{ source: 'B', target: 'X', value: 6 },\n\t{ source: 'B', target: 'Y', value: 1 },\n\t{ source: 'B', target: 'Z', value: 7 },\n\t{ source: 'C', target: 'X', value: 5 },\n\t{ source: 'C', target: 'Y', value: 5 },\n\t{ source: 'C', target: 'Z', value: 1 },\n];\n\nexport const alluvialSimpleOptions = {\n\ttitle: 'Alluvial',\n\talluvial: {\n\t\tunits: 'GB',\n\t\tnodes: [\n\t\t\t{ name: 'A', category: 'Start' },\n\t\t\t{ name: 'B', category: 'Start' },\n\t\t\t{ name: 'C', category: 'Start' },\n\t\t\t{ name: 'X', category: 'Finish' },\n\t\t\t{ name: 'Y', category: 'Finish' },\n\t\t\t{ name: 'Z', category: 'Finish' },\n\t\t],\n\t},\n};\n\nexport const alluvialSimpleCustomColorOptions = {\n\t...alluvialSimpleOptions,\n\ttitle: 'Custom colors (alluvial)',\n\tcolor: {\n\t\tscale: {\n\t\t\tA: '#d12771',\n\t\t\tB: '#08bdba',\n\t\t\tC: '#6fdc8c',\n\t\t},\n\t},\n};\n\nexport const alluvialMultipleCategoryOptions = {\n\ttitle: 'Alluvial (multiple categories)',\n\talluvial: {\n\t\tnodes: [\n\t\t\t{ name: '1st', category: 'Class' },\n\t\t\t{ name: '2nd', category: 'Class' },\n\t\t\t{ name: 'Crew', category: 'Class' },\n\t\t\t{ name: 'Male', category: 'Sex' },\n\t\t\t{ name: 'Female', category: 'Sex' },\n\t\t\t{ name: 'Child', category: 'Age' },\n\t\t\t{ name: 'Adult', category: 'Age' },\n\t\t\t{ name: 'Yes', category: 'Survived' },\n\t\t\t{ name: 'No', category: 'Survived' },\n\t\t],\n\t},\n};\n\nexport const alluvialMultipleCategoryData = [\n\t{\n\t\tsource: '1st',\n\t\ttarget: 'Female',\n\t\tvalue: 25,\n\t},\n\t{\n\t\tsource: '1st',\n\t\ttarget: 'Male',\n\t\tvalue: 35,\n\t},\n\t{\n\t\tsource: '2nd',\n\t\ttarget: 'Female',\n\t\tvalue: 35,\n\t},\n\t{\n\t\tsource: '2nd',\n\t\ttarget: 'Male',\n\t\tvalue: 50,\n\t},\n\t{\n\t\tsource: 'Crew',\n\t\ttarget: 'Male',\n\t\tvalue: 43,\n\t},\n\t{\n\t\tsource: 'Crew',\n\t\ttarget: 'Female',\n\t\tvalue: 18,\n\t},\n\t{\n\t\tsource: 'Male',\n\t\ttarget: 'Child',\n\t\tvalue: 38,\n\t},\n\t{\n\t\tsource: 'Male',\n\t\ttarget: 'Adult',\n\t\tvalue: 90,\n\t},\n\t{\n\t\tsource: 'Female',\n\t\ttarget: 'Adult',\n\t\tvalue: 52,\n\t},\n\t{\n\t\tsource: 'Female',\n\t\ttarget: 'Child',\n\t\tvalue: 26,\n\t},\n\t{\n\t\tsource: 'Child',\n\t\ttarget: 'Yes',\n\t\tvalue: 58,\n\t},\n\t{\n\t\tsource: 'Child',\n\t\ttarget: 'No',\n\t\tvalue: 6,\n\t},\n\t{\n\t\tsource: 'Adult',\n\t\ttarget: 'Yes',\n\t\tvalue: 22,\n\t},\n\t{\n\t\tsource: 'Adult',\n\t\ttarget: 'No',\n\t\tvalue: 120,\n\t},\n];\n\nexport const alluvialMonochromeData = alluvialSimpleData;\n\nexport const alluvialMonochromeOptions = {\n\ttitle: 'Alluvial (monochrome with custom node padding)',\n\talluvial: {\n\t\tnodes: [\n\t\t\t{ name: 'A', category: 'Start' },\n\t\t\t{ name: 'B', category: 'Start' },\n\t\t\t{ name: 'C', category: 'Start' },\n\t\t\t{ name: 'X', category: 'Finish' },\n\t\t\t{ name: 'Y', category: 'Finish' },\n\t\t\t{ name: 'Z', category: 'Finish' },\n\t\t],\n\t\tmonochrome: true,\n\t\tnodePadding: 33,\n\t},\n};\n"]}