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

package/sankey/Sankey.mjs

@@ -0,0 +1,213 @@
+/**
+ * @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 k, createVNode as r } from "vue";
+import { validatePackage as f, getRef as g, getDir as m, templateRendering as l, getListeners as d, setRef as y } from "@progress/kendo-vue-common";
+import { packageMetadata as b } from "../package-metadata.mjs";
+import { loadTheme as v } from "./theme-service.mjs";
+import { Sankey as T } from "@progress/kendo-charts";
+import { Tooltip as D } from "./tooltip.mjs";
+const h = {
+  visible: !0,
+  offset: 12
+}, w = /* @__PURE__ */ k({
+  name: "KendoSankey",
+  emits: {
+    linkclick: null,
+    linkenter: null,
+    linkleave: null,
+    nodeclick: null,
+    nodeenter: null,
+    nodeleave: null
+  },
+  inheritAttrs: !1,
+  props: {
+    dataNodes: {
+      type: Array,
+      required: !0
+    },
+    dataLinks: {
+      type: Array,
+      required: !0
+    },
+    disableAutoLayout: Boolean,
+    disableKeyboardNavigation: Boolean,
+    dir: String,
+    labels: Object,
+    legend: Object,
+    links: Object,
+    nodes: Object,
+    title: Object,
+    tooltip: Object
+  },
+  created() {
+    f(b), this.instance = null;
+  },
+  data() {
+    return {
+      currentTooltip: null,
+      currentDir: void 0
+    };
+  },
+  watch: {
+    dataNodes: function() {
+      this.update(this);
+    },
+    dataLinks: function() {
+      this.update(this);
+    },
+    links: function() {
+      this.update(this);
+    },
+    nodes: function() {
+      this.update(this);
+    },
+    labels: function() {
+      this.update(this);
+    },
+    title: function() {
+      this.update(this);
+    },
+    legend: function() {
+      this.update(this);
+    },
+    disableAutoLayout: function() {
+      this.update(this);
+    },
+    disableKeyboardNavigation: function() {
+      this.update(this);
+    },
+    dir: function() {
+      this.update(this);
+    },
+    tooltip: function() {
+      this.update(this);
+    }
+  },
+  computed: {
+    sankeyClasses() {
+      const t = this.$attrs.class;
+      return {
+        "k-chart k-sankey": !0,
+        [t]: !!t
+      };
+    }
+  },
+  mounted() {
+    this.element = g(this, "element"), this.currentDir = m(this.element, this.$props.dir), this.createSankey(this);
+  },
+  unmounted() {
+    this.destroySankey();
+  },
+  methods: {
+    exportVisual(t) {
+      return this.instance.exportVisual(t);
+    },
+    destroySankey() {
+      this.instance && (this.instance.destroy(), this.instance = null);
+    },
+    createSankey() {
+      const t = this.element;
+      if (!t)
+        return;
+      const e = this.sankeyOptions();
+      v(t.ownerDocument, (i) => {
+        this.instance = new T(t, e, i), this.bindEvents(this.instance);
+      });
+    },
+    update() {
+      this.instance && this.instance.setOptions(this.sankeyOptions());
+    },
+    bindEvents(t) {
+      t.bind("nodeEnter", this.triggerEvent), t.bind("nodeLeave", this.triggerEvent), t.bind("linkEnter", this.triggerEvent), t.bind("linkLeave", this.triggerEvent), t.bind("nodeClick", this.triggerEvent), t.bind("linkClick", this.triggerEvent), t.bind("tooltipShow", this.onTooltipShow), t.bind("tooltipHide", this.onTooltipHide);
+    },
+    triggerEvent(t) {
+      const e = {
+        ...t,
+        target: this
+      };
+      this.$emit(t.type.toLowerCase(), e);
+    },
+    sankeyOptions() {
+      const {
+        dataNodes: t,
+        dataLinks: e,
+        links: i,
+        nodes: o,
+        labels: s,
+        title: n,
+        legend: a,
+        disableAutoLayout: p,
+        disableKeyboardNavigation: u,
+        tooltip: c
+      } = this.$props;
+      return {
+        data: {
+          nodes: t,
+          links: e
+        },
+        links: i,
+        nodes: o,
+        labels: s,
+        title: n,
+        legend: a,
+        disableAutoLayout: p,
+        disableKeyboardNavigation: u,
+        rtl: this.currentDir === "rtl",
+        tooltip: {
+          ...h,
+          ...c
+        }
+      };
+    },
+    onTooltipShow(t) {
+      const {
+        visible: e
+      } = {
+        ...h,
+        ...this.$props.tooltip
+      };
+      if (e) {
+        const i = {
+          tooltipData: t.tooltipData,
+          eventData: {
+            dataItem: t.dataItem,
+            nodeValue: t.nodeValue,
+            targetType: t.targetType
+          }
+        };
+        this.currentTooltip = i;
+      }
+    },
+    onTooltipHide() {
+      this.currentTooltip = null;
+    }
+  },
+  render() {
+    const {
+      nodeContent: t,
+      linkContent: e,
+      offset: i
+    } = this.$props.tooltip || {}, o = l.call(this, t, d.call(this)), s = l.call(this, e, d.call(this)), n = this.$props.dir || this.currentDir;
+    return [r("div", {
+      ref: y(this, "element"),
+      class: this.sankeyClasses,
+      style: this.$attrs.style,
+      dir: n
+    }, null), this.currentTooltip && r(D, {
+      tooltipData: this.currentTooltip.tooltipData,
+      eventData: this.currentTooltip.eventData,
+      dir: n,
+      offset: i || 12,
+      nodeContent: o,
+      linkContent: s
+    }, null)];
+  }
+});
+export {
+  w as Sankey
+};

