@progress/kendo-vue-charts 10.0.1-develop.6 → 10.1.0-develop.1

package/store/reducer.mjs

@@ -5,67 +5,64 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const i = (s, e) => e.chartCollectionIdxKey ? o.collectionConfigurationItem(s, e) : e.chartKey ? o.configurationItem(s, e) : {}, u = (s, e) => {
+import { setter as n } from "@progress/kendo-vue-common";
+const f = (r, e) => e.chartCollectionIdxKey ? y.collectionConfigurationItem(r, e) : e.chartKey ? y.configurationItem(r, e) : {}, a = (r, e) => {
   if (e.type)
     switch (e.type) {
       case "set":
-        return o.themeItem(s, e);
+        return y.themeItem(r, e);
       case "push":
-        return Object.assign(s, e.payload);
+        return Object.assign(r, e.payload);
       default:
-        return s;
+        return r;
     }
   else
     return {};
-}, f = (s, e) => {
+}, c = (r, e) => {
   if (e.type)
     switch (e.type) {
       case "add":
-        return [...s, e.payload];
+        return [...r, e.payload];
       case "remove":
-        return s.filter((l) => l !== e.payload);
+        return r.filter((l) => l !== e.payload);
       default:
-        return s;
+        return r;
     }
   else
     return [];
-}, o = {
-  configurationItem(s, e) {
-    return s[e.chartKey] && Object.keys(s[e.chartKey]).length ? Object.assign(s, {
+}, y = {
+  configurationItem(r, e) {
+    return r[e.chartKey] && Object.keys(r[e.chartKey]).length ? Object.assign(r, {
       [e.chartKey]: {
-        ...s[e.chartKey],
+        ...r[e.chartKey],
         ...e.payload
       }
-    }) : Object.assign(s, {
+    }) : Object.assign(r, {
       [e.chartKey]: e.payload
     });
   },
-  collectionConfigurationItem(s, e) {
+  collectionConfigurationItem(r, e) {
     let l = !1;
-    const [d, n] = e.chartCollectionIdxKey.split("_"), t = (e.parentKey ? s[e.parentKey] ? s[e.parentKey][d] || [] : [] : s[d] || []).map((r, p) => parseInt(n, 10) === p || e.payload && e.payload.uid === r.uid ? (l = !0, e.payload) : r);
-    if (l === !1 && !e.uid && t.splice(parseInt(n, 10), 0, e.payload), e.uid) {
-      const r = t.findIndex((p) => p.uid === e.uid);
-      r > -1 && t.splice(r, 1);
+    const [s, p] = e.chartCollectionIdxKey.split("_"), d = (e.parentKey ? r[e.parentKey] ? r[e.parentKey][s] || [] : [] : r[s] || []).map((o, t) => parseInt(p, 10) === t || e.payload && e.payload.uid === o.uid ? (l = !0, e.payload) : o);
+    if (l === !1 && !e.uid && d.splice(parseInt(p, 10), 0, e.payload), e.uid) {
+      const o = d.findIndex((t) => t.uid === e.uid);
+      o > -1 && d.splice(o, 1);
     }
-    return e.parentKey ? Object.assign(s, {
+    return e.parentKey ? Object.assign(r, {
       [e.parentKey]: {
-        [d]: t
+        [s]: d
       }
-    }) : Object.assign(s, {
-      [d]: t
+    }) : Object.assign(r, {
+      [s]: d
     });
   },
-  themeItem(s, e) {
-    let l = {};
-    const d = Object.assign(l, s), { field: n, value: y } = e.payload, t = n.split(".");
-    let r = t.shift();
-    for (; t.length > 0; )
-      l = l[r] = l[r] || {}, r = t.shift();
-    return l[r] = y, d;
+  themeItem(r, e) {
+    const l = { ...r }, { field: s, value: p } = e.payload;
+    return n(s)(l, p), l;
   }
 };
 export {
-  f as observersReducer,
-  i as optionsReducer,
-  u as themeReducer
+  c as observersReducer,
+  f as optionsReducer,
+  a as themeReducer
 };

package/tooltip/Series.js

@@ -5,4 +5,4 @@
  * 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;
+"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",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;

package/tooltip/Series.mjs

@@ -11,10 +11,10 @@ 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) {
+function C(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({
+const T = "k-chart-shared-tooltip", y = "k-chart-tooltip-inverse", v = /* @__PURE__ */ h({
   name: "KendoSeriesTooltip",
   // static contextType = ChartContext;
   data() {
@@ -74,9 +74,7 @@ const C = "k-chart-shared-tooltip", y = "k-chart-tooltip-inverse", v = /* @__PUR
           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
-        });
+        const p = this.popupContext.point, i = this.findRenderFunctionByIndex(p.series.index), o = r("span", this.popupContext.point.formattedValue);
         return i !== null ? l.call(this, {
           h: r,
           template: i,
@@ -90,7 +88,7 @@ const C = "k-chart-shared-tooltip", y = "k-chart-tooltip-inverse", v = /* @__PUR
         }) : o;
       }
     } : Function.prototype, s = c({
-      [C]: this.shared,
+      [T]: this.shared,
       [y]: !!this.className
     });
     return a(S, {
@@ -99,7 +97,7 @@ const C = "k-chart-shared-tooltip", y = "k-chart-tooltip-inverse", v = /* @__PUR
       popupOffset: this.popupOffset,
       popupStyles: this.popupStyles,
       className: s
-    }, T(t = e.call(this)) ? t : {
+    }, C(t = e.call(this)) ? t : {
       default: () => [t]
     });
   },

package/tooltip/SharedTooltipContent.js

@@ -5,4 +5,4 @@
  * 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;
+"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:r,colspan:n,nameColumn:a,points:l}=this.$props,d=function(t,c){const s=e.createVNode("td",null,[t.formattedValue]);return e.createVNode("tr",{key:c},[r&&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:n},[o])])]),e.createVNode("tbody",null,[l.map(d.bind(this),this)])])}});exports.SharedTooltipContent=p;

package/tooltip/SharedTooltipContent.mjs

@@ -5,8 +5,8 @@
  * 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({
+import { defineComponent as p, createVNode as e } from "vue";
+const c = "k-chart-shared-tooltip-marker", m = /* @__PURE__ */ p({
   name: "KendoSharedTooltipPopup",
   props: {
     categoryText: String,
@@ -23,29 +23,27 @@ const i = "k-chart-shared-tooltip-marker", h = /* @__PURE__ */ u({
   },
   render() {
     const {
-      categoryText: o,
-      colorMarker: t,
+      categoryText: t,
+      colorMarker: n,
       colspan: r,
       nameColumn: l,
       points: a
-    } = this.$props, s = function(n, p) {
-      const d = c("span", {
-        innerHTML: n.formattedValue
-      });
+    } = this.$props, s = function(o, d) {
+      const u = e("td", null, [o.formattedValue]);
       return e("tr", {
-        key: p
-      }, [t && e("td", null, [e("span", {
-        class: i,
+        key: d
+      }, [n && e("td", null, [e("span", {
+        class: c,
         style: {
-          backgroundColor: n.series.color
+          backgroundColor: o.series.color
         }
-      }, null)]), l && e("td", null, [n.series.name]), d]);
+      }, null)]), l && e("td", null, [o.series.name]), u]);
     };
     return e("table", null, [e("thead", null, [e("tr", null, [e("th", {
       colspan: r
-    }, [o])])]), e("tbody", null, [a.map(s.bind(this), this)])]);
+    }, [t])])]), e("tbody", null, [a.map(s.bind(this), this)])]);
   }
 });
 export {
-  h as SharedTooltipContent
+  m as SharedTooltipContent
 };