@progress/kendo-vue-charts 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/npm/tooltip/CrosshairContainer.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CrosshairContainerVue2 = exports.CrosshairContainer = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var Crosshair_1 = require("./Crosshair");
-var AXES = ['categoryAxis', 'valueAxis', 'xAxis', 'yAxis'];
-function mapTooltips(options) {
-  var map = {};
-  for (var idx = 0; idx < AXES.length; idx++) {
-    var tooltips = axesCrosshairTooltipOptions(options, AXES[idx]);
-    for (var tooltipIdx = 0; tooltipIdx < tooltips.length; tooltipIdx++) {
-      var tooltip = tooltips[tooltipIdx];
-      map[tooltip.name + tooltip.index] = tooltip;
-    }
-  }
-  return map;
-}
-function axesCrosshairTooltipOptions(options, name) {
-  var result = [];
-  if (options[name]) {
-    var axes = [].concat(options[name]);
-    for (var idx = 0; idx < axes.length; idx++) {
-      var tooltip = (axes[idx].crosshair || {}).tooltip;
-      if (tooltip && tooltip.visible) {
-        result.push({
-          index: idx,
-          name: name
-        });
-      }
-    }
-  }
-  return result;
-}
-/**
- * @hidden
- */
-var CrosshairContainerVue2 = {
-  name: 'KendoCrosshairContainer',
-  props: {
-    optionsState: Object
-  },
-  computed: {
-    tooltips: function tooltips() {
-      return mapTooltips(this.optionsState);
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var childrenMap = Object.keys(this.tooltips).map(function (key) {
-      return (
-        // @ts-ignore  function children
-        h(Crosshair_1.CrosshairTooltip, {
-          index: this.tooltips[key].index,
-          attrs: this.v3 ? undefined : {
-            index: this.tooltips[key].index,
-            name: this.tooltips[key].name
-          },
-          name: this.tooltips[key].name,
-          key: key
-        })
-      );
-    }, this);
-    return h("div", [childrenMap]);
-  }
-};
-exports.CrosshairContainerVue2 = CrosshairContainerVue2;
-/**
- * @hidden
- */
-var CrosshairContainer = CrosshairContainerVue2;
-exports.CrosshairContainer = CrosshairContainer;

package/dist/npm/tooltip/Point.d.ts

@@ -1,68 +0,0 @@
-/**
- * The point that is passed to the tooltip component.
- */
-export declare class TooltipPoint {
-    /**
-     * The point value.
-     */
-    value: any;
-    /**
-     * The point category. Available only for the Categorical series.
-     */
-    category: string | Date | number;
-    /**
-     * The point category index. Available only for the Categorical series.
-     */
-    categoryIndex: number;
-    /**
-     * The point series options.
-     */
-    series: any;
-    /**
-     * The point `dataItem`.
-     */
-    dataItem: any;
-    /**
-     * The point value represented as a percentage value. Available only for the Donut, Pie, and 100% Stacked charts.
-     */
-    percentage: number;
-    /**
-     * The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
-     */
-    runningTotal: number;
-    /**
-     * The sum of all previous series values. Available for the Waterfall series.
-     */
-    total: number;
-    /**
-     * The low value of the point error bar. Available for the Categorical series with error bars.
-     */
-    low: number;
-    /**
-     * The high value of the point error bar. Available for the Categorical series with error bars.
-     */
-    high: number;
-    /**
-     * The x low value of the point error bar. Available for the Scatter series with error bars.
-     */
-    xLow: number;
-    /**
-     * The x high value of the point error bar. Available for the Scatter series with error bars.
-     */
-    xHigh: number;
-    /**
-     * The y low value of the point error bar. Available for the Scatter series with error bars.
-     */
-    yLow: number;
-    /**
-     * The y low value of the point error bar. Available for the Scatter series with error bars.
-     */
-    yHigh: number;
-    private point;
-    private format?;
-    /**
-     * @hidden
-     */
-    constructor(point: any, format?: string);
-    get formattedValue(): string;
-}

package/dist/npm/tooltip/Point.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipPoint = void 0;
-/**
- * The point that is passed to the tooltip component.
- */
-var TooltipPoint = /** @class */ (function () {
-    /**
-     * @hidden
-     */
-    function TooltipPoint(point, format) {
-        this.value = point.value;
-        this.category = point.category;
-        this.categoryIndex = point.categoryIx;
-        this.series = point.series;
-        this.dataItem = point.dataItem;
-        this.percentage = point.percentage;
-        this.runningTotal = point.runningTotal;
-        this.total = point.total;
-        this.low = point.low;
-        this.high = point.high;
-        this.xLow = point.xLow;
-        this.xHigh = point.xHigh;
-        this.yLow = point.yLow;
-        this.yHigh = point.yHigh;
-        this.point = point;
-        this.format = ((point.options || {}).tooltip || {}).format || format;
-    }
-    Object.defineProperty(TooltipPoint.prototype, "formattedValue", {
-        get: function () {
-            return this.format ? this.point.formatValue(this.format) : String(this.value);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return TooltipPoint;
-}());
-exports.TooltipPoint = TooltipPoint;

package/dist/npm/tooltip/Popup.d.ts

@@ -1,54 +0,0 @@
-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 TooltipPopupProps {
-    className?: string | undefined;
-    popupShown: boolean;
-    popupAlign?: Align;
-    popupOffset?: Offset;
-    popupStyles?: any;
-    popupContent: Function;
-}
-/**
- * @hidden
- */
-export interface TooltipPopupData {
-}
-/**
- * @hidden
- */
-export interface TooltipPopupState {
-    chartObserver: any;
-}
-/**
- * @hidden
- */
-export interface TooltipPopupMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TooltipPopupComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TooltipPopupAll extends TooltipPopupMethods, TooltipPopupState, TooltipPopupData, TooltipPopupComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const TooltipPopupVue2: ComponentOptions<Vue2type, DefaultData<TooltipPopupData>, DefaultMethods<TooltipPopupAll>, TooltipPopupComputed, RecordPropsDefinition<TooltipPopupProps>>;
-/**
- * @hidden
- */
-declare const TooltipPopup: DefineComponent<TooltipPopupProps, any, TooltipPopupData, TooltipPopupComputed, TooltipPopupMethods, {}, {}, {}, string, TooltipPopupProps, TooltipPopupProps, {}>;
-export { TooltipPopup, TooltipPopupVue2 };

package/dist/npm/tooltip/Popup.js

@@ -1,167 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TooltipPopupVue2 = exports.TooltipPopup = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_charts_1 = require("@progress/kendo-charts");
-var main_1 = require("../utils/main");
-var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var COLLISION = {
-  horizontal: 'fit',
-  vertical: 'fit'
-};
-var TOOLTIP_CLASS = 'k-chart-tooltip';
-var POPUP_WRAPPER_CLASS = 'k-chart-tooltip-wrapper';
-/**
- * @hidden
- */
-var TooltipPopupVue2 = {
-  name: 'KendoTooltipPopup',
-  props: {
-    className: String,
-    popupShown: Boolean,
-    popupAlign: {
-      type: Object,
-      default: function _default() {
-        return undefined;
-      }
-    },
-    popupOffset: {
-      type: Object
-    },
-    popupStyles: {
-      type: Object
-    },
-    popupContent: Function
-  },
-  inject: {
-    options: {
-      default: {
-        state: {}
-      }
-    },
-    dispatchOptions: {
-      default: null
-    },
-    observersState: {
-      default: null
-    },
-    dispatchObservers: {
-      default: null
-    },
-    childrenObserver: {
-      default: null
-    }
-  },
-  created: function created() {
-    this.chartObserver = new kendo_charts_1.InstanceObserver(this, {
-      onMouseLeave: 'onChartMouseLeave'
-    });
-    this.dispatchObservers({
-      type: 'add',
-      payload: this.chartObserver
-    });
-  },
-  mounted: function mounted() {
-    this.element = (0, kendo_vue_common_1.getRef)(this, 'element');
-  },
-  destroyed: !!isV3 ? undefined : function () {
-    this.dispatchObservers({
-      type: 'remove',
-      payload: this.chartObserver
-    });
-  },
-  // @ts-ignore
-  unmounted: function unmounted() {
-    this.dispatchObservers({
-      type: 'remove',
-      payload: this.chartObserver
-    });
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var _this = this;
-    var h = gh || createElement;
-    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      popupShown = _a.popupShown,
-      popupAlign = _a.popupAlign,
-      popupOffset = _a.popupOffset,
-      popupStyles = _a.popupStyles,
-      popupContent = _a.popupContent,
-      className = _a.className;
-    var wrapperClass = [TOOLTIP_CLASS, className].join(' ').trim();
-    return (
-      // @ts-ignore  function children
-      h(kendo_vue_popup_1.Popup, {
-        animate: false,
-        attrs: this.v3 ? undefined : {
-          animate: false,
-          popupAlign: popupAlign,
-          offset: popupOffset,
-          show: popupShown,
-          collision: COLLISION
-        },
-        popupAlign: popupAlign,
-        offset: popupOffset,
-        show: popupShown,
-        collision: COLLISION,
-        "class": POPUP_WRAPPER_CLASS
-      }, this.v3 ? function () {
-        return [h("div", {
-          "class": wrapperClass,
-          style: popupStyles,
-          onMouseleave: _this.onMouseLeave,
-          on: _this.v3 ? undefined : {
-            "mouseleave": _this.onMouseLeave
-          },
-          ref: (0, kendo_vue_common_1.setRef)(_this, 'element')
-        }, [defaultSlots])];
-      } : [h("div", {
-        "class": wrapperClass,
-        style: popupStyles,
-        onMouseleave: _this.onMouseLeave,
-        on: _this.v3 ? undefined : {
-          "mouseleave": _this.onMouseLeave
-        },
-        ref: (0, kendo_vue_common_1.setRef)(_this, 'element')
-      }, [defaultSlots])])
-    );
-  },
-  methods: {
-    onChartMouseLeave: function onChartMouseLeave(e) {
-      var event = e.event;
-      if ((0, main_1.hasParent)(event.relatedTarget, this.element)) {
-        /* prevent default behavior so that the tooltip won't be hidden */
-        return true;
-      }
-      return false;
-    },
-    onMouseLeave: function onMouseLeave(_e) {
-      //   const domEvent = toDomEvent(this, e);
-      //   const isDefaultPrevented = this.context.childrenObserver.trigger('onMouseLeave', domEvent);
-      // if (isDefaultPrevented) {
-      //     e.preventDefault();
-      // }
-    }
-  }
-};
-exports.TooltipPopupVue2 = TooltipPopupVue2;
-/**
- * @hidden
- */
-var TooltipPopup = TooltipPopupVue2;
-exports.TooltipPopup = TooltipPopup;

package/dist/npm/tooltip/Series.d.ts

@@ -1,51 +0,0 @@
-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';
-import { SharedTooltipContext, TooltipContext } from './Context';
-/**
- * @hidden
- */
-export interface SeriesTooltipData {
-    className?: string | undefined;
-    popupShown: boolean;
-    popupAlign?: Align;
-    popupOffset?: Offset;
-    popupStyles?: any;
-    popupContext: TooltipContext | SharedTooltipContext;
-    shared?: boolean;
-}
-/**
- * @hidden
- */
-export interface SeriesTooltipState {
-    chartObserver: any;
-}
-/**
- * @hidden
- */
-export interface SeriesTooltipMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SeriesTooltipComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SeriesTooltipAll extends SeriesTooltipMethods, SeriesTooltipState, SeriesTooltipData, SeriesTooltipComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const SeriesTooltipVue2: ComponentOptions<Vue2type, DefaultData<SeriesTooltipData>, DefaultMethods<SeriesTooltipAll>, SeriesTooltipComputed, RecordPropsDefinition<{}>>;
-/**
- * @hidden
- */
-declare const SeriesTooltip: DefineComponent<{}, any, SeriesTooltipData, SeriesTooltipComputed, SeriesTooltipMethods, {}, {}, {}, string, {}, {}, {}>;
-export { SeriesTooltip, SeriesTooltipVue2 };

package/dist/npm/tooltip/Series.js

@@ -1,239 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SeriesTooltipVue2 = exports.SeriesTooltip = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var kendo_charts_1 = require("@progress/kendo-charts");
-var Point_1 = require("./Point");
-var SharedTooltipContent_1 = require("./SharedTooltipContent");
-var Popup_1 = require("./Popup");
-var SHARED_TOOLTIP_CLASS = 'k-chart-shared-tooltip';
-var INVERSE_TOOLTIP_CLASS = 'k-chart-tooltip-inverse';
-/**
- * @hidden
- */
-var SeriesTooltipVue2 = {
-  name: 'KendoSeriesTooltip',
-  // static contextType = ChartContext;
-  data: function data() {
-    return {
-      popupShown: false,
-      popupAlign: undefined,
-      popupOffset: undefined,
-      popupContext: {},
-      popupStyles: undefined,
-      className: undefined,
-      shared: undefined
-    };
-  },
-  inject: {
-    optionsState: {
-      default: {}
-    },
-    observersState: {
-      default: null
-    },
-    dispatchObservers: {
-      default: null
-    }
-  },
-  // chartObserver: InstanceObserver;
-  mounted: function mounted() {
-    // This is moved here as calls to the listed methods contains
-    // setState which is restricted before component mount
-    this.chartObserver = new kendo_charts_1.InstanceObserver(this, {
-      showTooltip: 'onShowTooltip',
-      hideTooltip: 'onHideTooltip'
-    });
-    this.dispatchObservers({
-      type: 'add',
-      payload: this.chartObserver
-    });
-  },
-  destroyed: !!isV3 ? undefined : function () {
-    this.dispatchObservers({
-      type: 'remove',
-      payload: this.chartObserver
-    });
-  },
-  // @ts-ignore
-  unmounted: function unmounted() {
-    this.dispatchObservers({
-      type: 'remove',
-      payload: this.chartObserver
-    });
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var _this = this;
-    var _a;
-    var h = gh || createElement;
-    var tooltipContent = this.popupShown ? function () {
-      var render = this.findRenderFunction();
-      if (this.shared) {
-        var defaultSharedToolTip =
-        // @ts-ignore  function children
-        h(SharedTooltipContent_1.SharedTooltipContent, {
-          categoryText: this.popupContext.categoryText,
-          attrs: this.v3 ? undefined : {
-            categoryText: this.popupContext.categoryText,
-            colorMarker: this.popupContext.colorMarker,
-            colspan: this.popupContext.colspan,
-            nameColumn: this.popupContext.nameColumn,
-            points: this.popupContext.points
-          },
-          colorMarker: this.popupContext.colorMarker,
-          colspan: this.popupContext.colspan,
-          nameColumn: this.popupContext.nameColumn,
-          points: this.popupContext.points
-        });
-        return kendo_vue_common_1.getTemplate.call(this, {
-          h: h,
-          template: render,
-          defaultRendering: defaultSharedToolTip,
-          additionalProps: Object.assign({}, this.popupContext)
-        });
-      } else {
-        var point = this.popupContext.point;
-        var seriesRenderer = this.findRenderFunctionByIndex(point.series.index);
-        var defaultTooltip = h('span', {
-          domProps: {
-            innerHTML: this.popupContext.point.formattedValue
-          },
-          innerHTML: this.popupContext.point.formattedValue
-        });
-        if (seriesRenderer !== null) {
-          return kendo_vue_common_1.getTemplate.call(this, {
-            h: h,
-            template: seriesRenderer,
-            defaultRendering: defaultTooltip,
-            additionalProps: Object.assign({}, this.popupContext)
-          });
-        } else if (render !== null) {
-          return kendo_vue_common_1.getTemplate.call(this, {
-            h: h,
-            template: render,
-            defaultRendering: defaultTooltip,
-            additionalProps: Object.assign({}, this.popupContext)
-          });
-        } else {
-          return defaultTooltip;
-        }
-      }
-    } : Function.prototype;
-    var popupContainerClassName = (0, kendo_vue_common_1.classNames)((_a = {}, _a[SHARED_TOOLTIP_CLASS] = this.shared, _a[INVERSE_TOOLTIP_CLASS] = !!this.className, _a));
-    return (
-      // @ts-ignore  function children
-      h(Popup_1.TooltipPopup, {
-        popupShown: this.popupShown,
-        attrs: this.v3 ? undefined : {
-          popupShown: this.popupShown,
-          popupAlign: this.popupAlign,
-          popupOffset: this.popupOffset,
-          popupStyles: this.popupStyles,
-          className: popupContainerClassName
-        },
-        popupAlign: this.popupAlign,
-        popupOffset: this.popupOffset,
-        popupStyles: this.popupStyles,
-        className: popupContainerClassName
-      }, this.v3 ? function () {
-        return [tooltipContent.call(_this)];
-      } : [tooltipContent.call(_this)])
-    );
-  },
-  methods: {
-    onShowTooltip: function onShowTooltip(e) {
-      var anchor = e.anchor,
-        style = e.style,
-        shared = e.shared,
-        className = e.className,
-        crosshair = e.crosshair;
-      var context;
-      if (crosshair) {
-        return;
-      }
-      if (shared) {
-        context = this.createSharedTooltipContext(e);
-      } else {
-        context = this.createTooltipContext(e);
-      }
-      this.popupShown = true;
-      this.popupAlign = anchor.align;
-      this.popupOffset = anchor.point;
-      this.popupContext = context;
-      this.popupStyles = style;
-      this.className = className;
-      this.shared = shared;
-    },
-    onHideTooltip: function onHideTooltip() {
-      this.popupShown = false;
-      this.popupStyles = {};
-      this.className = undefined;
-    },
-    createSharedTooltipContext: function createSharedTooltipContext(e) {
-      var points = e.points,
-        categoryText = e.categoryText;
-      var nameColumn = points.filter(function (point) {
-        return typeof point.series.name !== 'undefined';
-      }).length > 0;
-      var colorMarker = e.series.length > 1;
-      var colspan = 1;
-      if (nameColumn) {
-        colspan++;
-      }
-      if (colorMarker) {
-        colspan++;
-      }
-      return {
-        categoryText: categoryText,
-        colorMarker: colorMarker,
-        colspan: colspan,
-        nameColumn: nameColumn,
-        points: e.points.map(function (point) {
-          return new Point_1.TooltipPoint(point, e.format);
-        })
-      };
-    },
-    createTooltipContext: function createTooltipContext(e) {
-      var point = e.point,
-        format = e.format;
-      return {
-        point: new Point_1.TooltipPoint(point, format)
-      };
-    },
-    findRenderFunctionByIndex: function findRenderFunctionByIndex(seriesIdx) {
-      var series = this.optionsState.series;
-      if (series !== undefined && Array.isArray(series) && series[seriesIdx] !== undefined && series[seriesIdx].hasOwnProperty('tooltip') && series[seriesIdx].tooltip.hasOwnProperty('render')) {
-        return series[seriesIdx].tooltip.render;
-      }
-      return null;
-    },
-    findRenderFunction: function findRenderFunction() {
-      var tooltip = this.optionsState.tooltip;
-      if (tooltip !== undefined && tooltip.hasOwnProperty('render')) {
-        return tooltip.render;
-      }
-      return null;
-    }
-  }
-};
-exports.SeriesTooltipVue2 = SeriesTooltipVue2;
-/**
- * @hidden
- */
-var SeriesTooltip = SeriesTooltipVue2;
-exports.SeriesTooltip = SeriesTooltip;