@carbon/charts 1.7.6 → 1.9.0-next.0

package/package.json

@@ -1,28 +1,149 @@
 {
   "name": "@carbon/charts",
-  "version": "1.7.6",
-  "description": "Carbon charting components",
-  "main": "./bundle.js",
-  "module": "./index.js",
+  "version": "1.9.0-next.0",
+  "description": "Carbon Charts component library",
+  "module": "./dist/index.mjs",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.min.css": "./dist/styles.min.css",
+    "./styles.css": "./dist/styles.css",
+    "./styles.scss": "./dist/styles/index.scss",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "browser": {
+        "import": "./dist/index.mjs",
+        "require": "./dist/index.js"
+      },
+      "node": {
+        "import": "./dist/index.mjs",
+        "require": "./dist/index.js"
+      }
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs",
+      "require": "./dist/components/index.js"
+    },
+    "./demo/styles.css": "./dist/demo/styles.css",
+    "./demo": {
+      "types": "./dist/demo/index.d.ts",
+      "import": "./dist/demo/index.mjs",
+      "require": "./dist/demo/index.js"
+    },
+    "./interfaces": {
+      "types": "./dist/interfaces/index.d.ts",
+      "import": "./dist/interfaces/index.mjs",
+      "require": "./dist/interfaces/index.js"
+    },
+    "./model": {
+      "types": "./dist/model/index.d.ts",
+      "import": "./dist/model/index.mjs",
+      "require": "./dist/model/index.js"
+    },
+    "./services": {
+      "types": "./dist/services/index.d.ts",
+      "import": "./dist/services/index.mjs",
+      "require": "./dist/services/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
   "scripts": {
-    "demo:build": "build-storybook -o demo/bundle -s ./.storybook/assets --quiet && yarn run docs:build",
-    "demo:server": "yarn run storybook",
-    "docs:build": "typedoc --tsconfig ./src/tsconfig.json --ignoreCompilerErrors --out ./demo/bundle/documentation ./src/index.ts",
-    "build": "bash build.sh",
-    "lint": "tslint -p tsconfig.json -c tslint.json",
-    "test": "karma start --single-run",
-    "test:watch": "karma start --no-single-run",
-    "clean": "rm -rf dist demo/bundle",
-    "format": "prettier . --write \"**/*.{scss,css,js,ts,md}\"",
-    "start": "yarn run storybook",
-    "storybook": "start-storybook -p 9006 -c .storybook -s ./.storybook/assets",
-    "postinstall": "carbon-telemetry collect --install"
+    "postinstall": "carbon-telemetry collect --install",
+    "file:scss:charts": "cp -a src/styles/. dist/styles",
+    "file:css:charts": "sass src/styles/index.scss dist/styles.css --load-path=./node_modules --load-path=../../node_modules",
+    "file:css:min:charts": "sass src/styles/index.scss dist/styles.min.css --style=compressed --load-path=./node_modules --load-path=../../node_modules",
+    "file:css:demo": "sass src/demo/styles.scss dist/demo/styles.css --load-path=./node_modules --load-path=../../node_modules",
+    "file:downlevel:dts": "downlevel-dts dist dist",
+    "postbundle": "concurrently \"yarn:file:*\"",
+    "build:package": "vite build && yarn postbundle",
+    "demo:docs": "typedoc ./src/index.ts --out ./demo/bundle/documentation",
+    "demo:storybook": "storybook build -o demo/bundle --quiet",
+    "build:demo": "concurrently \"yarn:demo:*\"",
+    "build": "yarn build:package && yarn build:demo",
+    "storybook": "storybook dev -p 9006",
+    "start": "yarn storybook",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint . --ext .js,.cjs,.mjs,.ts --fix --ignore-path ../../.eslintignore",
+    "format": "prettier . --write \"**/*.{scss,css,js,ts,mjs,cjs,md}\" --ignore-path ../../.eslintignore",
+    "clean": "rm -rf dist demo/bundle"
   },
   "repository": {
     "type": "git",
     "url": "git@github.com:carbon-design-system/carbon-charts.git",
     "homepage": "https://carbon-design-system.github.io/carbon-charts/"
   },
+  "dependencies": {
+    "@carbon/colors": "^11.16.0",
+    "@carbon/import-once": "^10.7.0",
+    "@carbon/layout": "^11.15.0",
+    "@carbon/styles": "^1.31.2",
+    "@carbon/telemetry": "~0.1.0",
+    "@carbon/themes": "^11.20.0",
+    "@carbon/utils-position": "^1.1.4",
+    "carbon-components": "^10.58.7",
+    "d3": "^7.8.5",
+    "d3-cloud": "^1.2.5",
+    "d3-sankey": "^0.12.3",
+    "date-fns": "^2.30.0",
+    "dom-to-image-more": "^3.1.6",
+    "lodash-es": "^4.17.21",
+    "resize-observer-polyfill": "^1.5.1",
+    "topojson-client": "3.1.0",
+    "tslib": "^2.5.3"
+  },
+  "peerDependencies": {
+    "d3": "^7.0.0",
+    "d3-cloud": "^1.2.5",
+    "d3-sankey": "^0.12.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.5",
+    "@rushstack/eslint-patch": "^1.3.2",
+    "@stackblitz/sdk": "^1.9.0",
+    "@storybook/addon-essentials": "^7.0.21",
+    "@storybook/addon-interactions": "^7.0.21",
+    "@storybook/addon-links": "^7.0.21",
+    "@storybook/blocks": "^7.0.21",
+    "@storybook/html": "^7.0.21",
+    "@storybook/html-vite": "^7.0.21",
+    "@storybook/manager-api": "^7.0.21",
+    "@storybook/testing-library": "^0.1.0",
+    "@storybook/theming": "^7.0.21",
+    "@types/d3": "^7.4.0",
+    "@types/d3-cloud": "^1.2.5",
+    "@types/d3-sankey": "^0.12.1",
+    "@types/lodash-es": "^4.17.7",
+    "@types/topojson": "^3.2.3",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
+    "codesandbox": "^2.2.3",
+    "concurrently": "^8.2.0",
+    "downlevel-dts": "^0.11.0",
+    "eslint": "^8.42.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-storybook": "^0.6.12",
+    "jsdom": "^22.1.0",
+    "prettier": "^2.8.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.63.4",
+    "storybook": "^7.0.21",
+    "typedoc": "^0.24.8",
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "~2.3.0",
+    "vitest": "^0.32.2"
+  },
+  "prettier": "../../prettier.config.cjs",
+  "publishConfig": {
+    "access": "public"
+  },
   "keywords": [
     "carbon",
     "charts",
@@ -47,89 +168,6 @@
   ],
   "author": "IBM",
   "license": "Apache-2.0",
-  "dependencies": {
-    "@carbon/styles": "^1.26.0",
-    "@carbon/telemetry": "^0.1.0",
-    "@carbon/utils-position": "^1.1.4",
-    "carbon-components": "^10.58.3",
-    "d3-cloud": "1.2.5",
-    "d3-sankey": "0.12.3",
-    "date-fns": "2.8.1",
-    "dom-to-image-more": "^3.1.6",
-    "lodash-es": "4.17.21",
-    "resize-observer-polyfill": "1.5.0"
-  },
-  "peerDependencies": {
-    "d3": "7.x"
-  },
-  "devDependencies": {
-    "@carbon/colors": "^11.13.0",
-    "@carbon/elements": "^11.20.0",
-    "@carbon/grid": "^11.12.0",
-    "@carbon/import-once": "^10.7.0",
-    "@carbon/layout": "^11.12.0",
-    "@carbon/motion": "^11.10.0",
-    "@carbon/themes": "^11.17.0",
-    "@carbon/type": "^11.16.0",
-    "@rollup/plugin-json": "4.0.2",
-    "@rollup/plugin-replace": "3.0.0",
-    "@storybook/addon-knobs": "5.3.12",
-    "@storybook/addon-options": "5.3.12",
-    "@storybook/html": "5.3.12",
-    "@storybook/preset-typescript": "1.1.0",
-    "@types/d3": "7.0.0",
-    "@types/jasmine": "2.8.7",
-    "@types/karma": "3.0.2",
-    "@types/node": "^12.0.0",
-    "babel-core": "6.26.0",
-    "babel-loader": "7.1.2",
-    "babel-polyfill": "6.26.0",
-    "codesandbox": "2.1.11",
-    "concurrently": "5.1.0",
-    "copy-webpack-plugin": "4.5.2",
-    "css-loader": "0.28.7",
-    "d3": "7.0.0",
-    "extract-text-webpack-plugin": "3.0.2",
-    "file-loader": "1.1.5",
-    "fork-ts-checker-webpack-plugin": "^4.0.5",
-    "highlight.js": "10.5.0",
-    "html-loader": "0.5.1",
-    "html-webpack-exclude-assets-plugin": "0.0.7",
-    "html-webpack-plugin": "3.2.0",
-    "jasmine-core": "3.4.0",
-    "karma": "4.0.1",
-    "karma-chrome-launcher": "2.2.0",
-    "karma-firefox-launcher": "1.1.0",
-    "karma-jasmine": "2.0.1",
-    "karma-safari-launcher": "1.0.0",
-    "karma-webpack": "4.0.2",
-    "lerna": "3.13.4",
-    "marked": "0.8.2",
-    "mini-css-extract-plugin": "0.9.0",
-    "raw-loader": "0.5.1",
-    "react-docgen-typescript-loader": "^3.6.0",
-    "rollup": "1.27.10",
-    "rollup-plugin-commonjs": "10.1.0",
-    "rollup-plugin-node-resolve": "5.2.0",
-    "rollup-plugin-terser": "5.1.2",
-    "rollup-plugin-typescript2": "0.26.0",
-    "sass": "1.49.9",
-    "sass-loader": "10.1.1",
-    "style-loader": "0.19.0",
-    "ts-loader": "^6.2.1",
-    "tslint": "5.20.1",
-    "tslint-loader": "3.5.3",
-    "typedoc": "0.11.1",
-    "typescript": "3.7.5",
-    "url-loader": "0.6.2",
-    "webpack": "4.41.0",
-    "webpack-cli": "3.3.11",
-    "webpack-dev-server": "3.7.0"
-  },
-  "publishConfig": {
-    "directory": "dist",
-    "access": "public"
-  },
   "maintainers": [
     {
       "name": "Eliad Moosavi",
@@ -143,5 +181,6 @@
       "email": "iliadm@ca.ibm.com",
       "url": "https://github.com/theiliad"
     }
-  ]
-}
+  ],
+  "gitHead": "39849c0d6318732d64a54febf8fb5467855595d8"
+}

