@carbon/charts 1.8.0 → 1.9.0-rc.1

package/package.json

@@ -1,28 +1,146 @@
 {
   "name": "@carbon/charts",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.1",
   "description": "Carbon charting components",
-  "main": "./bundle.js",
-  "module": "./index.js",
+  "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",
+    ".": {
+      "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/styles.scss dist/styles.css --load-path=./node_modules --load-path=../../node_modules",
+    "file:css:min:charts": "sass src/styles/styles.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",
+    "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.15.0",
+    "@carbon/import-once": "^10.7.0",
+    "@carbon/layout": "^11.14.0",
+    "@carbon/styles": "^1.30.0",
+    "@carbon/telemetry": "~0.1.0",
+    "@carbon/themes": "^11.19.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.1",
+    "@rushstack/eslint-patch": "^1.3.0",
+    "@stackblitz/sdk": "^1.9.0",
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-interactions": "^7.0.18",
+    "@storybook/addon-links": "^7.0.18",
+    "@storybook/blocks": "^7.0.18",
+    "@storybook/html": "^7.0.18",
+    "@storybook/html-vite": "^7.0.18",
+    "@storybook/manager-api": "^7.0.18",
+    "@storybook/testing-library": "^0.1.0",
+    "@storybook/theming": "^7.0.18",
+    "@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.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "codesandbox": "^2.2.3",
+    "concurrently": "^8.1.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.62.1",
+    "storybook": "^7.0.18",
+    "typedoc": "^0.24.8",
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "~2.3.0",
+    "vitest": "^0.31.4"
+  },
+  "prettier": "../../prettier.config.cjs",
+  "publishConfig": {
+    "access": "public"
+  },
   "keywords": [
     "carbon",
     "charts",
@@ -47,90 +165,6 @@
   ],
   "author": "IBM",
   "license": "Apache-2.0",
-  "dependencies": {
-    "@carbon/styles": "^1.4.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",
-    "topojson-client": "3.1.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",
@@ -144,5 +178,6 @@
       "email": "iliadm@ca.ibm.com",
       "url": "https://github.com/theiliad"
     }
-  ]
-}
+  ],
+  "gitHead": "f7b723609827ce3cb7634ab7b3e3fdaeab6d304b"
+}

package/LICENSE.md

@@ -1,201 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "{}"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright 2018 IBM
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.

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