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

package/tooltip/Series.mjs

@@ -0,0 +1,156 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as h, createVNode as a, h as r, isVNode as d } from "vue";
+import { getTemplate as l, classNames as c } from "@progress/kendo-vue-common";
+import { InstanceObserver as f } from "@progress/kendo-charts";
+import { TooltipPoint as u } from "./Point.mjs";
+import { SharedTooltipContent as m } from "./SharedTooltipContent.mjs";
+import { TooltipPopup as S } from "./Popup.mjs";
+function T(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !d(t);
+}
+const C = "k-chart-shared-tooltip", y = "k-chart-tooltip-inverse", v = /* @__PURE__ */ h({
+  name: "KendoSeriesTooltip",
+  // static contextType = ChartContext;
+  data() {
+    return {
+      popupShown: !1,
+      popupAlign: void 0,
+      popupOffset: void 0,
+      popupContext: {},
+      popupStyles: void 0,
+      className: void 0,
+      shared: void 0
+    };
+  },
+  inject: {
+    optionsState: {
+      default: {}
+    },
+    observersState: {
+      default: null
+    },
+    dispatchObservers: {
+      default: null
+    }
+  },
+  // chartObserver: InstanceObserver;
+  mounted() {
+    this.chartObserver = new f(this, {
+      showTooltip: "onShowTooltip",
+      hideTooltip: "onHideTooltip"
+    }), this.dispatchObservers({
+      type: "add",
+      payload: this.chartObserver
+    });
+  },
+  unmounted() {
+    this.dispatchObservers({
+      type: "remove",
+      payload: this.chartObserver
+    });
+  },
+  render() {
+    let t;
+    const e = this.popupShown ? function() {
+      const n = this.findRenderFunction();
+      if (this.shared) {
+        const p = a(m, {
+          categoryText: this.popupContext.categoryText,
+          colorMarker: this.popupContext.colorMarker,
+          colspan: this.popupContext.colspan,
+          nameColumn: this.popupContext.nameColumn,
+          points: this.popupContext.points
+        }, null);
+        return l.call(this, {
+          h: r,
+          template: n,
+          defaultRendering: p,
+          additionalProps: Object.assign({}, this.popupContext)
+        });
+      } else {
+        const p = this.popupContext.point, i = this.findRenderFunctionByIndex(p.series.index), o = r("span", {
+          innerHTML: this.popupContext.point.formattedValue
+        });
+        return i !== null ? l.call(this, {
+          h: r,
+          template: i,
+          defaultRendering: o,
+          additionalProps: Object.assign({}, this.popupContext)
+        }) : n !== null ? l.call(this, {
+          h: r,
+          template: n,
+          defaultRendering: o,
+          additionalProps: Object.assign({}, this.popupContext)
+        }) : o;
+      }
+    } : Function.prototype, s = c({
+      [C]: this.shared,
+      [y]: !!this.className
+    });
+    return a(S, {
+      popupShown: this.popupShown,
+      popupAlign: this.popupAlign,
+      popupOffset: this.popupOffset,
+      popupStyles: this.popupStyles,
+      className: s
+    }, T(t = e.call(this)) ? t : {
+      default: () => [t]
+    });
+  },
+  methods: {
+    onShowTooltip(t) {
+      const {
+        anchor: e,
+        style: s,
+        shared: n,
+        className: p,
+        crosshair: i
+      } = t;
+      let o;
+      i || (n ? o = this.createSharedTooltipContext(t) : o = this.createTooltipContext(t), this.popupShown = !0, this.popupAlign = e.align, this.popupOffset = e.point, this.popupContext = o, this.popupStyles = s, this.className = p, this.shared = n);
+    },
+    onHideTooltip() {
+      this.popupShown = !1, this.popupStyles = {}, this.className = void 0;
+    },
+    createSharedTooltipContext(t) {
+      const {
+        points: e,
+        categoryText: s
+      } = t, n = e.filter((o) => typeof o.series.name != "undefined").length > 0, p = t.series.length > 1;
+      let i = 1;
+      return n && i++, p && i++, {
+        categoryText: s,
+        colorMarker: p,
+        colspan: i,
+        nameColumn: n,
+        points: t.points.map((o) => new u(o, t.format))
+      };
+    },
+    createTooltipContext(t) {
+      const {
+        point: e,
+        format: s
+      } = t;
+      return {
+        point: new u(e, s)
+      };
+    },
+    findRenderFunctionByIndex(t) {
+      const e = this.optionsState.series;
+      return e !== void 0 && Array.isArray(e) && e[t] !== void 0 && e[t].hasOwnProperty("tooltip") && e[t].tooltip.hasOwnProperty("render") ? e[t].tooltip.render : null;
+    },
+    findRenderFunction() {
+      const t = this.optionsState.tooltip;
+      return t !== void 0 && t.hasOwnProperty("render") ? t.render : null;
+    }
+  }
+});
+export {
+  v as SeriesTooltip
+};

