@progress/kendo-vue-charts 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/option-types/y-axis-item.interface.d.ts

@@ -0,0 +1,127 @@
+import { AxisLine, AxisTicks, BaseUnit, GridLines, PlotBand } from '../common/property-types';
+import { YAxisCrosshair } from './y-axis-item/crosshair.interface';
+import { YAxisLabels } from './y-axis-item/labels.interface';
+import { YAxisNotes } from './y-axis-item/notes.interface';
+import { YAxisTitle } from './y-axis-item/title.interface';
+/**
+ * @hidden
+ */
+export interface YAxis {
+    /**
+     * * (Only for objects) The value at which the Y axis crosses this axis.
+     * * (Only for arrays) The value indices at which the Y axes cross the value axis.
+     * * (Only for dates) The date at which the Y axis crosses this axis.
+     *
+     * To denote the far end of the axis, set a value that is greater than or equal to the axis maximum value.
+     */
+    axisCrossingValue?: any | any[];
+    /**
+     * The background color of the axis.
+     */
+    background?: string;
+    /**
+     * The base time interval for the axis labels. The default `baseUnit` is automatically determined from the value range.
+     *
+     * The available options are:
+     * - `milliseconds`
+     * - `seconds`
+     * - `minutes`
+     * - `hours`
+     * - `days`
+     * - `weeks`
+     * - `months`
+     * - `years`
+     */
+    baseUnit?: BaseUnit | string;
+    /**
+     * The color of the axis. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines.
+     */
+    line?: AxisLine;
+    /**
+     * The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the body of the Chart.
+     */
+    majorGridLines?: GridLines;
+    /**
+     * The configuration of the Scatter Chart Y-axis major ticks.
+     */
+    majorTicks?: AxisTicks;
+    /**
+     * The interval between major divisions. If this is a date axis, the value represents the number of [`yAxis.baseUnits`]({% slug api_charts_chartyaxisitemprops %}#toc-baseunit) between major divisions. If the [`yAxis.type`]({% slug api_charts_chartyaxisitemprops %}#toc-type) is set to `"log"`, the `majorUnit` value is used for the base of the logarithm.
+     */
+    majorUnit?: number;
+    /**
+     * The maximum value of the axis.
+     */
+    max?: any;
+    /**
+     * The minimum value of the axis.
+     */
+    min?: any;
+    /**
+     * The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the body of the Chart.
+     */
+    minorGridLines?: GridLines;
+    /**
+     * The configuration of the Y-axis minor ticks.
+     */
+    minorTicks?: AxisTicks;
+    /**
+     * The interval between minor divisions. It defaults to one-fifth (1/5) of [`yAxis.majorUnit`]({% slug api_charts_chartyaxisitemprops %}#toc-majorunit). If [`yAxis.type`]({% slug api_charts_chartyaxisitemprops %}#toc-type) is set to `"log"`, the `minorUnit` value represents the number of divisions between two major units and defaults to the major unit minus one.
+     */
+    minorUnit?: number;
+    /**
+     * The unique axis name. Used to associate a series with a Y axis by using the [`series.yAxis`]({% slug api_charts_chartseriesitemprops %}#toc-yaxis) option.
+     */
+    name?: string;
+    /**
+     * If set to `true`, the Chart prevents the automatic axis range from snapping to zero. Setting it to `false` forces the automatic axis range to snap to zero.
+     */
+    narrowRange?: boolean;
+    /**
+     * The name of the pane in which the axis has to be rendered. If not set, the axis is rendered in the first (default) pane.
+     */
+    pane?: string;
+    /**
+     * The plot bands of the Y axis.
+     */
+    plotBands?: PlotBand[];
+    /**
+     * If set to `true`, the value axis direction is reversed. By default, the values increase from left to right and from bottom to top.
+     */
+    reverse?: boolean;
+    /**
+     * The axis type.
+     *
+     * The supported values are:
+     * - `"numeric"`—Numeric axis.
+     * - `"date"`—Specialized axis for displaying chronological data.
+     * - `"log"`—Logarithmic axis.
+     *
+     * If the series Y value is of the `date` type, the Chart automatically switches to a date axis. To avoid this behavior, set the `type`.
+     */
+    type?: 'numeric' | 'log' | 'date' | string;
+    /**
+     * If set to `true`, the Chart displays the Y axis. By default, the Y axis is visible.
+     */
+    visible?: boolean;
+    /**
+     * The configuration options of the crosshair. The crosshair is displayed when the [`yAxis.crosshair.visible`]({% slug api_charts_chartyaxiscrosshairprops %}#toc-visible) option is set to `true`.
+     */
+    crosshair?: YAxisCrosshair;
+    /**
+     * The axis labels configuration.
+     */
+    labels?: YAxisLabels;
+    /**
+     * The Y-axis notes configuration.
+     */
+    notes?: YAxisNotes;
+    /**
+     * The title configuration of the Scatter Chart Y axis. To display the title, set the [`yAxis.title.text`]({% slug api_charts_chartyaxistitleprops %}#toc-text) option.
+     */
+    title?: YAxisTitle;
+}

