@carbon/charts 0.29.1 → 0.29.2

package/demo/demo-data/create-codesandbox.js

@@ -1,5 +1,5 @@
 import { getParameters } from "codesandbox/lib/api/define";
-import { version as libraryVersion } from "../../package.json";
+var libraryVersion = require("@carbon/charts/package.json").version;
 export var createChartSandbox = function (chartTemplate) {
     var files = {};
     Object.keys(chartTemplate)

package/demo/demo-data/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\nimport { version as libraryVersion } from \"../../package.json\";\n\nexport const createChartSandbox = (chartTemplate: any) => {\n\tconst files = {};\n\n\tObject.keys(chartTemplate)\n\t\t.forEach(filePath => files[filePath] = { content: chartTemplate[filePath] });\n\n\treturn `https://codesandbox.io/api/v1/sandboxes/define?parameters=${getParameters({ files })}`;\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\tconst indexJs =\n\t\t`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\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: \"5.12.0\",\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\"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 =\n\t\t`import { Component } from \"@angular/core\";\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 =\n\t\t`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 =\n\t\t`<!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 =\n\t\t`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\t`{\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\tdependencies: {\n\t\t\t\"@angular/animations\": \"8.2.14\",\n\t\t\t\"@angular/common\": \"8.2.14\",\n\t\t\t\"@angular/compiler\": \"8.2.14\",\n\t\t\t\"@angular/core\": \"8.2.14\",\n\t\t\t\"@angular/forms\": \"8.2.14\",\n\t\t\t\"@angular/platform-browser\": \"8.2.14\",\n\t\t\t\"@angular/platform-browser-dynamic\": \"8.2.14\",\n\t\t\t\"@angular/router\": \"8.2.14\",\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-angular\": libraryVersion,\n\t\t\t\"core-js\": \"3.6.0\",\n\t\t\td3: \"5.15.0\",\n\t\t\trxjs: \"6.5.3\",\n\t\t\t\"zone.js\": \"0.10.2\"\n\t\t}\n\t}, null, \"\\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/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 =\n`<script>\nimport Vue from \"vue\";\nimport \"@carbon/charts/styles.css\";\nimport chartsVue from \"@carbon/charts-vue\";\nVue.use(chartsVue);\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 =\n`<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 =\n`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\tdependencies: {\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-vue\": libraryVersion,\n\t\t\t\"@vue/cli-plugin-babel\": \"4.1.1\",\n\t\t\td3: \"5.15.0\",\n\t\t\tvue: \"^2.6.11\"\n\t\t}\n\t}, null, \"\\t\\t\");\n\n\treturn {\n\t\t\"src/components/chart.vue\": chartVue,\n\t\t\"src/App.vue\": appVue,\n\t\t\"src/main.js\": mainJs,\n\t\t\"package.json\": packageJson\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 { version: libraryVersion } = require(\"@carbon/charts/package.json\");\n\nexport const createChartSandbox = (chartTemplate: any) => {\n\tconst files = {};\n\n\tObject.keys(chartTemplate)\n\t\t.forEach(filePath => files[filePath] = { content: chartTemplate[filePath] });\n\n\treturn `https://codesandbox.io/api/v1/sandboxes/define?parameters=${getParameters({ files })}`;\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\tconst indexJs =\n\t\t`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\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: \"5.12.0\",\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\"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 =\n\t\t`import { Component } from \"@angular/core\";\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 =\n\t\t`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 =\n\t\t`<!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 =\n\t\t`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\t`{\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\tdependencies: {\n\t\t\t\"@angular/animations\": \"8.2.14\",\n\t\t\t\"@angular/common\": \"8.2.14\",\n\t\t\t\"@angular/compiler\": \"8.2.14\",\n\t\t\t\"@angular/core\": \"8.2.14\",\n\t\t\t\"@angular/forms\": \"8.2.14\",\n\t\t\t\"@angular/platform-browser\": \"8.2.14\",\n\t\t\t\"@angular/platform-browser-dynamic\": \"8.2.14\",\n\t\t\t\"@angular/router\": \"8.2.14\",\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-angular\": libraryVersion,\n\t\t\t\"core-js\": \"3.6.0\",\n\t\t\td3: \"5.15.0\",\n\t\t\trxjs: \"6.5.3\",\n\t\t\t\"zone.js\": \"0.10.2\"\n\t\t}\n\t}, null, \"\\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/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 =\n`<script>\nimport Vue from \"vue\";\nimport \"@carbon/charts/styles.css\";\nimport chartsVue from \"@carbon/charts-vue\";\nVue.use(chartsVue);\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 =\n`<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 =\n`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\tdependencies: {\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-vue\": libraryVersion,\n\t\t\t\"@vue/cli-plugin-babel\": \"4.1.1\",\n\t\t\td3: \"5.15.0\",\n\t\t\tvue: \"^2.6.11\"\n\t\t}\n\t}, null, \"\\t\\t\");\n\n\treturn {\n\t\t\"src/components/chart.vue\": chartVue,\n\t\t\"src/App.vue\": appVue,\n\t\t\"src/main.js\": mainJs,\n\t\t\"package.json\": packageJson\n\t};\n};\n"]}