package/tooltip/SharedTooltipContent.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u="k-chart-shared-tooltip-marker",p=e.defineComponent({name:"KendoSharedTooltipPopup",props:{categoryText:String,colorMarker:{type:Boolean,default:void 0},colspan:Number,nameColumn:{type:Boolean,default:void 0},points:Array},render(){const{categoryText:o,colorMarker:n,colspan:r,nameColumn:a,points:l}=this.$props,d=function(t,c){const s=e.h("span",{innerHTML:t.formattedValue});return e.createVNode("tr",{key:c},[n&&e.createVNode("td",null,[e.createVNode("span",{class:u,style:{backgroundColor:t.series.color}},null)]),a&&e.createVNode("td",null,[t.series.name]),s])};return e.createVNode("table",null,[e.createVNode("thead",null,[e.createVNode("tr",null,[e.createVNode("th",{colspan:r},[o])])]),e.createVNode("tbody",null,[l.map(d.bind(this),this)])])}});exports.SharedTooltipContent=p;

package/tooltip/SharedTooltipContent.mjs

@@ -0,0 +1,51 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as u, createVNode as e, h as c } from "vue";
+const i = "k-chart-shared-tooltip-marker", h = /* @__PURE__ */ u({
+  name: "KendoSharedTooltipPopup",
+  props: {
+    categoryText: String,
+    colorMarker: {
+      type: Boolean,
+      default: void 0
+    },
+    colspan: Number,
+    nameColumn: {
+      type: Boolean,
+      default: void 0
+    },
+    points: Array
+  },
+  render() {
+    const {
+      categoryText: o,
+      colorMarker: t,
+      colspan: r,
+      nameColumn: l,
+      points: a
+    } = this.$props, s = function(n, p) {
+      const d = c("span", {
+        innerHTML: n.formattedValue
+      });
+      return e("tr", {
+        key: p
+      }, [t && e("td", null, [e("span", {
+        class: i,
+        style: {
+          backgroundColor: n.series.color
+        }
+      }, null)]), l && e("td", null, [n.series.name]), d]);
+    };
+    return e("table", null, [e("thead", null, [e("tr", null, [e("th", {
+      colspan: r
+    }, [o])])]), e("tbody", null, [a.map(s.bind(this), this)])]);
+  }
+});
+export {
+  h as SharedTooltipContent
+};

package/utils/main.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(n,t){let e=n;for(;e&&e!==t;)e=e.parentNode;return!!e}function r(n){const t={...n};return Object.keys(t).forEach(e=>{t[e]===void 0&&delete t[e],e==="dataItems"&&(t.data=t[e],delete t[e]),e==="lineStyle"&&t[e]&&(t.style=t[e],delete t[e])}),t}const d=n=>n===void 0?!1:!n;exports.hasParent=o;exports.removeUndefinedProps=r;exports.toggle=d;

package/utils/main.mjs

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+function o(n, t) {
+  let e = n;
+  for (; e && e !== t; )
+    e = e.parentNode;
+  return !!e;
+}
+function r(n) {
+  const t = { ...n };
+  return Object.keys(t).forEach((e) => {
+    t[e] === void 0 && delete t[e], e === "dataItems" && (t.data = t[e], delete t[e]), e === "lineStyle" && t[e] && (t.style = t[e], delete t[e]);
+  }), t;
+}
+const d = (n) => n === void 0 ? !1 : !n;
+export {
+  o as hasParent,
+  r as removeUndefinedProps,
+  d as toggle
+};

package/dist/es/BaseChart.d.ts

@@ -1,59 +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 { Surface } from '@progress/kendo-drawing';
-import { InstanceObserver } from '@progress/kendo-charts';
-import './defaults';
-import { BaseChartPrivateProps } from './BaseChartProps';
-import { ChartContextType } from './ChartContext';
-/**
- * @hidden
- */
-export interface BaseChartState {
-    chartInstance: any | null;
-    surface: Surface;
-    element: HTMLDivElement | null;
-    elementRef: any;
-    themeStore: any;
-    themeUnsubscriber: Function;
-    chartObserver: InstanceObserver;
-    contextValue: ChartContextType;
-    suppressTransitions: boolean;
-}
-/**
- * @hidden
- */
-interface BaseChartData {
-    optionsState: any;
-    observersState: any;
-    childrenObserver: InstanceObserver;
-}
-/**
- * @hidden
- */
-export interface BaseChartMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface BaseChartComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface BaseChartAll extends BaseChartMethods, BaseChartState, BaseChartData, BaseChartComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const BaseChartVue2: ComponentOptions<Vue2type, DefaultData<BaseChartData>, DefaultMethods<BaseChartAll>, BaseChartComputed, RecordPropsDefinition<BaseChartPrivateProps>>;
-/**
- * @hidden
- */
-declare const BaseChart: DefineComponent<BaseChartPrivateProps, any, BaseChartData, BaseChartComputed, BaseChartMethods, {}, {}, {}, string, BaseChartPrivateProps, BaseChartPrivateProps, {}>;
-export { BaseChart, BaseChartVue2 };