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

package/store/store.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { canUseDOM as u } from "@progress/kendo-vue-common";
+const l = 1e3 / 60, f = (i) => {
+  let o, s, t = [];
+  const n = () => o, c = (e) => {
+    o = i(o, e), u && (window.clearTimeout(s), s = window.setTimeout(() => t.forEach((r) => r()), l));
+  }, a = (e) => (t.push(e), () => t = t.filter((r) => r !== e));
+  return c({}), { getState: n, dispatch: c, subscribe: a };
+};
+export {
+  l as THROTTLE_MS,
+  f as default
+};

package/theming/theme-service.js

@@ -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
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-charts"),r=s=>`${s.fontWeight} ${s.fontSize} ${s.fontFamily}`,d=s=>window.getComputedStyle(s).backgroundColor,v=s=>s.toLowerCase().charCodeAt(0)-97,u=s=>{const e=s.match(/series-([a-z])$/);if(e!==null)return v(e[1]);const t=s.split("--series-")[1];return parseInt(t,10)-1},m=30,p=()=>{let s=`
+      <div class="k-var--series-a"></div>
+      <div class="k-var--series-b"></div>
+      <div class="k-var--series-c"></div>
+      <div class="k-var--series-d"></div>
+      <div class="k-var--series-e"></div>
+      <div class="k-var--series-f"></div>
+`;for(let e=0;e<m;e++)s+=`
+      <div class="k-var--series-${e+1}"></div>`;return s},f=`
+    <div class="k-var--primary"></div>
+    <div class="k-var--base"></div>
+    <div class="k-var--background"></div>
+
+    <div class="k-var--normal-background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--hover-background"></div>
+    <div class="k-var--hover-text-color"></div>
+    <div class="k-var--selected-background"></div>
+    <div class="k-var--selected-text-color"></div>
+    <div class="k-var--chart-error-bars-background"></div>
+    <div class="k-var--chart-notes-background"></div>
+    <div class="k-var--chart-notes-border"></div>
+    <div class="k-var--chart-notes-lines"></div>
+    <div class="k-var--chart-crosshair-background"></div>
+
+    <div class="k-var--chart-inactive"></div>
+    <div class="k-var--chart-major-lines"></div>
+    <div class="k-var--chart-minor-lines"></div>
+    <div class="k-var--chart-area-opacity"></div>
+    <div class="k-var--chart-area-inactive-opacity"></div>
+    <div class="k-var--chart-line-inactive-opacity"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+        <div class="k-var--chart-pane-title-font"></div>
+        <div class="k-var--chart-label-font"></div>
+    </div>
+
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${p()}
+    </div>
+`;class y{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}setColors(){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","primary"),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","primary"),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");const e=parseFloat(this.queryStyle("chart-area-opacity").opacity);isNaN(e)||(this.setStyle("seriesDefaults.area.opacity",e),this.setStyle("seriesDefaults.radarArea.opacity",e),this.setStyle("seriesDefaults.verticalArea.opacity",e),this.setStyle("seriesDefaults.labels.opacity",e)),this.setInactiveOpacity(["area","verticalArea"],"chart-area-inactive-opacity"),this.setInactiveOpacity(["line","verticalLine"],"chart-line-inactive-opacity")}setFonts(){const e=r(this.queryStyle("chart-font")),t=r(this.queryStyle("chart-title-font")),a=r(this.queryStyle("chart-pane-title-font")),o=r(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",o),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",o),this.setStyle("seriesDefaults.notes.label.font",e),this.setStyle("title.font",t),this.setStyle("paneDefaults.title.font",a)}setSeriesColors(){const e=this.element,t=[].slice.call(e==null?void 0:e.querySelectorAll(".k-var--series div")),a=d(e==null?void 0:e.querySelector(".k-var--series-unset")),o=t.reduce((i,l)=>{const h=u(l.className),c=d(l);return c!==a&&(i[h]=c),i},[]);this.setStyle("seriesColors",o)}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t==null?void 0:t.querySelector(`.k-var--${e}`))}setInactiveOpacity(e,t){const a=parseFloat(this.queryStyle(t).opacity);!isNaN(a)&&a<1&&e.forEach(o=>this.setStyle(`seriesDefaults.${o}.highlight.inactiveOpacity`,a))}}const k=(s,e)=>{const t=new y(s);if(typeof document=="undefined"){s.dispatch({type:"push",payload:n.chartBaseTheme()});return}const a=t.element=document.createElement("div");a.style.display="none",a.innerHTML=f,document.body.appendChild(a);try{s.dispatch({type:"push",payload:n.chartBaseTheme()}),t.setColors(),t.setFonts(),t.setSeriesColors()}finally{document.body.removeChild(t.element),delete t.element,e()}};exports.loadTheme=k;

package/theming/theme-service.mjs

@@ -0,0 +1,121 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { chartBaseTheme as n } from "@progress/kendo-charts";
+const r = (s) => `${s.fontWeight} ${s.fontSize} ${s.fontFamily}`, d = (s) => window.getComputedStyle(s).backgroundColor, v = (s) => s.toLowerCase().charCodeAt(0) - 97, u = (s) => {
+  const e = s.match(/series-([a-z])$/);
+  if (e !== null)
+    return v(e[1]);
+  const t = s.split("--series-")[1];
+  return parseInt(t, 10) - 1;
+}, m = 30, p = () => {
+  let s = `
+      <div class="k-var--series-a"></div>
+      <div class="k-var--series-b"></div>
+      <div class="k-var--series-c"></div>
+      <div class="k-var--series-d"></div>
+      <div class="k-var--series-e"></div>
+      <div class="k-var--series-f"></div>
+`;
+  for (let e = 0; e < m; e++)
+    s += `
+      <div class="k-var--series-${e + 1}"></div>`;
+  return s;
+}, f = `
+    <div class="k-var--primary"></div>
+    <div class="k-var--base"></div>
+    <div class="k-var--background"></div>
+
+    <div class="k-var--normal-background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--hover-background"></div>
+    <div class="k-var--hover-text-color"></div>
+    <div class="k-var--selected-background"></div>
+    <div class="k-var--selected-text-color"></div>
+    <div class="k-var--chart-error-bars-background"></div>
+    <div class="k-var--chart-notes-background"></div>
+    <div class="k-var--chart-notes-border"></div>
+    <div class="k-var--chart-notes-lines"></div>
+    <div class="k-var--chart-crosshair-background"></div>
+
+    <div class="k-var--chart-inactive"></div>
+    <div class="k-var--chart-major-lines"></div>
+    <div class="k-var--chart-minor-lines"></div>
+    <div class="k-var--chart-area-opacity"></div>
+    <div class="k-var--chart-area-inactive-opacity"></div>
+    <div class="k-var--chart-line-inactive-opacity"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+        <div class="k-var--chart-pane-title-font"></div>
+        <div class="k-var--chart-label-font"></div>
+    </div>
+
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${p()}
+    </div>
+`;
+class y {
+  constructor(e) {
+    this.store = e;
+  }
+  setStyle(e, t) {
+    this.store.dispatch({ type: "set", payload: { field: e, value: t } });
+  }
+  setColors() {
+    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", "primary"), 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", "primary"), 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");
+    const e = parseFloat(this.queryStyle("chart-area-opacity").opacity);
+    isNaN(e) || (this.setStyle("seriesDefaults.area.opacity", e), this.setStyle("seriesDefaults.radarArea.opacity", e), this.setStyle("seriesDefaults.verticalArea.opacity", e), this.setStyle("seriesDefaults.labels.opacity", e)), this.setInactiveOpacity(["area", "verticalArea"], "chart-area-inactive-opacity"), this.setInactiveOpacity(["line", "verticalLine"], "chart-line-inactive-opacity");
+  }
+  setFonts() {
+    const e = r(this.queryStyle("chart-font")), t = r(this.queryStyle("chart-title-font")), a = r(this.queryStyle("chart-pane-title-font")), o = r(this.queryStyle("chart-label-font"));
+    this.setStyle("axisDefaults.labels.font", o), this.setStyle("axisDefaults.notes.label.font", e), this.setStyle("axisDefaults.title.font", e), this.setStyle("legend.labels.font", e), this.setStyle("seriesDefaults.labels.font", o), this.setStyle("seriesDefaults.notes.label.font", e), this.setStyle("title.font", t), this.setStyle("paneDefaults.title.font", a);
+  }
+  setSeriesColors() {
+    const e = this.element, t = [].slice.call(e == null ? void 0 : e.querySelectorAll(".k-var--series div")), a = d(e == null ? void 0 : e.querySelector(".k-var--series-unset")), o = t.reduce(
+      (i, l) => {
+        const h = u(l.className), c = d(l);
+        return c !== a && (i[h] = c), i;
+      },
+      []
+      // Will populate the series colors in this array
+    );
+    this.setStyle("seriesColors", o);
+  }
+  mapColor(e, t) {
+    this.setStyle(e, this.queryStyle(t).backgroundColor);
+  }
+  queryStyle(e) {
+    const t = this.element;
+    return window.getComputedStyle(t == null ? void 0 : t.querySelector(`.k-var--${e}`));
+  }
+  setInactiveOpacity(e, t) {
+    const a = parseFloat(this.queryStyle(t).opacity);
+    !isNaN(a) && a < 1 && e.forEach(
+      (o) => this.setStyle(`seriesDefaults.${o}.highlight.inactiveOpacity`, a)
+    );
+  }
+}
+const C = (s, e) => {
+  const t = new y(s);
+  if (typeof document == "undefined") {
+    s.dispatch({ type: "push", payload: n() });
+    return;
+  }
+  const a = t.element = document.createElement("div");
+  a.style.display = "none", a.innerHTML = f, document.body.appendChild(a);
+  try {
+    s.dispatch({ type: "push", payload: n() }), t.setColors(), t.setFonts(), t.setSeriesColors();
+  } finally {
+    document.body.removeChild(t.element), delete t.element, e();
+  }
+};
+export {
+  C as loadTheme
+};

package/tooltip/Crosshair.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 o=require("vue"),h=require("@progress/kendo-vue-common"),d=require("@progress/kendo-charts"),c=require("./Popup.js");function f(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const S="k-chart-crosshair-tooltip",O="k-chart-tooltip-inverse",m=o.defineComponent({name:"KendoCrosshairTooltip",props:{index:Number,name:String},data(){return{popupShown:!1,popupAlign:void 0,popupOffset:void 0,popupContent:void 0,popupStyles:void 0,className:void 0}},inject:{optionsState:{default:{}},dispatchOptions:{default:null},observersStore:{default:null},dispatchObservers:{default:null},childrenObserver:{default:null}},created(){this.chartObserver=new d.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.dispatchObservers({type:"add",payload:this.chartObserver})},unmounted(){this.dispatchObservers({type:"remove",payload:this.chartObserver})},render(){const e=this.popupShown?this.popupContent:Function.prototype,t=h.classNames({[S]:!0,[O]:!!this.className});return o.createVNode(c.TooltipPopup,{popupShown:this.popupShown,popupAlign:this.popupAlign,popupOffset:this.popupOffset,popupStyles:this.popupStyles,className:t},f(e)?e:{default:()=>[e]})},methods:{onShowTooltip(e){const{anchor:t,style:p,className:s,crosshair:n,axisName:i,axisIndex:r,value:a}=e,{name:u,index:l}=this.$props;n&&i===u&&r===l&&(this.popupShown=!0,this.popupAlign=t.align,this.popupOffset=t.point,this.popupContent=a,this.popupStyles=p,this.className=s)},onHideTooltip(){this.popupShown=!1,this.popupStyles={},this.className=void 0}}});exports.CrosshairTooltip=m;

package/tooltip/Crosshair.mjs

@@ -0,0 +1,101 @@
+/**
+ * @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 h, isVNode as d } from "vue";
+import { classNames as c } from "@progress/kendo-vue-common";
+import { InstanceObserver as f } from "@progress/kendo-charts";
+import { TooltipPopup as m } from "./Popup.mjs";
+function S(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !d(t);
+}
+const O = "k-chart-crosshair-tooltip", b = "k-chart-tooltip-inverse", C = /* @__PURE__ */ u({
+  name: "KendoCrosshairTooltip",
+  props: {
+    index: Number,
+    name: String
+  },
+  data() {
+    return {
+      popupShown: !1,
+      popupAlign: void 0,
+      popupOffset: void 0,
+      popupContent: void 0,
+      popupStyles: void 0,
+      className: void 0
+    };
+  },
+  inject: {
+    optionsState: {
+      default: {}
+    },
+    dispatchOptions: {
+      default: null
+    },
+    observersStore: {
+      default: null
+    },
+    dispatchObservers: {
+      default: null
+    },
+    childrenObserver: {
+      default: null
+    }
+  },
+  created() {
+    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() {
+    const t = this.popupShown ? this.popupContent : Function.prototype, o = c({
+      [O]: !0,
+      [b]: !!this.className
+    });
+    return h(m, {
+      popupShown: this.popupShown,
+      popupAlign: this.popupAlign,
+      popupOffset: this.popupOffset,
+      popupStyles: this.popupStyles,
+      className: o
+    }, S(t) ? t : {
+      default: () => [t]
+    });
+  },
+  methods: {
+    onShowTooltip(t) {
+      const {
+        anchor: o,
+        style: e,
+        className: p,
+        crosshair: s,
+        axisName: n,
+        axisIndex: i,
+        value: r
+      } = t, {
+        name: a,
+        index: l
+      } = this.$props;
+      s && n === a && i === l && (this.popupShown = !0, this.popupAlign = o.align, this.popupOffset = o.point, this.popupContent = r, this.popupStyles = e, this.className = p);
+    },
+    onHideTooltip() {
+      this.popupShown = !1, this.popupStyles = {}, this.className = void 0;
+    }
+  }
+});
+export {
+  C as CrosshairTooltip
+};

package/tooltip/CrosshairContainer.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 r=require("vue"),a=require("./Crosshair.js"),l=["categoryAxis","valueAxis","xAxis","yAxis"];function c(e){const t={};for(let i=0;i<l.length;i++){const s=p(e,l[i]);for(let o=0;o<s.length;o++){const n=s[o];t[n.name+n.index]=n}}return t}function p(e,t){const i=[];if(e[t]){const s=[].concat(e[t]);for(let o=0;o<s.length;o++){const n=(s[o].crosshair||{}).tooltip;n&&n.visible&&i.push({index:o,name:t})}}return i}const u=r.defineComponent({name:"KendoCrosshairContainer",props:{optionsState:Object},computed:{tooltips(){return c(this.optionsState)}},render(){const e=Object.keys(this.tooltips).map(function(t){return r.createVNode(a.CrosshairTooltip,{index:this.tooltips[t].index,name:this.tooltips[t].name,key:t},null)},this);return r.createVNode("div",null,[e])}});exports.CrosshairContainer=u;

package/tooltip/CrosshairContainer.mjs

@@ -0,0 +1,59 @@
+/**
+ * @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 p, createVNode as r } from "vue";
+import { CrosshairTooltip as a } from "./Crosshair.mjs";
+const l = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
+function c(i) {
+  const t = {};
+  for (let n = 0; n < l.length; n++) {
+    const e = h(i, l[n]);
+    for (let o = 0; o < e.length; o++) {
+      const s = e[o];
+      t[s.name + s.index] = s;
+    }
+  }
+  return t;
+}
+function h(i, t) {
+  const n = [];
+  if (i[t]) {
+    const e = [].concat(i[t]);
+    for (let o = 0; o < e.length; o++) {
+      const s = (e[o].crosshair || {}).tooltip;
+      s && s.visible && n.push({
+        index: o,
+        name: t
+      });
+    }
+  }
+  return n;
+}
+const u = /* @__PURE__ */ p({
+  name: "KendoCrosshairContainer",
+  props: {
+    optionsState: Object
+  },
+  computed: {
+    tooltips() {
+      return c(this.optionsState);
+    }
+  },
+  render() {
+    const i = Object.keys(this.tooltips).map(function(t) {
+      return r(a, {
+        index: this.tooltips[t].index,
+        name: this.tooltips[t].name,
+        key: t
+      }, null);
+    }, this);
+    return r("div", null, [i]);
+  }
+});
+export {
+  u as CrosshairContainer
+};

package/tooltip/Point.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"});class s{constructor(t,e){this.value=t.value,this.category=t.category,this.categoryIndex=t.categoryIx,this.series=t.series,this.dataItem=t.dataItem,this.percentage=t.percentage,this.runningTotal=t.runningTotal,this.total=t.total,this.low=t.low,this.high=t.high,this.xLow=t.xLow,this.xHigh=t.xHigh,this.yLow=t.yLow,this.yHigh=t.yHigh,this.point=t,this.format=((t.options||{}).tooltip||{}).format||e}get formattedValue(){return this.format?this.point.formatValue(this.format):String(this.value)}}exports.TooltipPoint=s;

package/tooltip/Point.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+class a {
+  /**
+   * @hidden
+   */
+  constructor(t, h) {
+    this.value = t.value, this.category = t.category, this.categoryIndex = t.categoryIx, this.series = t.series, this.dataItem = t.dataItem, this.percentage = t.percentage, this.runningTotal = t.runningTotal, this.total = t.total, this.low = t.low, this.high = t.high, this.xLow = t.xLow, this.xHigh = t.xHigh, this.yLow = t.yLow, this.yHigh = t.yHigh, this.point = t, this.format = ((t.options || {}).tooltip || {}).format || h;
+  }
+  get formattedValue() {
+    return this.format ? this.point.formatValue(this.format) : String(this.value);
+  }
+}
+export {
+  a as TooltipPoint
+};

package/tooltip/Popup.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 o=require("vue"),i=require("@progress/kendo-charts"),l=require("../utils/main.js"),c=require("@progress/kendo-vue-popup"),s=require("@progress/kendo-vue-common"),d={horizontal:"fit",vertical:"fit"},h="k-chart-tooltip",f="k-chart-tooltip-wrapper",v=o.defineComponent({name:"KendoTooltipPopup",props:{className:String,popupShown:Boolean,popupAlign:{type:Object,default:function(){}},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(){this.chartObserver=new i.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),this.dispatchObservers({type:"add",payload:this.chartObserver})},mounted(){this.element=s.getRef(this,"element")},unmounted(){this.dispatchObservers({type:"remove",payload:this.chartObserver})},render(){const e=s.getDefaultSlots(this),{popupShown:t,popupAlign:n,popupOffset:r,popupStyles:p,className:a}=this.$props,u=[h,a].join(" ").trim();return o.createVNode(c.Popup,{animate:!1,popupAlign:n,offset:r,show:t,collision:d,class:f},{default:()=>[o.createVNode("div",{class:u,style:p,onMouseleave:this.onMouseLeave,ref:s.setRef(this,"element")},[e])]})},methods:{onChartMouseLeave(e){const{event:t}=e;return!!l.hasParent(t.relatedTarget,this.element)},onMouseLeave(e){}}});exports.TooltipPopup=v;

package/tooltip/Popup.mjs

@@ -0,0 +1,107 @@
+/**
+ * @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 l, createVNode as o } from "vue";
+import { InstanceObserver as i } from "@progress/kendo-charts";
+import { hasParent as u } from "../utils/main.mjs";
+import { Popup as c } from "@progress/kendo-vue-popup";
+import { getRef as f, getDefaultSlots as h, setRef as d } from "@progress/kendo-vue-common";
+const m = {
+  horizontal: "fit",
+  vertical: "fit"
+}, v = "k-chart-tooltip", O = "k-chart-tooltip-wrapper", C = /* @__PURE__ */ l({
+  name: "KendoTooltipPopup",
+  props: {
+    className: String,
+    popupShown: Boolean,
+    popupAlign: {
+      type: Object,
+      default: function() {
+      }
+    },
+    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() {
+    this.chartObserver = new i(this, {
+      onMouseLeave: "onChartMouseLeave"
+    }), this.dispatchObservers({
+      type: "add",
+      payload: this.chartObserver
+    });
+  },
+  mounted() {
+    this.element = f(this, "element");
+  },
+  unmounted() {
+    this.dispatchObservers({
+      type: "remove",
+      payload: this.chartObserver
+    });
+  },
+  render() {
+    const e = h(this), {
+      popupShown: t,
+      popupAlign: s,
+      popupOffset: p,
+      popupStyles: r,
+      className: n
+    } = this.$props, a = [v, n].join(" ").trim();
+    return o(c, {
+      animate: !1,
+      popupAlign: s,
+      offset: p,
+      show: t,
+      collision: m,
+      class: O
+    }, {
+      default: () => [o("div", {
+        class: a,
+        style: r,
+        onMouseleave: this.onMouseLeave,
+        ref: d(this, "element")
+      }, [e])]
+    });
+  },
+  methods: {
+    onChartMouseLeave(e) {
+      const {
+        event: t
+      } = e;
+      return !!u(t.relatedTarget, this.element);
+    },
+    onMouseLeave(e) {
+    }
+  }
+});
+export {
+  C as TooltipPopup
+};

package/tooltip/Series.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 s=require("vue"),l=require("@progress/kendo-vue-common"),u=require("@progress/kendo-charts"),a=require("./Point.js"),h=require("./SharedTooltipContent.js"),d=require("./Popup.js");function c(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!s.isVNode(t)}const f="k-chart-shared-tooltip",S="k-chart-tooltip-inverse",m=s.defineComponent({name:"KendoSeriesTooltip",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}},mounted(){this.chartObserver=new u.InstanceObserver(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=s.createVNode(h.SharedTooltipContent,{categoryText:this.popupContext.categoryText,colorMarker:this.popupContext.colorMarker,colspan:this.popupContext.colspan,nameColumn:this.popupContext.nameColumn,points:this.popupContext.points},null);return l.getTemplate.call(this,{h:s.h,template:n,defaultRendering:p,additionalProps:Object.assign({},this.popupContext)})}else{const p=this.popupContext.point,i=this.findRenderFunctionByIndex(p.series.index),o=s.h("span",{innerHTML:this.popupContext.point.formattedValue});return i!==null?l.getTemplate.call(this,{h:s.h,template:i,defaultRendering:o,additionalProps:Object.assign({},this.popupContext)}):n!==null?l.getTemplate.call(this,{h:s.h,template:n,defaultRendering:o,additionalProps:Object.assign({},this.popupContext)}):o}}:Function.prototype,r=l.classNames({[f]:this.shared,[S]:!!this.className});return s.createVNode(d.TooltipPopup,{popupShown:this.popupShown,popupAlign:this.popupAlign,popupOffset:this.popupOffset,popupStyles:this.popupStyles,className:r},c(t=e.call(this))?t:{default:()=>[t]})},methods:{onShowTooltip(t){const{anchor:e,style:r,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=r,this.className=p,this.shared=n)},onHideTooltip(){this.popupShown=!1,this.popupStyles={},this.className=void 0},createSharedTooltipContext(t){const{points:e,categoryText:r}=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:r,colorMarker:p,colspan:i,nameColumn:n,points:t.points.map(o=>new a.TooltipPoint(o,t.format))}},createTooltipContext(t){const{point:e,format:r}=t;return{point:new a.TooltipPoint(e,r)}},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}}});exports.SeriesTooltip=m;