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

package/dist/esm/StockChart.d.ts

@@ -0,0 +1,47 @@
+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 { StockChartProps } from './StockChartProps';
+import { BaseChartState } from './BaseChart';
+/**
+ * @hidden
+ */
+interface StockChartState {
+    baseChartRef: any;
+    baseChart: BaseChartState | null;
+}
+/**
+ * @hidden
+ */
+interface StockChartData {
+}
+/**
+ * @hidden
+ */
+export interface StockChartMethods {
+    [key: string]: any;
+    chartInstance: () => any;
+}
+/**
+ * @hidden
+ */
+export interface StockChartComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface StockChartAll extends StockChartMethods, StockChartState, StockChartData, StockChartComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const StockChartVue2: ComponentOptions<Vue2type, DefaultData<StockChartData>, DefaultMethods<StockChartAll>, StockChartComputed, RecordPropsDefinition<StockChartProps>>;
+/**
+ * @hidden
+ */
+declare const StockChart: DefineComponent<StockChartProps, any, StockChartData, StockChartComputed, StockChartMethods, {}, {}, {}, string, StockChartProps, StockChartProps, {}>;
+export { StockChart, StockChartVue2 };

package/dist/esm/StockChart.js

@@ -0,0 +1,206 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var ref = allVue.ref;
+import { BaseChart } from './BaseChart.js';
+import { StockChart as KendoStockChart } from '@progress/kendo-charts';
+import { classNames, getDefaultSlots, getRef, setRef } from '@progress/kendo-vue-common';
+var NAVIGATOR_DEFAULTS = {
+  autoBindElements: true,
+  liveDrag: false,
+  partialRedraw: true
+};
+/**
+ * @hidden
+ */
+
+var StockChartVue2 = {
+  name: 'KendoStockChart',
+  props: {
+    partialRedraw: {
+      type: Boolean,
+      default: undefined
+    },
+    dir: String,
+    renderAs: {
+      type: String,
+      default: undefined,
+      validator: function validator(value) {
+        return ['svg', 'canvas'].includes(value);
+      }
+    },
+    pannable: {
+      type: [Boolean, Object],
+      default: function _default() {
+        return undefined;
+      }
+    },
+    zoomable: {
+      type: [Boolean, Object],
+      default: function _default() {
+        return undefined;
+      }
+    },
+    seriesColors: {
+      type: Array,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    transitions: {
+      type: Boolean,
+      default: true
+    },
+    paneDefaults: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    panes: {
+      type: Array,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    seriesDefaults: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    axisDefaults: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    }
+  },
+  updated: function updated() {
+    this.baseChart = getRef(this, 'baseChart');
+  },
+  mounted: function mounted() {
+    this.baseChart = getRef(this, 'baseChart');
+  },
+  methods: {
+    chartInstance: function chartInstance() {
+      if (this.baseChart !== null) {
+        return this.baseChart.chartInstance;
+      }
+
+      return null;
+    },
+    surface: function surface() {
+      if (this.baseChart !== null) {
+        return this.baseChart.surface;
+      }
+
+      return null;
+    },
+    element: function element() {
+      if (this.baseChart !== null) {
+        return this.baseChart.element;
+      }
+
+      return null;
+    },
+    getTarget: function getTarget() {
+      return this;
+    },
+    deriveOptionsFromParent: function deriveOptionsFromParent(options) {
+      var navigator = Object.assign({}, options.navigator || {}, NAVIGATOR_DEFAULTS);
+      return Object.assign({}, options, {
+        navigator: navigator
+      });
+    },
+    onRefresh: function onRefresh(chartOptions, themeOptions, chartInstance) {
+      if (this.$props.partialRedraw) {
+        chartInstance.applyOptions(chartOptions);
+        chartInstance.bindCategories();
+        chartInstance.navigator.redrawSlaves();
+      } else {
+        chartInstance.setOptions(chartOptions, themeOptions);
+      }
+    },
+    handleBaseChartEvents: function handleBaseChartEvents(name, options) {
+      this.$emit(name, options);
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    var _a = this.$props,
+        partialRedraw = _a.partialRedraw,
+        dir = _a.dir,
+        renderAs = _a.renderAs,
+        pannable = _a.pannable,
+        zoomable = _a.zoomable,
+        seriesColors = _a.seriesColors,
+        transitions = _a.transitions,
+        paneDefaults = _a.paneDefaults,
+        panes = _a.panes,
+        seriesDefaults = _a.seriesDefaults,
+        axisDefaults = _a.axisDefaults;
+    return (// @ts-ignore  function children
+      h(BaseChart, {
+        partialRedraw: partialRedraw,
+        attrs: this.v3 ? undefined : {
+          partialRedraw: partialRedraw,
+          dir: dir,
+          renderAs: renderAs,
+          pannable: pannable,
+          zoomable: zoomable,
+          seriesColors: seriesColors,
+          transitions: transitions,
+          paneDefaults: paneDefaults,
+          panes: panes,
+          seriesDefaults: seriesDefaults,
+          axisDefaults: axisDefaults,
+          chartConstructor: KendoStockChart,
+          getTarget: this.getTarget,
+          wrapper: "div",
+          deriveOptionsFromParent: this.deriveOptionsFromParent
+        },
+        dir: dir,
+        renderAs: renderAs,
+        pannable: pannable,
+        zoomable: zoomable,
+        seriesColors: seriesColors,
+        transitions: transitions,
+        paneDefaults: paneDefaults,
+        panes: panes,
+        seriesDefaults: seriesDefaults,
+        axisDefaults: axisDefaults,
+        ref: setRef(this, 'baseChart'),
+        chartConstructor: KendoStockChart,
+        getTarget: this.getTarget,
+        wrapper: "div",
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        onRefresh: this.onRefresh,
+        on: this.v3 ? undefined : {
+          "refresh": this.onRefresh,
+          "basechartevent": this.handleBaseChartEvents
+        },
+        "class": classNames('k-stockchart k-widget'),
+        onBasechartevent: this.handleBaseChartEvents
+      }, this.v3 ? function () {
+        return [defaultSlots];
+      } : [defaultSlots])
+    );
+  }
+};
+/**
+ * @hidden
+ */
+
+var StockChart = StockChartVue2;
+export { StockChart, StockChartVue2 };

package/dist/esm/StockChartProps.d.ts

@@ -0,0 +1,15 @@
+import { BaseChartProps } from './BaseChartProps';
+import { NavigatorFilterEvent } from './common/events';
+/**
+ * Represents the props of the Kendo UI for Vue Native StockChart component.
+ */
+export interface StockChartProps extends BaseChartProps {
+    /**
+     * Specifies whether the StockChart will perform full or partial redraw upon re-render. The partial redraw is required when the `onNavigatorFilter` event is handled and the data for the main panes is limited to a specific set. The default value is `false`.
+     */
+    partialRedraw?: boolean;
+    /**
+     * Fires when the navigator range is changed.
+     */
+    onNavigatorfilter?: (event: NavigatorFilterEvent) => void;
+}

package/dist/esm/StockChartProps.js

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

package/dist/esm/additionalTypes.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+import { DefineComponent } from 'vue';
+// @ts-ignore
+import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
+// @ts-ignore
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/esm/api-types/axis-range.interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The axis range.
+ */
+export interface AxisRange {
+    /**
+     * The axis minimum value.
+     */
+    min: Number | Date;
+    /**
+     * The axis maximum value.
+     */
+    max: Number | Date;
+}

package/dist/esm/api-types/axis-range.interface.js

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

package/dist/esm/api-types/chart-axis.interface.d.ts

@@ -0,0 +1,36 @@
+import { geometry } from '@progress/kendo-drawing';
+import { AxisRange } from './axis-range.interface';
+/**
+ * An interface for the Chart axes API.
+ */
+export interface ChartAxisType {
+    /**
+     * Returns the axis range.
+     *
+     * @returns {AxisRange} - The axis range.
+     */
+    range(): AxisRange;
+    /**
+     * Returns a slot that is based on the specified `from` and `to` values ([see example]({% slug plotbands_chart_charts %}#toc-custom-plot-bands)).
+     *
+     * @param from - The slot start value.
+     * @param to - The end slot value. If not specified, the `from` value is used.
+     * @param limit - The parameters for the exported image.
+     * @returns {Promise<string>} - Indicates whether the slot is limited to the current range.
+     * By default, the range is limited.
+     */
+    slot(from: string | number | Date, to?: string | number | Date, limit?: boolean): geometry.Rect | geometry.Arc;
+    /**
+     * Returns the value that corresponds to the passed surface point.
+     *
+     * @param { Point } point - The surface point of the Chart.
+     * @returns {string | number | Date} - The value that corresponds to the point.
+     */
+    value(point: geometry.Point): string | number | Date;
+    /**
+     * Returns the axis range which is determined by the minimum and maximum point values that are associated with the axis.
+     *
+     * @returns {AxisRange} - The value range.
+     */
+    valueRange(): AxisRange;
+}

package/dist/esm/api-types/chart-axis.interface.js

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

package/dist/esm/api-types/chart-pane.interface.d.ts

@@ -0,0 +1,14 @@
+import { Group } from '@progress/kendo-drawing';
+/**
+ * An interface for the Chart panes.
+ */
+export interface ChartPaneType {
+    /**
+     * The group which holds the Drawing elements of the Chart.
+     */
+    chartsVisual: Group;
+    /**
+     * The Drawing group that is used to draw the pane.
+     */
+    visual: Group;
+}

package/dist/esm/api-types/chart-pane.interface.js

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

package/dist/esm/api-types/chart-plotarea.interface.d.ts

@@ -0,0 +1,14 @@
+import { MultiPath, Group } from '@progress/kendo-drawing';
+/**
+ * An interface for the plot area of the Chart.
+ */
+export interface ChartPlotAreaType {
+    /**
+     * The Drawing `MultiPath` that is used to draw the background.
+     */
+    backgroundVisual: MultiPath;
+    /**
+     * The Drawing `Group` that is used to draw the plot area.
+     */
+    visual: Group;
+}

package/dist/esm/api-types/chart-plotarea.interface.js

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

package/dist/esm/api-types/event-axis-options.interface.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The axis options for the Chart events.
+ */
+export interface EventAxisOptions {
+    /**
+     * The axis name.
+     */
+    name: string;
+}

package/dist/esm/api-types/event-axis-options.interface.js

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

package/dist/esm/api-types/event-series-options.interface.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The series options for the Chart events.
+ */
+export interface EventSeriesOptions {
+    /**
+     * The series index.
+     */
+    index: number;
+    /**
+     * The series name.
+     */
+    name: string;
+    /**
+     * The series visibility.
+     */
+    visible: boolean;
+}

package/dist/esm/api-types/event-series-options.interface.js

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

package/dist/esm/api-types/series-point.interface.d.ts

@@ -0,0 +1,38 @@
+import { drawing } from '@progress/kendo-drawing';
+/**
+ * A series point.
+ */
+export interface SeriesPointType {
+    /**
+     * The point category value. Available only for the Categorical points (Bar, Line, and other).
+     */
+    category?: string | Date | number;
+    /**
+     * The point `dataItem`.
+     */
+    dataItem?: any;
+    /**
+     * The point options.
+     */
+    options?: any;
+    /**
+     * The point value represented as a percentage value. Available only for the Donut, Pie, and 100% Stacked chart points.
+     */
+    percentage?: number;
+    /**
+     * The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series points.
+     */
+    runningTotal?: number;
+    /**
+     * The sum of all previous series values. Available for the Waterfall series points.
+     */
+    total?: number;
+    /**
+     * The point value.
+     */
+    value?: any;
+    /**
+     * The Drawing element used to draw the point.
+     */
+    visual?: drawing.Element;
+}

package/dist/esm/api-types/series-point.interface.js

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

package/dist/esm/argument-types/axis-label-visual-args.interface.d.ts

@@ -0,0 +1,42 @@
+import { drawing, geometry } from '@progress/kendo-drawing';
+/**
+ * The context for the visual function of the axis label.
+ */
+export interface AxisLabelVisualArgs {
+    /**
+     * A function that can be used to get the default visual.
+     */
+    createVisual: () => drawing.Element;
+    /**
+     * The default culture (if set) of the label.
+     */
+    culture: string;
+    /**
+     * If a field is specified, represents the data item.
+     */
+    dataItem?: any;
+    /**
+     * The default format of the label.
+     */
+    format: string;
+    /**
+     * The label options.
+     */
+    options: any;
+    /**
+     * The rectangle that defines the normal position of the visual.
+     */
+    rect: geometry.Rect;
+    /**
+     * The instance of the Chart component.
+     */
+    sender: Object;
+    /**
+     * The text of the label.
+     */
+    text: string;
+    /**
+     * The value of the label.
+     */
+    value: any;
+}

package/dist/esm/argument-types/axis-label-visual-args.interface.js

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

package/dist/esm/argument-types/axis-note-visual-args.interface.d.ts

@@ -0,0 +1,26 @@
+import { drawing, geometry } from '@progress/kendo-drawing';
+/**
+ * The context for the point highlight visual function.
+ */
+export interface AxisNoteVisualArgs {
+    /**
+     * A function that can be used to get the default visual.
+     */
+    createVisual: () => drawing.Element;
+    /**
+     * The options of the note.
+     */
+    options: any;
+    /**
+     * The rectangle that defines the normal position of the visual.
+     */
+    rect: geometry.Rect;
+    /**
+     * The instance of the Chart component.
+     */
+    sender: Object;
+    /**
+     * The value of the note.
+     */
+    value: string;
+}

package/dist/esm/argument-types/axis-note-visual-args.interface.js

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

package/dist/esm/argument-types/error-bars-visual-args.interface.d.ts

@@ -0,0 +1,30 @@
+import { drawing, geometry } from '@progress/kendo-drawing';
+/**
+ * The context for the error bars visual function.
+ */
+export interface ErrorBarsVisualArgs {
+    /**
+     * A function that can be used to get the default visual.
+     */
+    createVisual: () => drawing.Element;
+    /**
+     * The high value of the error bar.
+     */
+    high: number;
+    /**
+     * The low value of the error bar.
+     */
+    low: number;
+    /**
+     * The `options` object of the error bar.
+     */
+    options: any;
+    /**
+     * The rectangle that defines the normal position of the visual.
+     */
+    rect: geometry.Rect;
+    /**
+     * The instance of the Chart component.
+     */
+    sender: Object;
+}

package/dist/esm/argument-types/error-bars-visual-args.interface.js

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

package/dist/esm/argument-types/highlight-toggle-args.interface.d.ts

@@ -0,0 +1,34 @@
+import { drawing } from '@progress/kendo-drawing';
+/**
+ * The context for the highlight toggle function.
+ */
+export interface HighlightToggleArgs {
+    /**
+     * A function that can be used to prevent the showing of the default highlight overlay.
+     */
+    preventDefault: () => void;
+    /**
+     * A Boolean value which indicates whether to show the highlight.
+     */
+    show: boolean;
+    /**
+     * The visual element that needs to be highlighted.
+     */
+    visual: drawing.Element;
+    /**
+     * The point category.
+     */
+    category: any;
+    /**
+     * The point `dataItem`.
+     */
+    dataItem?: any;
+    /**
+     * The value of the point.
+     */
+    value: any;
+    /**
+     * The series of the point.
+     */
+    series?: any;
+}

package/dist/esm/argument-types/highlight-toggle-args.interface.js

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

package/dist/esm/argument-types/highlight-visual-args.interface.d.ts

@@ -0,0 +1,50 @@
+import { drawing, geometry } from '@progress/kendo-drawing';
+/**
+ * The context for the point highlight visual function.
+ */
+export interface HighlightVisualArgs {
+    /**
+     * The point category.
+     */
+    category: any;
+    /**
+     * A function that can be used to get the default visual.
+     */
+    createVisual: () => drawing.Element;
+    /**
+     * The data item of the point.
+     */
+    dataItem: any;
+    /**
+     * The point options.
+     */
+    options: any;
+    /**
+     * The point value represented as a percentage value. Available only for the Donut, Pie, and 100% stacked series.
+     */
+    percentage?: number;
+    /**
+     * The rectangle that defines the normal position of the visual.
+     */
+    rect: geometry.Rect;
+    /**
+     * The sum of point values since the last `runningTotal` summary point. Available for the Waterfall series.
+     */
+    runningTotal?: number;
+    /**
+     * The instance of the Chart component.
+     */
+    sender: Object;
+    /**
+     * The series of the point.
+     */
+    series: any;
+    /**
+     * The sum of all previous series values. Available for the Waterfall series.
+     */
+    total?: number;
+    /**
+     * The value of the point.
+     */
+    value: any;
+}

package/dist/esm/argument-types/highlight-visual-args.interface.js

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