package/dist/esm/option-types/y-axis-item.interface.js

@@ -0,0 +1,2 @@
+export {};
+// tslint:enable:max-line-length

package/dist/esm/option-types/zoomable.interface.d.ts

@@ -0,0 +1,14 @@
+import { DragAction, MousewheelZoom } from '../common/property-types';
+/**
+ * @hidden
+ */
+export interface Zoomable {
+    /**
+     * Specifies if the Chart can be zoomed by using the mousewheel.
+     */
+    mousewheel?: boolean | MousewheelZoom;
+    /**
+     * Specifies if the Chart can be zoomed by using selection.
+     */
+    selection?: boolean | DragAction;
+}

package/dist/esm/option-types/zoomable.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-vue-charts',
+    productName: 'Kendo UI for Vue',
+    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
+    publishDate: 1660543056,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
+};

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+                    "type": "module"
+                 }

package/dist/esm/store/reducer.d.ts

@@ -0,0 +1,14 @@
+import { StoreAction } from './store';
+/**
+ * @hidden
+ */
+declare const optionsReducer: (currentState: any, action: StoreAction) => object;
+/**
+ * @hidden
+ */
+declare const themeReducer: (currentState: any, action: StoreAction) => any;
+/**
+ * @hidden
+ */
+declare const observersReducer: (currentState: any, action: StoreAction) => any;
+export { optionsReducer, themeReducer, observersReducer };

package/dist/esm/store/reducer.js

@@ -0,0 +1,135 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/**
+ * @hidden
+ */
+var optionsReducer = function (currentState, action) {
+    if (action.chartCollectionIdxKey) {
+        return reducers.collectionConfigurationItem(currentState, action);
+    }
+    else if (action.chartKey) {
+        return reducers.configurationItem(currentState, action);
+    }
+    else {
+        return {};
+    }
+};
+/**
+ * @hidden
+ */
+var themeReducer = function (currentState, action) {
+    if (action.type) {
+        switch (action.type) {
+            case 'set':
+                return reducers.themeItem(currentState, action);
+            case 'push':
+                return Object.assign(currentState, action.payload);
+            default:
+                return currentState;
+        }
+    }
+    else {
+        return {};
+    }
+};
+/**
+ * @hidden
+ */
+var observersReducer = function (currentState, action) {
+    if (action.type) {
+        switch (action.type) {
+            case 'add':
+                return __spreadArray(__spreadArray([], currentState, true), [action.payload], false);
+            case 'remove':
+                return currentState.filter(function (element) { return element !== action.payload; });
+            default:
+                return currentState;
+        }
+    }
+    else {
+        return [];
+    }
+};
+/**
+ * @hidden
+ */
+var reducers = {
+    configurationItem: function (currentState, action) {
+        var _a, _b;
+        if (currentState[action.chartKey] && Object.keys(currentState[action.chartKey]).length) {
+            return Object.assign(currentState, (_a = {},
+                _a[action.chartKey] = __assign(__assign({}, currentState[action.chartKey]), action.payload),
+                _a));
+        }
+        return Object.assign(currentState, (_b = {},
+            _b[action.chartKey] = action.payload,
+            _b));
+    },
+    collectionConfigurationItem: function (currentState, action) {
+        var _a, _b, _c;
+        var inCollection = false;
+        var _d = action.chartCollectionIdxKey.split('_'), collectionName = _d[0], collectionIdx = _d[1];
+        var currentCollection = action.parentKey ?
+            currentState[action.parentKey] ? (currentState[action.parentKey][collectionName] || []) : []
+            : currentState[collectionName];
+        var collection = currentCollection.map(function (item, index) {
+            if (parseInt(collectionIdx, 10) === index ||
+                (action.payload && action.payload.uid === item.uid)) {
+                inCollection = true;
+                return action.payload;
+            }
+            return item;
+        });
+        if (inCollection === false && !action.uid) {
+            collection.splice(parseInt(collectionIdx, 10), 0, action.payload);
+        }
+        if (action.uid) {
+            var index = collection.findIndex(function (i) { return i.uid === action.uid; });
+            if (index > -1) {
+                collection.splice(index, 1);
+            }
+        }
+        if (action.parentKey) {
+            return Object.assign(currentState, (_a = {},
+                _a[action.parentKey] = (_b = {},
+                    _b[collectionName] = collection,
+                    _b),
+                _a));
+        }
+        return Object.assign(currentState, (_c = {},
+            _c[collectionName] = collection,
+            _c));
+    },
+    themeItem: function (currentState, action) {
+        var store = {};
+        var nextStore = Object.assign(store, currentState);
+        var _a = action.payload, field = _a.field, value = _a.value;
+        var parts = field.split('.');
+        var key = parts.shift();
+        while (parts.length > 0) {
+            store = store[key] = store[key] || {};
+            key = parts.shift();
+        }
+        store[key] = value;
+        return nextStore;
+    }
+};
+export { optionsReducer, themeReducer, observersReducer };