package/demo/demo-data/step.js

@@ -1,4 +1,4 @@
-import { Tools } from "../../src/tools";
+import { Tools } from "@carbon/charts/tools";
 import { lineData, lineOptions, lineTimeSeriesData, lineTimeSeriesOptions } from "./line";
 export var stepOptions = Tools.merge({}, lineOptions, {
     title: "Step (discrete)",

package/demo/demo-data/step.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.js","sourceRoot":"","sources":["step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EACN,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,qBAAqB,EACrB,MAAM,QAAQ,CAAC;AAEhB,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE;IACvD,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,QAAQ,CAAC;AAEjC,MAAM,CAAC,IAAM,qBAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,qBAAqB,EAAE;IAC3E,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG,kBAAkB,CAAC","sourcesContent":["import { Tools } from \"../../src/tools\";\n\nimport {\n\tlineData,\n\tlineOptions,\n\tlineTimeSeriesData,\n\tlineTimeSeriesOptions\n} from \"./line\";\n\nexport const stepOptions = Tools.merge({}, lineOptions, {\n\ttitle: \"Step (discrete)\",\n\tcurve: \"curveStepAfter\"\n});\n\nexport const stepData = lineData;\n\nexport const stepTimeSeriesOptions = Tools.merge({}, lineTimeSeriesOptions, {\n\ttitle: \"Step (time series)\",\n\tcurve: \"curveStepAfter\"\n});\n\nexport const stepTimeSeriesData = lineTimeSeriesData;\n"]}
+{"version":3,"file":"step.js","sourceRoot":"","sources":["step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EACN,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,qBAAqB,EACrB,MAAM,QAAQ,CAAC;AAEhB,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE;IACvD,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,QAAQ,CAAC;AAEjC,MAAM,CAAC,IAAM,qBAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,qBAAqB,EAAE;IAC3E,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG,kBAAkB,CAAC","sourcesContent":["import { Tools } from \"@carbon/charts/tools\";\n\nimport {\n\tlineData,\n\tlineOptions,\n\tlineTimeSeriesData,\n\tlineTimeSeriesOptions\n} from \"./line\";\n\nexport const stepOptions = Tools.merge({}, lineOptions, {\n\ttitle: \"Step (discrete)\",\n\tcurve: \"curveStepAfter\"\n});\n\nexport const stepData = lineData;\n\nexport const stepTimeSeriesOptions = Tools.merge({}, lineTimeSeriesOptions, {\n\ttitle: \"Step (time series)\",\n\tcurve: \"curveStepAfter\"\n});\n\nexport const stepTimeSeriesData = lineTimeSeriesData;\n"]}

package/demo/demo-options.d.ts

@@ -0,0 +1,2 @@
+export declare const setOrUpdateParam: (name: any, value: any) => void;
+export declare const initializeDemoOptions: () => void;

package/demo/demo-options.js

@@ -0,0 +1,43 @@
+export var setOrUpdateParam = function (name, value) {
+    var params = new URLSearchParams(location.search);
+    // Remove any existing "theme" param
+    if (params.has(name)) {
+        params.delete(name);
+    }
+    params.append(name, value);
+    location.search = params.toString();
+};
+// Theme selector
+var initializeThemeSelector = function () {
+    var dropdownOptions = Array.prototype.slice.call(document.querySelectorAll("div.theme-selector a.bx--dropdown-link"));
+    // Set click listeners for the dropdown options
+    dropdownOptions.forEach(function (dropdownOption) {
+        dropdownOption.addEventListener("click", function (e) {
+            e.preventDefault();
+            setOrUpdateParam("theme", e.target.parentNode.getAttribute("data-value"));
+        });
+    });
+    // Set state for current theme
+    var params = new URLSearchParams(location.search);
+    if (params.has("theme")) {
+        var themeName_1 = params.get("theme");
+        if (themeName_1 !== "DEFAULT") {
+            // Add theme CSS bundle
+            var linkElement = document.createElement("link");
+            linkElement.setAttribute("rel", "stylesheet");
+            linkElement.setAttribute("type", "text/css");
+            linkElement.setAttribute("href", "styles-" + themeName_1 + ".css");
+            document.head.appendChild(linkElement);
+            // Add classname to body for demo site theming
+            document.body.classList.add("carbon--dark-" + themeName_1);
+        }
+        // Update selected dropdown item
+        var dropdownDefaultOption = document.querySelector("div.theme-selector li.bx--dropdown-text");
+        var selectedOption = dropdownOptions.find(function (option) { return option.parentNode.getAttribute("data-value") === themeName_1; });
+        dropdownDefaultOption.innerHTML = selectedOption.innerText;
+    }
+};
+export var initializeDemoOptions = function () {
+    initializeThemeSelector();
+};
+//# sourceMappingURL=../../demo/demo-options.js.map

package/demo/demo-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo-options.js","sourceRoot":"","sources":["demo-options.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,IAAI,EAAE,KAAK;IACxC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEnD,oCAAoC;IACpC,IAAI,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KACvB;IAED,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE3B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF,iBAAiB;AACjB,IAAM,uBAAuB,GAAG;IAC5B,IAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAC9C,QAAQ,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,CACtE,CAAC;IAEF,+CAA+C;IAC/C,eAAe,CAAC,OAAO,CAAC,UAAA,cAAc;QAClC,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAA,CAAC;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,8BAA8B;IACjC,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpD,IAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;QACxB,IAAM,WAAS,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEtC,IAAI,WAAS,KAAK,SAAS,EAAE;YAC5B,uBAAuB;YACvB,IAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACnD,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;YAC9C,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAC7C,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,YAAU,WAAS,SAAM,CAAC,CAAC;YAC5D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;YAEvC,8CAA8C;YAC9C,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAgB,WAAW,CAAC,CAAC;SACzD;QAED,gCAAgC;QAChC,IAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,yCAAyC,CAAC,CAAC;QAChG,IAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,WAAS,EAA1D,CAA0D,CAAC,CAAC;QAClH,qBAAqB,CAAC,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;KAC3D;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACjC,uBAAuB,EAAE,CAAC;AAC9B,CAAC,CAAC","sourcesContent":["export const setOrUpdateParam = (name, value) => {\n    const params = new URLSearchParams(location.search)\n\n    // Remove any existing \"theme\" param\n    if (params.has(name)) {\n        params.delete(name);\n    }\n\n    params.append(name, value);\n\n    location.search = params.toString();\n};\n\n// Theme selector\nconst initializeThemeSelector = () => {\n    const dropdownOptions = Array.prototype.slice.call(\n        document.querySelectorAll(\"div.theme-selector a.bx--dropdown-link\")\n    );\n\n    // Set click listeners for the dropdown options\n    dropdownOptions.forEach(dropdownOption => {\n        dropdownOption.addEventListener(\"click\", e => {\n            e.preventDefault();\n\n            setOrUpdateParam(\"theme\", e.target.parentNode.getAttribute(\"data-value\"));\n        });\n    });\n\n    // Set state for current theme\n\tconst params = new URLSearchParams(location.search);\n\tif (params.has(\"theme\")) {\n\t\tconst themeName = params.get(\"theme\");\n\n\t\tif (themeName !== \"DEFAULT\") {\n\t\t\t// Add theme CSS bundle\n\t\t\tconst linkElement = document.createElement(\"link\");\n\t\t\tlinkElement.setAttribute(\"rel\", \"stylesheet\");\n\t\t\tlinkElement.setAttribute(\"type\", \"text/css\");\n\t\t\tlinkElement.setAttribute(\"href\", `styles-${themeName}.css`);\n\t\t\tdocument.head.appendChild(linkElement);\n\n\t\t\t// Add classname to body for demo site theming\n\t\t\tdocument.body.classList.add(`carbon--dark-${themeName}`);\n\t\t}\n\n\t\t// Update selected dropdown item\n\t\tconst dropdownDefaultOption = document.querySelector(\"div.theme-selector li.bx--dropdown-text\");\n\t\tconst selectedOption = dropdownOptions.find(option => option.parentNode.getAttribute(\"data-value\") === themeName);\n\t\tdropdownDefaultOption.innerHTML = selectedOption.innerText;\n\t}\n};\n\nexport const initializeDemoOptions = () => {\n    initializeThemeSelector();\n};\n"]}

package/demo/index.d.ts

@@ -0,0 +1 @@
+import "./index.scss";

package/demo/index.js

@@ -0,0 +1,128 @@
+import * as Charts from "@carbon/charts";
+// Styles
+import "./index.scss";
+// Functionality for demo options toolbar
+import { initializeDemoOptions } from "./demo-options";
+// Chart types
+import { demoGroups } from "./demo-data/index";
+// MISC
+import { Tools } from "@carbon/charts/tools";
+initializeDemoOptions();
+var charts = {};
+var changeDemoData = function (id, chartObj) {
+    var oldData = chartObj.model.getData();
+    // Function to be used to randomize a value
+    var randomizeValue = function (datum) {
+        var currentVal = datum.value !== undefined ? datum.value : datum;
+        var result = Math.random() > 0.5 ? 0.95 * currentVal : 1.05 * currentVal;
+        if (Math.random() > 0.5
+            || id.indexOf("stacked") !== -1
+            || id.indexOf("pie") !== -1
+            || id.indexOf("donut") !== -1) {
+            result = Math.floor(result);
+        }
+        else {
+            result = Math.floor(result) * -1;
+        }
+        if (datum.value !== undefined) {
+            datum.value = result;
+            if (datum.date) {
+                datum.date = new Date(datum.date);
+                datum.date.setDate(datum.date.getDate() + 2);
+            }
+            return datum;
+        }
+        return result;
+    };
+    // Function to be used to randomize all data points
+    var updateChartData = function (currentData) {
+        var result = Tools.clone(currentData);
+        result.datasets = result.datasets.map(function (dataset) {
+            dataset.label = "new dataset " + Math.random().toFixed(2);
+            var datasetNewData = dataset.data.map(function (dataPoint) {
+                return randomizeValue(dataPoint);
+            });
+            var newDataset = Object.assign({}, dataset, { data: datasetNewData });
+            return newDataset;
+        });
+        return result;
+    };
+    var chartObject = charts[id];
+    var newData;
+    var removeADataset = Math.random() > 0.5;
+    switch (id) {
+        case "pie":
+        case "donut":
+            // Randomize old data values
+            newData = updateChartData(oldData);
+            break;
+        default:
+            newData = updateChartData(oldData);
+            if (removeADataset) {
+                var randomIndex = Math.floor(Math.random() * (newData.datasets.length - 1));
+                newData.datasets.splice(randomIndex, randomIndex);
+            }
+            break;
+    }
+    // Handle setting the new data
+    chartObject.model.setData(newData);
+};
+var setDemoActionsEventListener = function (id, chartObj) {
+    var changeDataButton = document.getElementById("change-data-" + id);
+    if (changeDataButton) {
+        changeDataButton.onclick = function (e) {
+            e.preventDefault();
+            changeDemoData(id, chartObj);
+        };
+        var actionsElement = document.getElementById("actions-" + id);
+        if (actionsElement) {
+            var changeDataPromiseButtons = Array.prototype.slice.call(actionsElement.querySelectorAll(".change-data-promise"));
+            changeDataPromiseButtons.forEach(function (element) {
+                element = element;
+                element.onclick = function (e) {
+                    e.preventDefault();
+                    changeDemoData(id, chartObj);
+                };
+            });
+        }
+    }
+};
+var createChartContainer = function (demo) {
+    // Chart holder
+    var holder = document.createElement("div");
+    holder.className = "demo-chart-holder has-actions";
+    holder.id = demo.id;
+    document.body.appendChild(holder);
+    // Chart demo actions container
+    var chartDemoActions = document.createElement("div");
+    chartDemoActions.className = "chart-demo-actions";
+    chartDemoActions.id = "actions-" + demo.id;
+    chartDemoActions.setAttribute("role", "region");
+    chartDemoActions.setAttribute("aria-label", demo.title + " chart actions");
+    // Add update data button
+    var updateDataButton = document.createElement("button");
+    updateDataButton.className = "bx--btn bx--btn--primary";
+    updateDataButton.id = "change-data-" + demo.id;
+    updateDataButton.innerHTML = "Update data";
+    chartDemoActions.appendChild(updateDataButton);
+    document.body.appendChild(chartDemoActions);
+    return holder;
+};
+// Initialize all charts
+demoGroups.forEach(function (demoGroup) {
+    demoGroup.demos.forEach(function (demo) {
+        var holder = createChartContainer(demo);
+        if (holder) {
+            var ClassToInitialize = Charts[demo.chartType.vanilla];
+            // Add `height` to the chart options
+            demo.options.height = "500px";
+            // Initialize chart
+            charts[demo.id] = new ClassToInitialize(holder, {
+                data: demo.data,
+                options: demo.options
+            });
+            setDemoActionsEventListener(demo.id, charts[demo.id]);
+        }
+    });
+});
+//# sourceMappingURL=../../demo/index.js.map

package/demo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["import * as Charts from \"@carbon/charts\";\n\n// Styles\nimport \"./index.scss\";\n\n// Functionality for demo options toolbar\nimport { initializeDemoOptions } from \"./demo-options\";\n\n// Chart types\nimport { demoGroups } from \"./demo-data/index\";\n\n// MISC\nimport { Tools } from \"@carbon/charts/tools\";\n\ninitializeDemoOptions();\n\nconst charts = {};\n\nconst changeDemoData = (id: any, chartObj: any) => {\n\tconst oldData = chartObj.model.getData();\n\n\t// Function to be used to randomize a value\n\tconst randomizeValue = datum => {\n\t\tconst currentVal = datum.value !== undefined ? datum.value : datum;\n\t\tlet result = Math.random() > 0.5 ? 0.95 * currentVal : 1.05 * currentVal;\n\n\t\tif (Math.random() > 0.5\n\t\t\t|| id.indexOf(\"stacked\") !== -1\n\t\t\t|| id.indexOf(\"pie\") !== -1\n\t\t\t|| id.indexOf(\"donut\") !== -1) {\n\t\t\tresult = Math.floor(result);\n\t\t} else {\n\t\t\tresult = Math.floor(result) * -1;\n\t\t}\n\n\t\tif (datum.value !== undefined) {\n\t\t\tdatum.value = result;\n\n\t\t\tif (datum.date) {\n\t\t\t\tdatum.date = new Date(datum.date);\n\t\t\t\tdatum.date.setDate(datum.date.getDate() + 2);\n\t\t\t}\n\n\t\t\treturn datum;\n\t\t}\n\n\t\treturn result;\n\t};\n\n\t// Function to be used to randomize all data points\n\tconst updateChartData = currentData => {\n\t\tconst result = Tools.clone(currentData);\n\t\tresult.datasets = result.datasets.map(dataset => {\n\t\t\tdataset.label = `new dataset ${Math.random().toFixed(2)}`\n\t\t\tconst datasetNewData = dataset.data.map(dataPoint => {\n\t\t\t\treturn randomizeValue(dataPoint)\n\t\t\t});\n\n\t\t\tconst newDataset = Object.assign({}, dataset, { data: datasetNewData });\n\n\t\t\treturn newDataset;\n\t\t});\n\n\t\treturn result;\n\t};\n\n\tconst chartObject = charts[id];\n\tlet newData;\n\n\tconst removeADataset = Math.random() > 0.5;\n\n\tswitch (id) {\n\t\tcase \"pie\":\n\t\tcase \"donut\":\n\t\t\t// Randomize old data values\n\t\t\tnewData = updateChartData(oldData);\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tnewData = updateChartData(oldData);\n\n\t\t\tif (removeADataset) {\n\t\t\t\tconst randomIndex = Math.floor(Math.random() * (newData.datasets.length - 1));\n\t\t\t\tnewData.datasets.splice(randomIndex, randomIndex);\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\t// Handle setting the new data\n\tchartObject.model.setData(newData);\n};\n\nconst setDemoActionsEventListener = (id: any, chartObj: any) => {\n\tconst changeDataButton = document.getElementById(`change-data-${id}`);\n\tif (changeDataButton) {\n\t\tchangeDataButton.onclick = e => {\n\t\t\te.preventDefault();\n\n\t\t\tchangeDemoData(id, chartObj);\n\t\t};\n\n\t\tconst actionsElement = document.getElementById(`actions-${id}`);\n\t\tif (actionsElement) {\n\t\t\tconst changeDataPromiseButtons = Array.prototype.slice.call(actionsElement.querySelectorAll(\".change-data-promise\"));\n\t\t\tchangeDataPromiseButtons.forEach(element => {\n\t\t\t\telement = <HTMLElement>element;\n\t\t\t\telement.onclick = e => {\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tchangeDemoData(id, chartObj);\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}\n};\n\nconst createChartContainer = demo => {\n\t// Chart holder\n\tconst holder = document.createElement(\"div\");\n\tholder.className = \"demo-chart-holder has-actions\";\n\tholder.id = demo.id;\n\n\tdocument.body.appendChild(holder);\n\n\t// Chart demo actions container\n\tconst chartDemoActions = document.createElement(\"div\");\n\tchartDemoActions.className = \"chart-demo-actions\";\n\tchartDemoActions.id = `actions-${demo.id}`;\n\tchartDemoActions.setAttribute(\"role\", \"region\");\n\tchartDemoActions.setAttribute(\"aria-label\", `${demo.title} chart actions`);\n\n\t// Add update data button\n\tconst updateDataButton = document.createElement(\"button\");\n\tupdateDataButton.className = \"bx--btn bx--btn--primary\";\n\tupdateDataButton.id = `change-data-${demo.id}`;\n\tupdateDataButton.innerHTML = \"Update data\";\n\n\tchartDemoActions.appendChild(updateDataButton);\n\tdocument.body.appendChild(chartDemoActions);\n\n\treturn holder;\n};\n\n// Initialize all charts\ndemoGroups.forEach(demoGroup => {\n\tdemoGroup.demos.forEach(demo => {\n\t\tconst holder = createChartContainer(demo);\n\t\tif (holder) {\n\t\t\tconst ClassToInitialize = Charts[demo.chartType.vanilla];\n\n\t\t\t// Add `height` to the chart options\n\t\t\tdemo.options.height = \"500px\";\n\n\t\t\t// Initialize chart\n\t\t\tcharts[demo.id] = new ClassToInitialize(\n\t\t\t\tholder,\n\t\t\t\t{\n\t\t\t\t\tdata: demo.data,\n\t\t\t\t\toptions: demo.options\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tsetDemoActionsEventListener(demo.id, charts[demo.id]);\n\t\t}\n\t});\n});\n"]}