package/sankey/messages.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 t="sankey.tooltipUnitFormat",o={[t]:"({0} units)"};exports.messages=o;exports.tooltipUnitFormat=t;

package/sankey/messages.mjs

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const t = "sankey.tooltipUnitFormat", o = {
+  [t]: "({0} units)"
+};
+export {
+  o as messages,
+  t as tooltipUnitFormat
+};

package/sankey/theme-service.js

@@ -0,0 +1,29 @@
+/**
+ * @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"});require("@progress/kendo-charts");const c=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,d=t=>window.getComputedStyle(t).backgroundColor,v=t=>t.toLowerCase().charCodeAt(0)-97,u=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return v(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},h=30,m=()=>{let t=`
+      <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<h;e++)t+=`
+      <div class="k-var--series-${e+1}"></div>`;return t},k=`
+    <div class="k-var--background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--kendo-color-subtle"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+    </div>
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${m()}
+    </div>
+`;class y{constructor(e){this.store=e}setStyle(e,s){const o=e.split(".");let l=this.store;o.forEach((i,a,n)=>{a<n.length-1&&(l=l[i]=l[i]||{})});const r=o.pop();r&&(l[r]=s)}setColors(){this.mapColor("labels.color","normal-text-color"),this.mapColor("labels.stroke.color","background");const e=this.element.querySelector(".k-var--kendo-color-subtle");e.style.color="var(--kendo-color-subtle)",this.mapColor("links.color","kendo-color-subtle","color"),this.mapColor("legend.labels.color","normal-text-color"),this.mapColor("title.color","normal-text-color")}setFonts(){const e=c(this.queryStyle("chart-title-font")),s=c(this.queryStyle("chart-font"));this.setStyle("title.font",e),this.setStyle("labels.font",s),this.setStyle("legend.labels.font",s)}setNodeColors(){const e=this.element;if(!e)return;const s=[].slice.call(e.querySelectorAll(".k-var--series div")),o=d(e.querySelector(".k-var--series-unset")),l=s.reduce((r,i)=>{const a=u(i.className),n=d(i);return n!==o&&(r[a]=n),r},[]);this.setStyle("nodeColors",l)}mapColor(e,s,o="backgroundColor"){this.setStyle(e,this.queryStyle(s)[o])}queryStyle(e){const s=this.element;return window.getComputedStyle(s.querySelector(`.k-var--${e}`))}}const C=(t,e)=>{const s={nodeColors:[]},o=new y(s),l=o.element=t.createElement("div");l.style.display="none",l.innerHTML=k,t.body.appendChild(l);try{o.setColors(),o.setFonts(),o.setNodeColors()}finally{t.body.removeChild(o.element),o.element=null,e(s)}};exports.loadTheme=C;

package/sankey/theme-service.mjs

@@ -0,0 +1,99 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import "@progress/kendo-charts";
+const a = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, d = (t) => window.getComputedStyle(t).backgroundColor, v = (t) => t.toLowerCase().charCodeAt(0) - 97, u = (t) => {
+  const e = t.match(/series-([a-z])$/);
+  if (e !== null)
+    return v(e[1]);
+  const s = t.split("--series-")[1];
+  return parseInt(s, 10) - 1;
+}, h = 30, m = () => {
+  let t = `
+      <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 < h; e++)
+    t += `
+      <div class="k-var--series-${e + 1}"></div>`;
+  return t;
+}, k = `
+    <div class="k-var--background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--kendo-color-subtle"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+    </div>
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${m()}
+    </div>
+`;
+class y {
+  constructor(e) {
+    this.store = e;
+  }
+  setStyle(e, s) {
+    const o = e.split(".");
+    let l = this.store;
+    o.forEach((i, c, n) => {
+      c < n.length - 1 && (l = l[i] = l[i] || {});
+    });
+    const r = o.pop();
+    r && (l[r] = s);
+  }
+  setColors() {
+    this.mapColor("labels.color", "normal-text-color"), this.mapColor("labels.stroke.color", "background");
+    const e = this.element.querySelector(".k-var--kendo-color-subtle");
+    e.style.color = "var(--kendo-color-subtle)", this.mapColor("links.color", "kendo-color-subtle", "color"), this.mapColor("legend.labels.color", "normal-text-color"), this.mapColor("title.color", "normal-text-color");
+  }
+  setFonts() {
+    const e = a(this.queryStyle("chart-title-font")), s = a(this.queryStyle("chart-font"));
+    this.setStyle("title.font", e), this.setStyle("labels.font", s), this.setStyle("legend.labels.font", s);
+  }
+  setNodeColors() {
+    const e = this.element;
+    if (!e)
+      return;
+    const s = [].slice.call(e.querySelectorAll(".k-var--series div")), o = d(e.querySelector(".k-var--series-unset")), l = s.reduce(
+      (r, i) => {
+        const c = u(i.className), n = d(i);
+        return n !== o && (r[c] = n), r;
+      },
+      []
+      // Will populate the colors in this array
+    );
+    this.setStyle("nodeColors", l);
+  }
+  mapColor(e, s, o = "backgroundColor") {
+    this.setStyle(e, this.queryStyle(s)[o]);
+  }
+  queryStyle(e) {
+    const s = this.element;
+    return window.getComputedStyle(s.querySelector(`.k-var--${e}`));
+  }
+}
+const p = (t, e) => {
+  const s = {
+    nodeColors: []
+  }, o = new y(s), l = o.element = t.createElement("div");
+  l.style.display = "none", l.innerHTML = k, t.body.appendChild(l);
+  try {
+    o.setColors(), o.setFonts(), o.setNodeColors();
+  } finally {
+    t.body.removeChild(o.element), o.element = null, e(s);
+  }
+};
+export {
+  p as loadTheme
+};

package/sankey/tooltip.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"),a=require("@progress/kendo-vue-common"),d=require("@progress/kendo-svg-icons"),u=require("@progress/kendo-vue-intl"),c=require("./messages.js"),m=3,N=`0 ${m}px`,h={display:"flex",alignItems:"center"},p=e.defineComponent({name:"Square",props:{color:String},render(){return e.createVNode("div",{style:{width:"15px",height:"15px","background-color":this.$props.color,display:"inline-flex",marginLeft:m}},null)}}),s=e.defineComponent({name:"Text",props:{value:String},render(){return e.createVNode("span",{style:{margin:N}},[this.$props.value])}}),f=e.defineComponent({name:"Units",props:{value:Number},inject:{kendoLocalizationService:{default:null}},render(){const o=u.provideLocalizationService(this).toLanguageString(c.tooltipUnitFormat,c.messages[c.tooltipUnitFormat]),n=new u.IntlService("en").format(o,[this.$props.value||0]);return e.createVNode(s,{value:n},null)}}),b=e.defineComponent({name:"NodeTooltipContent",props:{dataItem:Object,nodeValue:Number,dir:String},render(){const{color:t,label:o}=this.$props.dataItem;return e.createVNode("div",{style:h,class:"k-tooltip-content"},[e.createVNode(p,{color:t},null),e.createVNode(s,{value:o.text},null),e.createVNode(f,{value:this.$props.nodeValue},null)])}}),S=e.defineComponent({name:"LinkTooltipContent",props:{dataItem:Object,dir:String,nodeValue:Number},render(){const{dir:t,dataItem:o}=this.$props,{source:n,target:r,value:i}=o,l=t==="rtl"?d.arrowLeftIcon:d.arrowRightIcon;return e.createVNode("div",{style:h},[e.createVNode(p,{color:n.color},null),e.createVNode(s,{value:n.label.text},null),e.createVNode(a.Icon,{icon:l,name:l.name},null),e.createVNode(p,{color:r.color},null),e.createVNode(s,{value:r.label.text},null),e.createVNode(f,{value:i},null)])}}),k=e.defineComponent({name:"SankeyTooltip",props:{eventData:Object,tooltipData:Object,nodeContent:[String,Object,Function],linkContent:[String,Object,Function],dir:String,offset:Number},data(){return{top:"",left:"",visibility:"hidden"}},mounted(){this.element=a.getRef(this,"element"),this.showTooltip()},updated(){this.showTooltip()},methods:{showTooltip(){const{offset:t,tooltipData:o}=this.$props,n=this.element;if(!o||!n)return;const r={width:n.offsetWidth,height:n.offsetHeight},i={...o.popupOffset},l=o.popupAlign;i.left+=l.horizontal==="left"?t:-1*t,l.horizontal==="right"&&(i.left-=r.width),l.vertical==="bottom"?i.top-=r.height+t:i.top+=t,this.$data.top=i.top+"px",this.$data.left=i.left+"px",this.$data.visibility=""}},render(){const{nodeContent:t,linkContent:o,dir:n,eventData:{dataItem:r,nodeValue:i,targetType:l}}=this.$props,g=l==="node"?t:o,v=l==="node"?b:S,V=a.getTemplate.call(this,{h:e.h,template:g,defaultRendering:e.createVNode(v,{dataItem:r,nodeValue:i,dir:n},null)});return e.createVNode("div",{ref:a.setRef(this,"element"),style:{top:this.top,left:this.left,visibility:this.visibility},class:"k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip",dir:n},[e.createVNode("div",{class:"k-tooltip-content"},[V])])}});exports.Tooltip=k;

package/sankey/tooltip.mjs

@@ -0,0 +1,191 @@
+/**
+ * @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 s, h as v, createVNode as t } from "vue";
+import { getRef as b, getTemplate as y, setRef as S, Icon as k } from "@progress/kendo-vue-common";
+import { arrowLeftIcon as x, arrowRightIcon as T } from "@progress/kendo-svg-icons";
+import { provideLocalizationService as $, IntlService as C } from "@progress/kendo-vue-intl";
+import { tooltipUnitFormat as c, messages as I } from "./messages.mjs";
+const d = 3, w = `0 ${d}px`, u = {
+  display: "flex",
+  alignItems: "center"
+}, p = /* @__PURE__ */ s({
+  name: "Square",
+  props: {
+    color: String
+  },
+  render() {
+    return t("div", {
+      style: {
+        width: "15px",
+        height: "15px",
+        "background-color": this.$props.color,
+        display: "inline-flex",
+        marginLeft: d
+      }
+    }, null);
+  }
+}), a = /* @__PURE__ */ s({
+  name: "Text",
+  props: {
+    value: String
+  },
+  render() {
+    return t("span", {
+      style: {
+        margin: w
+      }
+    }, [this.$props.value]);
+  }
+}), m = /* @__PURE__ */ s({
+  name: "Units",
+  props: {
+    value: Number
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const o = $(this).toLanguageString(c, I[c]), n = new C("en").format(o, [this.$props.value || 0]);
+    return t(a, {
+      value: n
+    }, null);
+  }
+}), O = /* @__PURE__ */ s({
+  name: "NodeTooltipContent",
+  props: {
+    dataItem: Object,
+    nodeValue: Number,
+    dir: String
+  },
+  render() {
+    const {
+      color: e,
+      label: o
+    } = this.$props.dataItem;
+    return t("div", {
+      style: u,
+      class: "k-tooltip-content"
+    }, [t(p, {
+      color: e
+    }, null), t(a, {
+      value: o.text
+    }, null), t(m, {
+      value: this.$props.nodeValue
+    }, null)]);
+  }
+}), j = /* @__PURE__ */ s({
+  name: "LinkTooltipContent",
+  props: {
+    dataItem: Object,
+    dir: String,
+    nodeValue: Number
+  },
+  render() {
+    const {
+      dir: e,
+      dataItem: o
+    } = this.$props, {
+      source: n,
+      target: r,
+      value: i
+    } = o, l = e === "rtl" ? x : T;
+    return t("div", {
+      style: u
+    }, [t(p, {
+      color: n.color
+    }, null), t(a, {
+      value: n.label.text
+    }, null), t(k, {
+      icon: l,
+      name: l.name
+    }, null), t(p, {
+      color: r.color
+    }, null), t(a, {
+      value: r.label.text
+    }, null), t(m, {
+      value: i
+    }, null)]);
+  }
+}), R = /* @__PURE__ */ s({
+  name: "SankeyTooltip",
+  props: {
+    eventData: Object,
+    tooltipData: Object,
+    nodeContent: [String, Object, Function],
+    linkContent: [String, Object, Function],
+    dir: String,
+    offset: Number
+  },
+  data() {
+    return {
+      top: "",
+      left: "",
+      visibility: "hidden"
+    };
+  },
+  mounted() {
+    this.element = b(this, "element"), this.showTooltip();
+  },
+  updated() {
+    this.showTooltip();
+  },
+  methods: {
+    showTooltip() {
+      const {
+        offset: e,
+        tooltipData: o
+      } = this.$props, n = this.element;
+      if (!o || !n)
+        return;
+      const r = {
+        width: n.offsetWidth,
+        height: n.offsetHeight
+      }, i = {
+        ...o.popupOffset
+      }, l = o.popupAlign;
+      i.left += l.horizontal === "left" ? e : -1 * e, l.horizontal === "right" && (i.left -= r.width), l.vertical === "bottom" ? i.top -= r.height + e : i.top += e, this.$data.top = i.top + "px", this.$data.left = i.left + "px", this.$data.visibility = "";
+    }
+  },
+  render() {
+    const {
+      nodeContent: e,
+      linkContent: o,
+      dir: n,
+      eventData: {
+        dataItem: r,
+        nodeValue: i,
+        targetType: l
+      }
+    } = this.$props, h = l === "node" ? e : o, f = l === "node" ? O : j, g = y.call(this, {
+      h: v,
+      template: h,
+      defaultRendering: t(f, {
+        dataItem: r,
+        nodeValue: i,
+        dir: n
+      }, null)
+    });
+    return t("div", {
+      ref: S(this, "element"),
+      style: {
+        top: this.top,
+        left: this.left,
+        visibility: this.visibility
+      },
+      class: "k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip",
+      dir: n
+    }, [t("div", {
+      class: "k-tooltip-content"
+    }, [g])]);
+  }
+});
+export {
+  R as Tooltip
+};