package/dist/esm/store/store.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @hidden
+ */
+export declare const THROTTLE_MS: number;
+/**
+ * @hidden
+ */
+export interface StoreAction {
+    chartKey?: string;
+    chartCollectionIdxKey?: string;
+    type?: string;
+    payload: any;
+}
+/**
+ * @hidden
+ */
+export interface Store {
+    getState(): any;
+    dispatch(action: StoreAction | object): void;
+    subscribe(f: Function): Function;
+}
+/**
+ * @hidden
+ */
+declare const createStore: (reducer: any) => Store;
+export default createStore;

package/dist/esm/store/store.js

@@ -0,0 +1,28 @@
+import { canUseDOM } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+export var THROTTLE_MS = 1000 / 60;
+/**
+ * @hidden
+ */
+var createStore = function (reducer) {
+    var state;
+    var timerId;
+    var listeners = [];
+    var getState = function () { return state; };
+    var dispatch = function (action) {
+        state = reducer(state, action);
+        if (canUseDOM) {
+            window.clearTimeout(timerId);
+            timerId = window.setTimeout(function () { return listeners.forEach(function (l) { return l(); }); }, THROTTLE_MS);
+        }
+    };
+    var subscribe = function (listener) {
+        listeners.push(listener);
+        return function () { return listeners = listeners.filter(function (l) { return l !== listener; }); };
+    };
+    dispatch({});
+    return { getState: getState, dispatch: dispatch, subscribe: subscribe };
+};
+export default createStore;

package/dist/esm/theming/theme-service.d.ts

@@ -0,0 +1,3 @@
+import { Store } from './../store/store';
+declare const loadTheme: (store: Store, done: any) => void;
+export { loadTheme };

package/dist/esm/theming/theme-service.js