package/axis-chart.d.ts

@@ -1,10 +0,0 @@
-import { Chart } from './chart';
-import { ChartModelCartesian } from './model/cartesian-charts';
-import { ChartConfig, AxisChartOptions } from './interfaces';
-import { Modal, LayoutComponent, AxisChartsTooltip } from './components';
-export declare class AxisChart extends Chart {
-    services: any;
-    model: ChartModelCartesian;
-    constructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>);
-    protected getAxisChartComponents(graphFrameComponents: any[], configs?: any): (LayoutComponent | AxisChartsTooltip | Modal)[];
-}

package/axis-chart.js

@@ -1,169 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-import { Chart } from './chart';
-import { ChartModelCartesian } from './model/cartesian-charts';
-import { LayoutDirection, LayoutGrowth, LegendOrientations, LegendPositions, AxisPositions, ScaleTypes, RenderTypes, LayoutAlignItems, } from './interfaces';
-import { ChartBrush, ChartClip, Modal, LayoutComponent, Legend, Threshold, Highlight, Title, AxisChartsTooltip, Spacer, Toolbar, ZoomBar, } from './components';
-import * as Tools from './tools';
-import { CartesianScales, Curves, Zoom } from './services';
-var AxisChart = /** @class */ (function (_super) {
-    __extends(AxisChart, _super);
-    function AxisChart(holder, chartConfigs) {
-        var _this = _super.call(this, holder, chartConfigs) || this;
-        _this.services = Object.assign(_this.services, {
-            cartesianScales: CartesianScales,
-            curves: Curves,
-            zoom: Zoom,
-        });
-        _this.model = new ChartModelCartesian(_this.services);
-        return _this;
-    }
-    AxisChart.prototype.getAxisChartComponents = function (graphFrameComponents, configs) {
-        var options = this.model.getOptions();
-        var isZoomBarEnabled = Tools.getProperty(options, 'zoomBar', AxisPositions.TOP, 'enabled');
-        var toolbarEnabled = Tools.getProperty(options, 'toolbar', 'enabled');
-        this.services.cartesianScales.determineAxisDuality();
-        this.services.cartesianScales.findDomainAndRangeAxes(); // need to do this before getMainXAxisPosition()
-        this.services.cartesianScales.determineOrientation();
-        var mainXAxisPosition = this.services.cartesianScales.getMainXAxisPosition();
-        var mainXScaleType = Tools.getProperty(options, 'axes', mainXAxisPosition, 'scaleType');
-        // @todo - Zoom Bar only supports main axis at BOTTOM axis and time scale for now
-        var zoomBarEnabled = isZoomBarEnabled &&
-            mainXAxisPosition === AxisPositions.BOTTOM &&
-            mainXScaleType === ScaleTypes.TIME;
-        // @todo - should check if zoom bar in all axes are locked
-        var isZoomBarLocked = this.services.zoom.isZoomBarLocked(AxisPositions.TOP);
-        var titleAvailable = !!this.model.getOptions().title;
-        var titleComponent = {
-            id: 'title',
-            components: [new Title(this.model, this.services)],
-            growth: LayoutGrowth.STRETCH,
-        };
-        var toolbarComponent = {
-            id: 'toolbar',
-            components: [new Toolbar(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        var headerComponent = {
-            id: 'header',
-            components: [
-                new LayoutComponent(this.model, this.services, __spreadArrays([
-                    // always add title to keep layout correct
-                    titleComponent
-                ], (toolbarEnabled ? [toolbarComponent] : [])), {
-                    direction: LayoutDirection.ROW,
-                    alignItems: LayoutAlignItems.CENTER,
-                }),
-            ],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        var legendComponent = {
-            id: 'legend',
-            components: [new Legend(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        // if all zoom bars are locked, no need to add chart brush
-        if (zoomBarEnabled && !isZoomBarLocked) {
-            graphFrameComponents.push(new ChartClip(this.model, this.services), new ChartBrush(this.model, this.services));
-        }
-        graphFrameComponents.push(new Threshold(this.model, this.services));
-        graphFrameComponents.push(new Highlight(this.model, this.services));
-        var graphFrameComponent = {
-            id: 'graph-frame',
-            components: graphFrameComponents,
-            growth: LayoutGrowth.STRETCH,
-            renderType: RenderTypes.SVG,
-        };
-        var isLegendEnabled = Tools.getProperty(configs, 'legend', 'enabled') !== false &&
-            this.model.getOptions().legend.enabled !== false;
-        // Decide the position of the legend in reference to the chart
-        var fullFrameComponentDirection = LayoutDirection.COLUMN;
-        if (isLegendEnabled) {
-            var legendPosition = Tools.getProperty(this.model.getOptions(), 'legend', 'position');
-            if (legendPosition === LegendPositions.LEFT) {
-                fullFrameComponentDirection = LayoutDirection.ROW;
-                if (!this.model.getOptions().legend.orientation) {
-                    this.model.getOptions().legend.orientation =
-                        LegendOrientations.VERTICAL;
-                }
-            }
-            else if (legendPosition === LegendPositions.RIGHT) {
-                fullFrameComponentDirection = LayoutDirection.ROW_REVERSE;
-                if (!this.model.getOptions().legend.orientation) {
-                    this.model.getOptions().legend.orientation =
-                        LegendOrientations.VERTICAL;
-                }
-            }
-            else if (legendPosition === LegendPositions.BOTTOM) {
-                fullFrameComponentDirection = LayoutDirection.COLUMN_REVERSE;
-            }
-        }
-        var legendSpacerComponent = {
-            id: 'spacer',
-            components: [new Spacer(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-        };
-        var fullFrameComponent = {
-            id: 'full-frame',
-            components: [
-                new LayoutComponent(this.model, this.services, __spreadArrays((isLegendEnabled ? [legendComponent] : []), (isLegendEnabled ? [legendSpacerComponent] : []), [
-                    graphFrameComponent,
-                ]), {
-                    direction: fullFrameComponentDirection,
-                }),
-            ],
-            growth: LayoutGrowth.STRETCH,
-        };
-        var zoomBarComponent = {
-            id: 'zoom-bar',
-            components: [new ZoomBar(this.model, this.services)],
-            growth: LayoutGrowth.PREFERRED,
-            renderType: RenderTypes.SVG,
-        };
-        var topLevelLayoutComponents = [];
-        // header component is required for either title or toolbar
-        if (titleAvailable || toolbarEnabled) {
-            topLevelLayoutComponents.push(headerComponent);
-            var titleSpacerComponent = {
-                id: 'spacer',
-                components: [
-                    new Spacer(this.model, this.services, toolbarEnabled ? { size: 15 } : undefined),
-                ],
-                growth: LayoutGrowth.PREFERRED,
-            };
-            topLevelLayoutComponents.push(titleSpacerComponent);
-        }
-        if (zoomBarEnabled) {
-            topLevelLayoutComponents.push(zoomBarComponent);
-        }
-        topLevelLayoutComponents.push(fullFrameComponent);
-        return [
-            new AxisChartsTooltip(this.model, this.services),
-            new Modal(this.model, this.services),
-            new LayoutComponent(this.model, this.services, topLevelLayoutComponents, {
-                direction: LayoutDirection.COLUMN,
-            }),
-        ];
-    };
-    return AxisChart;
-}(Chart));
-export { AxisChart };
-//# sourceMappingURL=../src/axis-chart.js.map

package/axis-chart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"axis-chart.js","sourceRoot":"","sources":["axis-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { Chart } from './chart';\nimport { ChartModelCartesian } from './model/cartesian-charts';\nimport {\n\tLayoutDirection,\n\tLayoutGrowth,\n\tLegendOrientations,\n\tLegendPositions,\n\tChartConfig,\n\tAxisChartOptions,\n\tAxisPositions,\n\tScaleTypes,\n\tRenderTypes,\n\tLayoutAlignItems,\n} from './interfaces';\nimport {\n\tChartBrush,\n\tChartClip,\n\tModal,\n\tLayoutComponent,\n\tLegend,\n\tThreshold,\n\tHighlight,\n\tTitle,\n\tAxisChartsTooltip,\n\tSpacer,\n\tToolbar,\n\tZoomBar,\n} from './components';\nimport * as Tools from './tools';\n\nimport { CartesianScales, Curves, Zoom } from './services';\n\nexport class AxisChart extends Chart {\n\tservices: any = Object.assign(this.services, {\n\t\tcartesianScales: CartesianScales,\n\t\tcurves: Curves,\n\t\tzoom: Zoom,\n\t});\n\tmodel: ChartModelCartesian = new ChartModelCartesian(this.services);\n\n\tconstructor(holder: Element, chartConfigs: ChartConfig<AxisChartOptions>) {\n\t\tsuper(holder, chartConfigs);\n\t}\n\n\tprotected getAxisChartComponents(\n\t\tgraphFrameComponents: any[],\n\t\tconfigs?: any\n\t) {\n\t\tconst options = this.model.getOptions();\n\t\tconst isZoomBarEnabled = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'zoomBar',\n\t\t\tAxisPositions.TOP,\n\t\t\t'enabled'\n\t\t);\n\t\tconst toolbarEnabled = Tools.getProperty(options, 'toolbar', 'enabled');\n\n\t\tthis.services.cartesianScales.determineAxisDuality();\n\t\tthis.services.cartesianScales.findDomainAndRangeAxes(); // need to do this before getMainXAxisPosition()\n\t\tthis.services.cartesianScales.determineOrientation();\n\n\t\tconst mainXAxisPosition = this.services.cartesianScales.getMainXAxisPosition();\n\t\tconst mainXScaleType = Tools.getProperty(\n\t\t\toptions,\n\t\t\t'axes',\n\t\t\tmainXAxisPosition,\n\t\t\t'scaleType'\n\t\t);\n\t\t// @todo - Zoom Bar only supports main axis at BOTTOM axis and time scale for now\n\t\tconst zoomBarEnabled =\n\t\t\tisZoomBarEnabled &&\n\t\t\tmainXAxisPosition === AxisPositions.BOTTOM &&\n\t\t\tmainXScaleType === ScaleTypes.TIME;\n\n\t\t// @todo - should check if zoom bar in all axes are locked\n\t\tconst isZoomBarLocked = this.services.zoom.isZoomBarLocked(\n\t\t\tAxisPositions.TOP\n\t\t);\n\n\t\tconst titleAvailable = !!this.model.getOptions().title;\n\t\tconst titleComponent = {\n\t\t\tid: 'title',\n\t\t\tcomponents: [new Title(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.STRETCH,\n\t\t};\n\n\t\tconst toolbarComponent = {\n\t\t\tid: 'toolbar',\n\t\t\tcomponents: [new Toolbar(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\tconst headerComponent = {\n\t\t\tid: 'header',\n\t\t\tcomponents: [\n\t\t\t\tnew LayoutComponent(\n\t\t\t\t\tthis.model,\n\t\t\t\t\tthis.services,\n\t\t\t\t\t[\n\t\t\t\t\t\t// always add title to keep layout correct\n\t\t\t\t\t\ttitleComponent,\n\t\t\t\t\t\t...(toolbarEnabled ? [toolbarComponent] : []),\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tdirection: LayoutDirection.ROW,\n\t\t\t\t\t\talignItems: LayoutAlignItems.CENTER,\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\tconst legendComponent = {\n\t\t\tid: 'legend',\n\t\t\tcomponents: [new Legend(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\t// if all zoom bars are locked, no need to add chart brush\n\t\tif (zoomBarEnabled && !isZoomBarLocked) {\n\t\t\tgraphFrameComponents.push(\n\t\t\t\tnew ChartClip(this.model, this.services),\n\t\t\t\tnew ChartBrush(this.model, this.services)\n\t\t\t);\n\t\t}\n\n\t\tgraphFrameComponents.push(new Threshold(this.model, this.services));\n\t\tgraphFrameComponents.push(new Highlight(this.model, this.services));\n\n\t\tconst graphFrameComponent = {\n\t\t\tid: 'graph-frame',\n\t\t\tcomponents: graphFrameComponents,\n\t\t\tgrowth: LayoutGrowth.STRETCH,\n\t\t\trenderType: RenderTypes.SVG,\n\t\t};\n\n\t\tconst isLegendEnabled =\n\t\t\tTools.getProperty(configs, 'legend', 'enabled') !== false &&\n\t\t\tthis.model.getOptions().legend.enabled !== false;\n\n\t\t// Decide the position of the legend in reference to the chart\n\t\tlet fullFrameComponentDirection = LayoutDirection.COLUMN;\n\t\tif (isLegendEnabled) {\n\t\t\tconst legendPosition = Tools.getProperty(\n\t\t\t\tthis.model.getOptions(),\n\t\t\t\t'legend',\n\t\t\t\t'position'\n\t\t\t);\n\t\t\tif (legendPosition === LegendPositions.LEFT) {\n\t\t\t\tfullFrameComponentDirection = LayoutDirection.ROW;\n\n\t\t\t\tif (!this.model.getOptions().legend.orientation) {\n\t\t\t\t\tthis.model.getOptions().legend.orientation =\n\t\t\t\t\t\tLegendOrientations.VERTICAL;\n\t\t\t\t}\n\t\t\t} else if (legendPosition === LegendPositions.RIGHT) {\n\t\t\t\tfullFrameComponentDirection = LayoutDirection.ROW_REVERSE;\n\n\t\t\t\tif (!this.model.getOptions().legend.orientation) {\n\t\t\t\t\tthis.model.getOptions().legend.orientation =\n\t\t\t\t\t\tLegendOrientations.VERTICAL;\n\t\t\t\t}\n\t\t\t} else if (legendPosition === LegendPositions.BOTTOM) {\n\t\t\t\tfullFrameComponentDirection = LayoutDirection.COLUMN_REVERSE;\n\t\t\t}\n\t\t}\n\n\t\tconst legendSpacerComponent = {\n\t\t\tid: 'spacer',\n\t\t\tcomponents: [new Spacer(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t};\n\n\t\tconst fullFrameComponent = {\n\t\t\tid: 'full-frame',\n\t\t\tcomponents: [\n\t\t\t\tnew LayoutComponent(\n\t\t\t\t\tthis.model,\n\t\t\t\t\tthis.services,\n\t\t\t\t\t[\n\t\t\t\t\t\t...(isLegendEnabled ? [legendComponent] : []),\n\t\t\t\t\t\t...(isLegendEnabled ? [legendSpacerComponent] : []),\n\t\t\t\t\t\tgraphFrameComponent,\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tdirection: fullFrameComponentDirection,\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t],\n\t\t\tgrowth: LayoutGrowth.STRETCH,\n\t\t};\n\n\t\tconst zoomBarComponent = {\n\t\t\tid: 'zoom-bar',\n\t\t\tcomponents: [new ZoomBar(this.model, this.services)],\n\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t\trenderType: RenderTypes.SVG,\n\t\t};\n\n\t\tconst topLevelLayoutComponents = [];\n\t\t// header component is required for either title or toolbar\n\t\tif (titleAvailable || toolbarEnabled) {\n\t\t\ttopLevelLayoutComponents.push(headerComponent);\n\n\t\t\tconst titleSpacerComponent = {\n\t\t\t\tid: 'spacer',\n\t\t\t\tcomponents: [\n\t\t\t\t\tnew Spacer(\n\t\t\t\t\t\tthis.model,\n\t\t\t\t\t\tthis.services,\n\t\t\t\t\t\ttoolbarEnabled ? { size: 15 } : undefined\n\t\t\t\t\t),\n\t\t\t\t],\n\t\t\t\tgrowth: LayoutGrowth.PREFERRED,\n\t\t\t};\n\n\t\t\ttopLevelLayoutComponents.push(titleSpacerComponent);\n\t\t}\n\t\tif (zoomBarEnabled) {\n\t\t\ttopLevelLayoutComponents.push(zoomBarComponent);\n\t\t}\n\t\ttopLevelLayoutComponents.push(fullFrameComponent);\n\n\t\treturn [\n\t\t\tnew AxisChartsTooltip(this.model, this.services),\n\t\t\tnew Modal(this.model, this.services),\n\t\t\tnew LayoutComponent(\n\t\t\t\tthis.model,\n\t\t\t\tthis.services,\n\t\t\t\ttopLevelLayoutComponents,\n\t\t\t\t{\n\t\t\t\t\tdirection: LayoutDirection.COLUMN,\n\t\t\t\t}\n\t\t\t),\n\t\t];\n\t}\n}\n"]}

package/build/demo/create-codesandbox.d.ts

@@ -1,113 +0,0 @@
-export declare const createChartSandbox: {
-    (chartTemplate: any): string;
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createVanillaChartApp: {
-    (demo: any): {
-        'index.html': string;
-        'src/index.js': string;
-        'package.json': {
-            scripts: {
-                start: string;
-                build: string;
-            };
-            dependencies: {
-                '@carbon/charts': any;
-                d3: string;
-            };
-            devDependencies: {
-                'parcel-bundler': string;
-            };
-        };
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createReactChartApp: {
-    (demo: any): {
-        'src/index.html': string;
-        'src/index.js': string;
-        'src/ibm-plex-font.css': string;
-        'package.json': {
-            dependencies: {
-                '@carbon/charts': any;
-                '@carbon/charts-react': any;
-                d3: string;
-                react: string;
-                'react-dom': string;
-                'react-scripts': string;
-            };
-        };
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createAngularChartApp: {
-    (demo: any): {
-        'src/app/app.component.html': string;
-        'src/app/app.component.ts': string;
-        'src/app/ibm-plex-font.css': string;
-        'src/app/app.module.ts': string;
-        'package.json': string;
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createVueChartApp: {
-    (demo: any): {
-        'src/components/chart.vue': string;
-        'src/ibm-plex-font.css': string;
-        'src/App.vue': string;
-        'src/main.js': string;
-        'package.json': string;
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};
-export declare const createSvelteChartApp: {
-    (demo: any): {
-        'App.svelte': string;
-        'index.html': string;
-        'package.json': {
-            scripts: {
-                dev: string;
-                build: string;
-            };
-            devDependencies: {
-                '@carbon/charts-svelte': any;
-                '@sveltejs/vite-plugin-svelte': string;
-                d3: string;
-                svelte: string;
-                vite: string;
-            };
-        };
-        'vite.config.js': string;
-    };
-    displayName: string;
-    __docgenInfo: {
-        "description": string;
-        "displayName": string;
-        "props": {};
-    };
-};