package/sankey/utils.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("@progress/kendo-charts"),a=e.createSankeyData;exports.createSankeyData=a;

package/sankey/utils.mjs

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { createSankeyData as a } from "@progress/kendo-charts";
+const t = a;
+export {
+  t as createSankeyData
+};

package/store/reducer.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 p=(s,e)=>e.chartCollectionIdxKey?u.collectionConfigurationItem(s,e):e.chartKey?u.configurationItem(s,e):{},y=(s,e)=>{if(e.type)switch(e.type){case"set":return u.themeItem(s,e);case"push":return Object.assign(s,e.payload);default:return s}else return{}},f=(s,e)=>{if(e.type)switch(e.type){case"add":return[...s,e.payload];case"remove":return s.filter(r=>r!==e.payload);default:return s}else return[]},u={configurationItem(s,e){return s[e.chartKey]&&Object.keys(s[e.chartKey]).length?Object.assign(s,{[e.chartKey]:{...s[e.chartKey],...e.payload}}):Object.assign(s,{[e.chartKey]:e.payload})},collectionConfigurationItem(s,e){let r=!1;const[d,o]=e.chartCollectionIdxKey.split("_"),t=(e.parentKey?s[e.parentKey]?s[e.parentKey][d]||[]:[]:s[d]||[]).map((l,n)=>parseInt(o,10)===n||e.payload&&e.payload.uid===l.uid?(r=!0,e.payload):l);if(r===!1&&!e.uid&&t.splice(parseInt(o,10),0,e.payload),e.uid){const l=t.findIndex(n=>n.uid===e.uid);l>-1&&t.splice(l,1)}return e.parentKey?Object.assign(s,{[e.parentKey]:{[d]:t}}):Object.assign(s,{[d]:t})},themeItem(s,e){let r={};const d=Object.assign(r,s),{field:o,value:i}=e.payload,t=o.split(".");let l=t.shift();for(;t.length>0;)r=r[l]=r[l]||{},l=t.shift();return r[l]=i,d}};exports.observersReducer=f;exports.optionsReducer=p;exports.themeReducer=y;