@@ -0,0 +1,147 @@
+import { chartBaseTheme } from '@progress/kendo-charts';
+var font = function (style) { return "".concat(style.fontWeight, " ").concat(style.fontSize, " ").concat(style.fontFamily); };
+var computedBackgroundColor = function (element) { return window.getComputedStyle(element).backgroundColor; };
+var letterPos = function (letter) { return letter.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0); };
+var seriesPos = function (name) {
+    var alpha = name.match(/series-([a-z])$/);
+    if (alpha !== null) {
+        return letterPos(alpha[1]);
+    }
+    var num = name.split('--series-')[1];
+    return parseInt(num, 10) - 1;
+};
+var SERIES_COLORS = 30;
+var seriesTemplate = function () {
+    var result = "\n      <div class=\"k-var--series-a\"></div>\n      <div class=\"k-var--series-b\"></div>\n      <div class=\"k-var--series-c\"></div>\n      <div class=\"k-var--series-d\"></div>\n      <div class=\"k-var--series-e\"></div>\n      <div class=\"k-var--series-f\"></div>\n";
+    for (var i = 0; i < SERIES_COLORS; i++) {
+        result += "\n      <div class=\"k-var--series-".concat(i + 1, "\"></div>");
+    }
+    return result;
+};
+var template = "\n    <div class=\"k-var--accent\"></div>\n    <div class=\"k-var--base\"></div>\n    <div class=\"k-var--background\"></div>\n\n    <div class=\"k-var--normal-background\"></div>\n    <div class=\"k-var--normal-text-color\"></div>\n    <div class=\"k-var--hover-background\"></div>\n    <div class=\"k-var--hover-text-color\"></div>\n    <div class=\"k-var--selected-background\"></div>\n    <div class=\"k-var--selected-text-color\"></div>\n    <div class=\"k-var--chart-error-bars-background\"></div>\n    <div class=\"k-var--chart-notes-background\"></div>\n    <div class=\"k-var--chart-notes-border\"></div>\n    <div class=\"k-var--chart-notes-lines\"></div>\n    <div class=\"k-var--chart-crosshair-background\"></div>\n\n    <div class=\"k-var--chart-inactive\"></div>\n    <div class=\"k-var--chart-major-lines\"></div>\n    <div class=\"k-var--chart-minor-lines\"></div>\n    <div class=\"k-var--chart-area-opacity\"></div>\n    <div class=\"k-var--chart-area-inactive-opacity\"></div>\n    <div class=\"k-var--chart-line-inactive-opacity\"></div>\n\n    <div class=\"k-widget k-chart\">\n        <div class=\"k-var--chart-font\"></div>\n        <div class=\"k-var--chart-title-font\"></div>\n        <div class=\"k-var--chart-pane-title-font\"></div>\n        <div class=\"k-var--chart-label-font\"></div>\n    </div>\n\n    <div class=\"k-var--series-unset\"></div>\n    <div class=\"k-var--series\">\n      ".concat(seriesTemplate(), "\n    </div>\n");
+/**
+ * @hidden
+ */
+var ThemeService = /** @class */ (function () {
+    function ThemeService(store) {
+        this.store = store;
+    }
+    ThemeService.prototype.setStyle = function (field, value) {
+        this.store.dispatch({ type: 'set', payload: { field: field, value: value } });
+    };
+    ThemeService.prototype.setColors = function () {
+        this.mapColor('axisDefaults.crosshair.color', 'chart-crosshair-background');
+        this.mapColor('axisDefaults.labels.color', 'normal-text-color');
+        this.mapColor('axisDefaults.line.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.majorGridLines.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.minorGridLines.color', 'chart-minor-lines');
+        this.mapColor('axisDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('axisDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('axisDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('axisDefaults.title.color', 'normal-text-color');
+        this.mapColor('chartArea.background', 'background');
+        this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
+        this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
+        this.mapColor('legend.labels.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.whiskers.color', 'accent');
+        this.mapColor('seriesDefaults.bullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.downColor', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.line.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.errorBars.color', 'chart-error-bars-background');
+        this.mapColor('seriesDefaults.horizontalWaterfall.line.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.icon.border.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.labels.background', 'background');
+        this.mapColor('seriesDefaults.labels.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('seriesDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('seriesDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.whiskers.color', 'accent');
+        this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
+        this.mapColor('title.color', 'normal-text-color');
+        var opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
+        if (!isNaN(opacity)) {
+            this.setStyle('seriesDefaults.area.opacity', opacity);
+            this.setStyle('seriesDefaults.radarArea.opacity', opacity);
+            this.setStyle('seriesDefaults.verticalArea.opacity', opacity);
+            this.setStyle('seriesDefaults.labels.opacity', opacity);
+        }
+        this.setInactiveOpacity(['area', 'verticalArea'], 'chart-area-inactive-opacity');
+        this.setInactiveOpacity(['line', 'verticalLine'], 'chart-line-inactive-opacity');
+    };
+    ThemeService.prototype.setFonts = function () {
+        var defaultFont = font(this.queryStyle('chart-font'));
+        var titleFont = font(this.queryStyle('chart-title-font'));
+        var paneTitleFont = font(this.queryStyle('chart-pane-title-font'));
+        var labelFont = font(this.queryStyle('chart-label-font'));
+        this.setStyle('axisDefaults.labels.font', labelFont);
+        this.setStyle('axisDefaults.notes.label.font', defaultFont);
+        this.setStyle('axisDefaults.title.font', defaultFont);
+        this.setStyle('legend.labels.font', defaultFont);
+        this.setStyle('seriesDefaults.labels.font', labelFont);
+        this.setStyle('seriesDefaults.notes.label.font', defaultFont);
+        this.setStyle('title.font', titleFont);
+        this.setStyle('paneDefaults.title.font', paneTitleFont);
+    };
+    ThemeService.prototype.setSeriesColors = function () {
+        var element = this.element;
+        var series = [].slice.call(element === null || element === void 0 ? void 0 : element.querySelectorAll('.k-var--series div'));
+        var unsetColor = computedBackgroundColor(element === null || element === void 0 ? void 0 : element.querySelector('.k-var--series-unset'));
+        var seriesColors = series.reduce(function (arr, el) {
+            var pos = seriesPos(el.className);
+            var color = computedBackgroundColor(el);
+            if (color !== unsetColor) {
+                arr[pos] = color;
+            }
+            return arr;
+        }, [] // Will populate the series colors in this array
+        );
+        this.setStyle('seriesColors', seriesColors);
+    };
+    ThemeService.prototype.mapColor = function (key, varName) {
+        this.setStyle(key, this.queryStyle(varName).backgroundColor);
+    };
+    ThemeService.prototype.queryStyle = function (varName) {
+        var element = this.element;
+        return window.getComputedStyle(element === null || element === void 0 ? void 0 : element.querySelector(".k-var--".concat(varName)));
+    };
+    ThemeService.prototype.setInactiveOpacity = function (seriesTypes, selector) {
+        var _this = this;
+        var inactiveOpacity = parseFloat(this.queryStyle(selector).opacity);
+        if (!isNaN(inactiveOpacity) && inactiveOpacity < 1) {
+            seriesTypes.forEach(function (type) {
+                return _this.setStyle("seriesDefaults.".concat(type, ".highlight.inactiveOpacity"), inactiveOpacity);
+            });
+        }
+    };
+    return ThemeService;
+}());
+var loadTheme = function (store, done) {
+    var service = new ThemeService(store);
+    if (typeof document === 'undefined') {
+        store.dispatch({ type: 'push', payload: chartBaseTheme() });
+        return;
+    }
+    var container = service.element = document.createElement('div');
+    container.style.display = 'none';
+    container.innerHTML = template;
+    document.body.appendChild(container);
+    try {
+        store.dispatch({ type: 'push', payload: chartBaseTheme() });
+        service.setColors();
+        service.setFonts();
+        service.setSeriesColors();
+    }
+    finally {
+        document.body.removeChild(service.element);
+        delete service.element;
+        done();
+    }
+};
+export { loadTheme };

package/dist/esm/tooltip/Context.d.ts

@@ -0,0 +1,11 @@
+import { TooltipPoint } from './Point';
+export interface SharedTooltipContext {
+    categoryText?: string;
+    colorMarker?: boolean;
+    colspan: number;
+    nameColumn?: boolean;
+    points: Array<TooltipPoint>;
+}
+export interface TooltipContext {
+    point: TooltipPoint;
+}

package/dist/esm/tooltip/Context.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/tooltip/Crosshair.d.ts

@@ -0,0 +1,56 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { Align, Offset } from '@progress/kendo-vue-popup';
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipProps {
+    index: number;
+    name: string;
+}
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipData {
+    className?: string | undefined;
+    popupShown: boolean;
+    popupAlign?: Align;
+    popupOffset?: Offset;
+    popupStyles?: any;
+    popupContend?: any;
+}
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipState {
+    chartObserver: any;
+}
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipAll extends CrosshairTooltipMethods, CrosshairTooltipState, CrosshairTooltipData, CrosshairTooltipComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const CrosshairTooltipVue2: ComponentOptions<Vue2type, DefaultData<CrosshairTooltipData>, DefaultMethods<CrosshairTooltipAll>, CrosshairTooltipComputed, RecordPropsDefinition<CrosshairTooltipProps>>;
+/**
+ * @hidden
+ */
+declare const CrosshairTooltip: DefineComponent<CrosshairTooltipProps, any, CrosshairTooltipData, CrosshairTooltipComputed, CrosshairTooltipMethods, {}, {}, {}, string, CrosshairTooltipProps, CrosshairTooltipProps, {}>;
+export { CrosshairTooltip, CrosshairTooltipVue2 };