chartist 0.11.4 → 1.0.0

package/LICENSE-WTFPL

@@ -1,13 +1,13 @@
             DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                     Version 2, December 2004
 
- Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
+Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
 
- Everyone is permitted to copy and distribute verbatim or modified
- copies of this license document, and changing it is allowed as long
- as the name is changed.
+Everyone is permitted to copy and distribute verbatim or modified
+copies of this license document, and changing it is allowed as long
+as the name is changed.
 
             DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 
   0. You just DO WHAT THE FUCK YOU WANT TO.

package/README.md

@@ -1,33 +1,98 @@
 # Big welcome by the Chartist Guy
 
-[![Join the chat at https://gitter.im/gionkunz/chartist-js](https://badges.gitter.im/gionkunz/chartist-js.svg)](https://gitter.im/gionkunz/chartist-js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-[![npm version](http://img.shields.io/npm/v/chartist.svg)](https://npmjs.org/package/chartist) [![build status](http://img.shields.io/travis/gionkunz/chartist-js.svg)](https://travis-ci.org/gionkunz/chartist-js) [![Inline docs](http://inch-ci.org/github/gionkunz/chartist-js.svg?branch=develop)](http://inch-ci.org/github/gionkunz/chartist-js)
+[![NPM version][npm]][npm-url]
+[![Downloads][downloads]][downloads-url]
+[![Build status][build]][build-url]
+[![Coverage status][coverage]][coverage-url]
+[![Bundle size][size]][size-url]
+[![Join the chat at https://gitter.im/gionkunz/chartist-js][chat]][chat-url]
 
-![The Chartist Guy](https://raw.github.com/gionkunz/chartist-js/develop/site/images/chartist-guy.gif "The Chartist Guy")
+[npm]: https://img.shields.io/npm/v/chartist.svg
+[npm-url]: https://www.npmjs.com/package/chartist
 
-*Checkout the documentation site at http://gionkunz.github.io/chartist-js/*
+[downloads]: https://img.shields.io/npm/dm/chartist.svg
+[downloads-url]: https://www.npmjs.com/package/chartist
 
-*Checkout this lightning talk that gives you an overview of Chartist in 5 minutes https://www.youtube.com/watch?v=WdYzPhOB_c8*
+[build]: https://img.shields.io/github/workflow/status/chartist-js/chartist/CI.svg
+[build-url]: https://github.com/chartist-js/chartist/actions
 
-*Guest talk of the Chartist.js Guy at the Treehouse Show https://www.youtube.com/watch?v=h9oH0iDaZDQ&t=2m40s*
+[coverage]: https://img.shields.io/codecov/c/github/chartist-js/chartist.svg
+[coverage-url]: https://app.codecov.io/gh/chartist-js/chartist
 
-Chartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already
+[size]: https://img.shields.io/bundlephobia/minzip/chartist
+[size-url]: https://bundlephobia.com/package/chartist
+
+[chat]: https://badges.gitter.im/gionkunz/chartist-js.svg
+[chat-url]: https://gitter.im/gionkunz/chartist-js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge
+
+<p align="center">
+  <img width="400" alt="The Chartist Guy" src="https://raw.github.com/chartist-js/chartist/master/site/images/chartist-guy.gif">
+</p>
+
+Chartist is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already
 out there, but they are either:
 
-* not responsive
-* use the wrong technologies for illustration (canvas)
-* are not flexible enough while keeping the configuration simple
-* are not friendly to your own code
-* are not friendly to designers
-* have unnecessary dependencies to monolithic libraries 
-* more annoying things
+- use the wrong technologies for illustration (canvas) 
+- weighs hundreds of kilobytes
+- are not flexible enough while keeping the configuration simple
+- are not friendly to designers
+- more annoying things
+
+That's why we started Chartist and our goal is to solve all of the above issues.
+
+<hr />
+<a href="#quickstart">Quickstart</a>
+<span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
+<a href="#what-is-it-made-for">What is it made for?</a>
+<span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
+<a href="#whats-new-in-v1">What's new in v1?</a>
+<span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
+<a href="#contribution">Contribution</a>
+<hr />
+
+## Quickstart
+
+Install this library using your favorite package manager:
+
+```sh
+pnpm add chartist
+# or
+yarn add chartist
+# or
+npm i chartist
+```
 
-That's why we started Chartist.js and our goal is to solve all of the above issues.
+Then, just import chart you want and use it:
+
+```js
+import { BarChart } from 'chartist';
+
+new BarChart('#chart', {
+  labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
+  series: [
+    [1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
+  ]
+}, {
+  high: 10,
+  low: -10,
+  axisX: {
+    labelInterpolationFnc: (value, index) => (index % 2 === 0 ? value : null)
+  }
+});
+```
+
+<br />
+
+Need an API to fetch data? Consider [Cube](https://cube.dev/?ref=eco-chartist), an open-source API for data apps.
+
+<br />
+
+[![supported by Cube](https://user-images.githubusercontent.com/986756/154330861-d79ab8ec-aacb-4af8-9e17-1b28f1eccb01.svg)](https://cube.dev/?ref=eco-chartist)
 
 ## What is it made for?
 
 Chartist's goal is to provide a simple, lightweight and unintrusive library to responsively craft charts on your website. 
-It's important to understand that one of the main intentions of Chartist.js is to rely on standards rather than providing 
+It's important to understand that one of the main intentions of Chartist is to rely on standards rather than providing 
 it's own solution to a problem which is already solved by those standards. We need to leverage the power of browsers 
 today and say good bye to the idea of solving all problems ourselves.
 
@@ -36,29 +101,70 @@ also means that Chartist does not provide it's own event handling, labels, behav
 done with plain HTML, JavaScript and CSS. The single and only responsibility of Chartist is to help you drawing "Simple 
 responsive Charts" using inline-SVG in the DOM, CSS to style and JavaScript to provide an API for configuring your charts.
 
-## Example site
+## What's new in v1?
 
-You can visit this Site http://gionkunz.github.io/chartist-js/ which is in fact a build of the current project.
-We are still developing and constantly add features but you can already use Chartist.js in your projects as we have 
-reached a stable and reliable state already.
+### ESM
 
-## Version notes
+Now Chartist is truly an ES module and exposes its API through the exports, thus making Chartist [tree-shakable](https://developer.mozilla.org/en-US/docs/Glossary/Tree_shaking).
 
-We are currently still heavily developing in order to make Chartist.js better. Your help is needed! Please contribute
-to the project if you like the idea and the concept and help us to bring nice looking responsive open-source charts
-to the masses.
+<details>
+  <summary>Migration from v0.11</summary>
 
-### Important missing stuff
+- Each property of Chartist object now is named export.
+- Chart classes were renamed.
+- Easing object now is named export.
 
-1. Jasmine Tests!
-2. Documentation: JSDoc, Getting started documentation and landing page
-3. Better accessibility using ARIA and other optimizations
-4. Better interfaces to the library (i.e. jQuery with data-* attributes for configuration), Angular.js directive etc.
-5. Richer Sass / CSS framework
-6. Other charts types (spider etc.)
+```js
+const Chartist = require('chartist')
+
+new Chartist.Bar(/* ... */);
+new Chartist.Line(/* ... */);
+new Chartist.Pie(/* ... */);
+new Chartist.Svg(/* ... */);
+Chartist.Svg.Easing
+// ...
+
+// ->
+
+import { BarChart, LineChart, PieChart, Svg, easings } from 'chartist'
+
+new BarChart(/* ... */)
+new LineChart(/* ... */)
+new PieChart(/* ... */)
+new Svg(/* ... */)
+easings
+// ...
+```
+
+</details>
+
+### TypeScript
+
+Chartist was rewritten and fully typed with TypeScript.
+
+<details>
+  <summary>Some of exposed types</summary>
+
+```ts
+import type {
+  BarChartData,
+  BarChartOptions,
+  LineChartData,
+  LineChartOptions,
+  PieChartData,
+  PieChartOptions
+} from 'chartist'
+```
+
+</details>
 
 ## Plugins
 
+Coming soon.
+
+<details>
+  <summary>For v0.11</summary>
+
 Some features aren't right for the core product
 but there is a great set of plugins available
 which add features like:
@@ -71,10 +177,14 @@ and more.
 
 See all the plugins [here](https://gionkunz.github.io/chartist-js/plugins.html).
 
+</details>
+
 ## Contribution
 
 We are looking for people who share the idea of having a simple, flexible charting library that is responsive and uses
 modern and future-proof technologies. The goal of this project is to create a responsive charting library where developers
-have their joy in using it and designers love it because of the designing flexibility they have.
+have their joy in using it and designers love it because of the designing flexibility they have. Please contribute
+to the project if you like the idea and the concept and help us to bring nice looking responsive open-source charts
+to the masses.
 
 Contribute if you like the Chartist Guy!

package/dist/axes/AutoScaleAxis.d.ts

@@ -0,0 +1,12 @@
+import type { ChartRect, AxisOptions, NormalizedSeries, NormalizedSeriesPrimitiveValue } from '../core';
+import { AxisUnits, Axis } from './Axis';
+export declare class AutoScaleAxis extends Axis {
+    private readonly bounds;
+    readonly range: {
+        min: number;
+        max: number;
+    };
+    constructor(axisUnit: AxisUnits, data: NormalizedSeries[], chartRect: ChartRect, options: AxisOptions);
+    projectValue(value: NormalizedSeriesPrimitiveValue): number;
+}
+//# sourceMappingURL=AutoScaleAxis.d.ts.map

package/dist/axes/AutoScaleAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoScaleAxis.d.ts","sourceRoot":"","sources":["../../src/axes/AutoScaleAxis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EAEX,gBAAgB,EAChB,8BAA8B,EAC/B,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,qBAAa,aAAc,SAAQ,IAAI;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAS;IAChC,SAAyB,KAAK,EAAE;QAC9B,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;gBAGA,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,gBAAgB,EAAE,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW;IAqBtB,YAAY,CAAC,KAAK,EAAE,8BAA8B;CAOnD"}

package/dist/axes/Axis.d.ts

@@ -0,0 +1,40 @@
+import type { Label, ChartRect, OptionsWithDefaults, NormalizedSeriesPrimitiveValue, NormalizedSeries } from '../core';
+import type { Svg } from '../svg';
+import type { EventEmitter } from '../event';
+export declare const axisUnits: {
+    readonly x: {
+        readonly pos: "x";
+        readonly len: "width";
+        readonly dir: "horizontal";
+        readonly rectStart: "x1";
+        readonly rectEnd: "x2";
+        readonly rectOffset: "y2";
+    };
+    readonly y: {
+        readonly pos: "y";
+        readonly len: "height";
+        readonly dir: "vertical";
+        readonly rectStart: "y2";
+        readonly rectEnd: "y1";
+        readonly rectOffset: "x1";
+    };
+};
+export declare type XAxisUnits = typeof axisUnits.x;
+export declare type YAxisUnits = typeof axisUnits.y;
+export declare type AxisUnits = XAxisUnits | YAxisUnits;
+export declare abstract class Axis {
+    readonly units: AxisUnits;
+    private readonly chartRect;
+    private readonly ticks;
+    readonly counterUnits: AxisUnits;
+    readonly range: {
+        min: number;
+        max: number;
+    } | undefined;
+    readonly axisLength: number;
+    private readonly gridOffset;
+    constructor(units: AxisUnits, chartRect: ChartRect, ticks: Label[]);
+    abstract projectValue(value: NormalizedSeriesPrimitiveValue | Label, index?: number, series?: NormalizedSeries): number;
+    createGridAndLabels(gridGroup: Svg, labelGroup: Svg, chartOptions: OptionsWithDefaults, eventEmitter: EventEmitter): void;
+}
+//# sourceMappingURL=Axis.d.ts.map

package/dist/axes/Axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.d.ts","sourceRoot":"","sources":["../../src/axes/Axis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,SAAS,EACT,mBAAmB,EACnB,8BAA8B,EAC9B,gBAAgB,EACjB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBZ,CAAC;AAEX,oBAAY,UAAU,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC;AAC5C,oBAAY,UAAU,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC;AAC5C,oBAAY,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEhD,8BAAsB,IAAI;aAYN,KAAK,EAAE,SAAS;IAChC,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,KAAK;IAbxB,SAAgB,YAAY,EAAE,SAAS,CAAC;IACxC,SAAgB,KAAK,EACjB;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,GACD,SAAS,CAAC;IACd,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;gBAGlB,KAAK,EAAE,SAAS,EACf,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAE;IAQjC,QAAQ,CAAC,YAAY,CACnB,KAAK,EAAE,8BAA8B,GAAG,KAAK,EAC7C,KAAK,CAAC,EAAE,MAAM,EACd,MAAM,CAAC,EAAE,gBAAgB,GACxB,MAAM;IAET,mBAAmB,CACjB,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,GAAG,EACf,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,YAAY;CAsG7B"}

package/dist/axes/FixedScaleAxis.d.ts

@@ -0,0 +1,11 @@
+import type { ChartRect, AxisOptions, NormalizedSeries, NormalizedSeriesPrimitiveValue } from '../core';
+import { AxisUnits, Axis } from './Axis';
+export declare class FixedScaleAxis extends Axis {
+    readonly range: {
+        min: number;
+        max: number;
+    };
+    constructor(axisUnit: AxisUnits, data: NormalizedSeries[], chartRect: ChartRect, options: AxisOptions);
+    projectValue(value: NormalizedSeriesPrimitiveValue): number;
+}
+//# sourceMappingURL=FixedScaleAxis.d.ts.map

package/dist/axes/FixedScaleAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedScaleAxis.d.ts","sourceRoot":"","sources":["../../src/axes/FixedScaleAxis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,8BAA8B,EAC/B,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,qBAAa,cAAe,SAAQ,IAAI;IACtC,SAAyB,KAAK,EAAE;QAC9B,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;gBAGA,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,gBAAgB,EAAE,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW;IAqBtB,YAAY,CAAC,KAAK,EAAE,8BAA8B;CAQnD"}

package/dist/axes/StepAxis.d.ts

@@ -0,0 +1,9 @@
+import type { ChartRect, AxisOptions } from '../core';
+import { AxisUnits, Axis } from './Axis';
+export declare class StepAxis extends Axis {
+    private readonly stepLength;
+    readonly stretch: boolean;
+    constructor(axisUnit: AxisUnits, _data: unknown, chartRect: ChartRect, options: AxisOptions);
+    projectValue(_value: unknown, index: number): number;
+}
+//# sourceMappingURL=StepAxis.d.ts.map

package/dist/axes/StepAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepAxis.d.ts","sourceRoot":"","sources":["../../src/axes/StepAxis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEzC,qBAAa,QAAS,SAAQ,IAAI;IAChC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;IACpC,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAG/B,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW;IAWtB,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;CAG5C"}

package/dist/axes/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Axis';
+export * from './AutoScaleAxis';
+export * from './FixedScaleAxis';
+export * from './StepAxis';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/axes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/axes/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/axes/types.d.ts

@@ -0,0 +1,5 @@
+import type { AutoScaleAxis } from './AutoScaleAxis';
+import type { FixedScaleAxis } from './FixedScaleAxis';
+import type { StepAxis } from './StepAxis';
+export declare type AxisType = typeof AutoScaleAxis | typeof FixedScaleAxis | typeof StepAxis;
+//# sourceMappingURL=types.d.ts.map

package/dist/axes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/axes/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,oBAAY,QAAQ,GAChB,OAAO,aAAa,GACpB,OAAO,cAAc,GACrB,OAAO,QAAQ,CAAC"}

package/dist/charts/BarChart/BarChart.d.ts

@@ -0,0 +1,46 @@
+import type { BarChartData, BarChartOptions, BarChartOptionsWithDefaults, BarChartEventsTypes } from './BarChart.types';
+import { BaseChart } from '../BaseChart';
+export declare class BarChart extends BaseChart<BarChartEventsTypes> {
+    protected data: BarChartData;
+    /**
+     * This method creates a new bar chart and returns API object that you can use for later changes.
+     * @param query A selector query string or directly a DOM element
+     * @param data The data object that needs to consist of a labels and a series array
+     * @param options The options object with options that override the default options. Check the examples for a detailed list.
+     * @param responsiveOptions Specify an array of responsive option arrays which are a media query and options object pair => [[mediaQueryString, optionsObject],[more...]]
+     * @return An object which exposes the API for the created chart
+     *
+     * @example
+     * // Create a simple bar chart
+     * const data = {
+     *   labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+     *   series: [
+     *     [5, 2, 4, 2, 0]
+     *   ]
+     * };
+     *
+     * // In the global name space Chartist we call the Bar function to initialize a bar chart. As a first parameter we pass in a selector where we would like to get our chart created and as a second parameter we pass our data object.
+     * new BarChart('.ct-chart', data);
+     *
+     * @example
+     * // This example creates a bipolar grouped bar chart where the boundaries are limitted to -10 and 10
+     * new BarChart('.ct-chart', {
+     *   labels: [1, 2, 3, 4, 5, 6, 7],
+     *   series: [
+     *     [1, 3, 2, -5, -3, 1, -6],
+     *     [-5, -2, -4, -1, 2, -3, 1]
+     *   ]
+     * }, {
+     *   seriesBarDistance: 12,
+     *   low: -10,
+     *   high: 10
+     * });
+     *
+     */
+    constructor(query: string | Element | null, data: BarChartData, options?: BarChartOptions, responsiveOptions?: [string, BarChartOptions][]);
+    /**
+     * Creates a new chart
+     */
+    createChart(options: BarChartOptionsWithDefaults): void;
+}
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/charts/BarChart/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/charts/BarChart/BarChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,2BAA2B,EAG3B,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAoB1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkHzC,qBAAa,QAAS,SAAQ,SAAS,CAAC,mBAAmB,CAAC;cAsCrC,IAAI,EAAE,YAAY;IArCvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkCG;gBAED,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,EACX,IAAI,EAAE,YAAY,EACrC,OAAO,CAAC,EAAE,eAAe,EACzB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE;IAWjD;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,2BAA2B;CAkYjD"}

package/dist/charts/BarChart/BarChart.types.d.ts

@@ -0,0 +1,40 @@
+import type { Options, AxisOptions, Data, CreatedEvent, DrawEvent, NormalizedMulti, AxesDrawEvent } from '../../core';
+import type { RequiredKeys } from '../../utils';
+import type { BaseChartEventsTypes } from '../types';
+export declare type BarChartData = Data;
+export interface BarChartOptions<TXAxisOptions = AxisOptions, TYAxisOptions = TXAxisOptions> extends Options<TXAxisOptions, TYAxisOptions> {
+    classNames?: {
+        chart?: string;
+        horizontalBars?: string;
+        label?: string;
+        labelGroup?: string;
+        series?: string;
+        bar?: string;
+        grid?: string;
+        gridGroup?: string;
+        gridBackground?: string;
+        vertical?: string;
+        horizontal?: string;
+        start?: string;
+        end?: string;
+    };
+    seriesBarDistance?: number;
+    stackBars?: boolean;
+    stackMode?: 'accumulate' | boolean;
+    horizontalBars?: boolean;
+    distributeSeries?: boolean;
+    reverseData?: boolean;
+    showGridBackground?: boolean;
+}
+export declare type BarChartOptionsWithDefaults = RequiredKeys<BarChartOptions<RequiredKeys<AxisOptions, 'offset' | 'position' | 'labelOffset' | 'showLabel' | 'showGrid' | 'labelInterpolationFnc' | 'scaleMinSpace'>, RequiredKeys<AxisOptions, 'offset' | 'position' | 'labelOffset' | 'showLabel' | 'showGrid' | 'labelInterpolationFnc' | 'scaleMinSpace'>>, 'referenceValue' | 'chartPadding' | 'seriesBarDistance' | 'stackMode' | 'axisX' | 'axisY', 'classNames'>;
+export declare type BarChartCreatedEvent = CreatedEvent<BarChartOptions>;
+export interface BarDrawEvent extends DrawEvent {
+    type: 'bar';
+    value: number | NormalizedMulti;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export declare type BarChartEventsTypes = BaseChartEventsTypes<BarChartCreatedEvent, AxesDrawEvent | BarDrawEvent>;
+//# sourceMappingURL=BarChart.types.d.ts.map

package/dist/charts/BarChart/BarChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.types.d.ts","sourceRoot":"","sources":["../../../src/charts/BarChart/BarChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,aAAa,EACd,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,oBAAY,YAAY,GAAG,IAAI,CAAC;AAEhC,MAAM,WAAW,eAAe,CAC9B,aAAa,GAAG,WAAW,EAC3B,aAAa,GAAG,aAAa,CAC7B,SAAQ,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC;IAC7C,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,oBAAY,2BAA2B,GAAG,YAAY,CACpD,eAAe,CACb,YAAY,CACV,WAAW,EACT,QAAQ,GACR,UAAU,GACV,aAAa,GACb,WAAW,GACX,UAAU,GACV,uBAAuB,GACvB,eAAe,CAClB,EACD,YAAY,CACV,WAAW,EACT,QAAQ,GACR,UAAU,GACV,aAAa,GACb,WAAW,GACX,UAAU,GACV,uBAAuB,GACvB,eAAe,CAClB,CACF,EACC,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,WAAW,GACX,OAAO,GACP,OAAO,EACT,YAAY,CACb,CAAC;AAEF,oBAAY,oBAAoB,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,oBAAY,mBAAmB,GAAG,oBAAoB,CACpD,oBAAoB,EACpB,aAAa,GAAG,YAAY,CAC7B,CAAC"}

package/dist/charts/BarChart/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BarChart';
+export * from './BarChart.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/BarChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/BarChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/dist/charts/BaseChart.d.ts

@@ -0,0 +1,47 @@
+import type { Data, Options } from '../core';
+import type { Svg } from '../svg';
+import type { BaseChartEventsTypes } from './types';
+import { EventListener, AllEventsListener, EventEmitter } from '../event';
+export declare abstract class BaseChart<TEventsTypes = BaseChartEventsTypes> {
+    protected data: Data;
+    private readonly defaultOptions;
+    private options;
+    private readonly responsiveOptions?;
+    protected svg?: Svg;
+    protected readonly container: Element;
+    protected readonly eventEmitter: EventEmitter;
+    private readonly resizeListener;
+    private initializeTimeoutId;
+    private optionsProvider?;
+    constructor(query: string | Element | null, data: Data, defaultOptions: Options, options: Options, responsiveOptions?: [string, Options<import("../core").AxisOptions, import("../core").AxisOptions>][] | undefined);
+    abstract createChart(options: Options): void;
+    /**
+     * Updates the chart which currently does a full reconstruction of the SVG DOM
+     * @param data Optional data you'd like to set for the chart before it will update. If not specified the update method will use the data that is already configured with the chart.
+     * @param options Optional options you'd like to add to the previous options for the chart before it will update. If not specified the update method will use the options that have been already configured with the chart.
+     * @param override If set to true, the passed options will be used to extend the options that have been configured already. Otherwise the chart default options will be used as the base
+     */
+    update(data?: Data, options?: Options, override?: boolean): this;
+    /**
+     * This method can be called on the API object of each chart and will un-register all event listeners that were added to other components. This currently includes a window.resize listener as well as media query listeners if any responsive options have been provided. Use this function if you need to destroy and recreate Chartist charts dynamically.
+     */
+    detach(): this;
+    /**
+     * Use this function to register event handlers. The handler callbacks are synchronous and will run in the main thread rather than the event loop.
+     * @param event Name of the event. Check the examples for supported events.
+     * @param listener The handler function that will be called when an event with the given name was emitted. This function will receive a data argument which contains event data. See the example for more details.
+     */
+    on<T extends keyof TEventsTypes>(event: T, listener: EventListener<TEventsTypes[T]>): this;
+    on(event: '*', listener: AllEventsListener): this;
+    on(event: string, listener: EventListener): this;
+    /**
+     * Use this function to un-register event handlers. If the handler function parameter is omitted all handlers for the given event will be un-registered.
+     * @param event Name of the event for which a handler should be removed
+     * @param listener The handler function that that was previously used to register a new event handler. This handler will be removed from the event handler list. If this parameter is omitted then all event handlers for the given event are removed from the list.
+     */
+    off<T extends keyof TEventsTypes>(event: T, listener?: EventListener<TEventsTypes[T]>): this;
+    off(event: '*', listener?: AllEventsListener): this;
+    off(event: string, listener?: EventListener): this;
+    initialize(): void;
+}
+//# sourceMappingURL=BaseChart.d.ts.map

package/dist/charts/BaseChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChart.d.ts","sourceRoot":"","sources":["../../src/charts/BaseChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAa,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI1E,8BAAsB,SAAS,CAAC,YAAY,GAAG,oBAAoB;IAe/D,SAAS,CAAC,IAAI,EAAE,IAAI;IACpB,OAAO,CAAC,QAAQ,CAAC,cAAc;IAC/B,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC;IAjBrC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;IACpB,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IACtC,SAAS,CAAC,QAAQ,CAAC,YAAY,eAAsB;IACrD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAGtD,OAAO,CAAC,mBAAmB,CAGzB;IACF,OAAO,CAAC,eAAe,CAAC,CAA2B;gBAGjD,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,EACpB,IAAI,EAAE,IAAI,EACH,cAAc,EAAE,OAAO,EAChC,OAAO,EAAE,OAAO,EACP,iBAAiB,CAAC,+FAAqB;IAqB1D,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAQ5C;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,UAAQ;IAwCvD;;OAEG;IACH,MAAM;IAeN;;;;OAIG;IACH,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAC7B,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GACvC,IAAI;IACP,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IACjD,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAOhD;;;;OAIG;IACH,GAAG,CAAC,CAAC,SAAS,MAAM,YAAY,EAC9B,KAAK,EAAE,CAAC,EACR,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GACxC,IAAI;IACP,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI;IACnD,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI;IAOlD,UAAU;CAuCX"}

package/dist/charts/LineChart/LineChart.d.ts

@@ -0,0 +1,92 @@
+import type { LineChartData, LineChartOptions, LineChartOptionsWithDefaults, LineChartEventsTypes } from './LineChart.types';
+import type { Series, SeriesObject } from '../../core';
+import { BaseChart } from './../BaseChart';
+export declare function getSeriesOption<T extends keyof Omit<LineChartOptionsWithDefaults, 'series'>>(series: Series | SeriesObject, options: LineChartOptionsWithDefaults, key: T): LineChartOptionsWithDefaults[T];
+export declare class LineChart extends BaseChart<LineChartEventsTypes> {
+    protected data: LineChartData;
+    /**
+     * This method creates a new line chart.
+     * @param query A selector query string or directly a DOM element
+     * @param data The data object that needs to consist of a labels and a series array
+     * @param options The options object with options that override the default options. Check the examples for a detailed list.
+     * @param responsiveOptions Specify an array of responsive option arrays which are a media query and options object pair => [[mediaQueryString, optionsObject],[more...]]
+     * @return An object which exposes the API for the created chart
+     *
+     * @example
+     * // Create a simple line chart
+     * const data = {
+     *   // A labels array that can contain any sort of values
+     *   labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+     *   // Our series array that contains series objects or in this case series data arrays
+     *   series: [
+     *     [5, 2, 4, 2, 0]
+     *   ]
+     * };
+     *
+     * // As options we currently only set a static size of 300x200 px
+     * const options = {
+     *   width: '300px',
+     *   height: '200px'
+     * };
+     *
+     * // In the global name space Chartist we call the Line function to initialize a line chart. As a first parameter we pass in a selector where we would like to get our chart created. Second parameter is the actual data object and as a third parameter we pass in our options
+     * new LineChart('.ct-chart', data, options);
+     *
+     * @example
+     * // Use specific interpolation function with configuration from the Chartist.Interpolation module
+     *
+     * const chart = new LineChart('.ct-chart', {
+     *   labels: [1, 2, 3, 4, 5],
+     *   series: [
+     *     [1, 1, 8, 1, 7]
+     *   ]
+     * }, {
+     *   lineSmooth: Chartist.Interpolation.cardinal({
+     *     tension: 0.2
+     *   })
+     * });
+     *
+     * @example
+     * // Create a line chart with responsive options
+     *
+     * const data = {
+     *   // A labels array that can contain any sort of values
+     *   labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+     *   // Our series array that contains series objects or in this case series data arrays
+     *   series: [
+     *     [5, 2, 4, 2, 0]
+     *   ]
+     * };
+     *
+     * // In addition to the regular options we specify responsive option overrides that will override the default configutation based on the matching media queries.
+     * const responsiveOptions = [
+     *   ['screen and (min-width: 641px) and (max-width: 1024px)', {
+     *     showPoint: false,
+     *     axisX: {
+     *       labelInterpolationFnc: function(value) {
+     *         // Will return Mon, Tue, Wed etc. on medium screens
+     *         return value.slice(0, 3);
+     *       }
+     *     }
+     *   }],
+     *   ['screen and (max-width: 640px)', {
+     *     showLine: false,
+     *     axisX: {
+     *       labelInterpolationFnc: function(value) {
+     *         // Will return M, T, W etc. on small screens
+     *         return value[0];
+     *       }
+     *     }
+     *   }]
+     * ];
+     *
+     * new LineChart('.ct-chart', data, null, responsiveOptions);
+     *
+     */
+    constructor(query: string | Element | null, data: LineChartData, options?: LineChartOptions, responsiveOptions?: [string, LineChartOptions][]);
+    /**
+     * Creates a new chart
+     */
+    createChart(options: LineChartOptionsWithDefaults): void;
+}
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/charts/LineChart/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/charts/LineChart/LineChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,4BAA4B,EAK5B,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAe,MAAM,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAapE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,wBAAgB,eAAe,CAC7B,CAAC,SAAS,MAAM,IAAI,CAAC,4BAA4B,EAAE,QAAQ,CAAC,EAE5D,MAAM,EAAE,MAAM,GAAG,YAAY,EAC7B,OAAO,EAAE,4BAA4B,EACrC,GAAG,EAAE,CAAC,mCAeP;AAoGD,qBAAa,SAAU,SAAQ,SAAS,CAAC,oBAAoB,CAAC;cAkFvC,IAAI,EAAE,aAAa;IAjFxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8EG;gBAED,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,EACX,IAAI,EAAE,aAAa,EACtC,OAAO,CAAC,EAAE,gBAAgB,EAC1B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAAE;IAWlD;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,4BAA4B;CA0TlD"}