package/store/reducer.mjs

@@ -0,0 +1,71 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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) => {
+  if (e.type)
+    switch (e.type) {
+      case "set":
+        return o.themeItem(s, e);
+      case "push":
+        return Object.assign(s, e.payload);
+      default:
+        return s;
+    }
+  else
+    return {};
+}, f = (s, e) => {
+  if (e.type)
+    switch (e.type) {
+      case "add":
+        return [...s, e.payload];
+      case "remove":
+        return s.filter((l) => l !== e.payload);
+      default:
+        return s;
+    }
+  else
+    return [];
+}, o = {
+  configurationItem(s, e) {
+    return s[e.chartKey] && Object.keys(s[e.chartKey]).length ? Object.assign(s, {
+      [e.chartKey]: {
+        ...s[e.chartKey],
+        ...e.payload
+      }
+    }) : Object.assign(s, {
+      [e.chartKey]: e.payload
+    });
+  },
+  collectionConfigurationItem(s, 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);
+    }
+    return e.parentKey ? Object.assign(s, {
+      [e.parentKey]: {
+        [d]: t
+      }
+    }) : Object.assign(s, {
+      [d]: t
+    });
+  },
+  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;
+  }
+};
+export {
+  f as observersReducer,
+  i as optionsReducer,
+  u as themeReducer
+};

package/store/store.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@progress/kendo-vue-common"),u=1e3/60,d=c=>{let o,s,e=[];const i=()=>o,n=t=>{o=c(o,t),l.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>e.forEach(r=>r()),u))},a=t=>(e.push(t),()=>e=e.filter(r=>r!==t));return n({}),{getState:i,dispatch:n,subscribe:a}};exports.THROTTLE_MS=u;exports.default=d;