vue-data-ui 2.3.88 → 2.3.90

package/dist/{vue-ui-sparkstackbar-D3YWcJ_H.js → vue-ui-sparkstackbar-Bcod5yu_.js}

@@ -1,12 +1,15 @@
-import { computed as p, ref as m, watch as I, onMounted as X, openBlock as n, createElementBlock as u, normalizeStyle as g, createElementVNode as c, toDisplayString as k, createCommentVNode as h, unref as _, Fragment as z, renderList as A, normalizeClass as P, createBlock as J } from "vue";
-import { u as K, c as U, t as Q, a as R, p as i, d as w, b as W, o as Y, e as O, g as Z, f as V, X as ee, s as te, w as le, i as ae } from "./index-Bkzd7TEp.js";
-import { u as G } from "./useNestedProp-BjKkGjnV.js";
-import oe from "./vue-ui-skeleton-B1pWkVPT.js";
+import { computed as f, ref as k, watch as I, onMounted as X, openBlock as n, createElementBlock as r, normalizeStyle as g, createElementVNode as d, toDisplayString as _, createCommentVNode as y, unref as b, Fragment as D, renderList as P, normalizeClass as N, createBlock as W } from "vue";
+import { u as J, c as U, t as K, a as Q, p as i, d as C, b as R, o as Y, e as O, g as Z, f as V, X as ee, s as te, w as le, i as ae } from "./index-DQl1TFXa.js";
+import { u as G } from "./useNestedProp-lmeFt-ev.js";
+import oe from "./vue-ui-skeleton-BVJGmYjj.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["xmlns", "viewBox"], re = ["id"], ue = ["stop-color"], ie = ["stop-color"], ce = ["stop-color"], de = {
   id: "stackPill",
   clipPathUnits: "objectBoundingBox"
-}, ve = ["fill"], ge = { "clip-path": "url(#stackPill)" }, pe = ["height", "width", "fill"], he = ["onClick", "x", "width", "height", "fill", "stroke"], fe = ["onClick"], ye = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "4px", "justify-content": "center" } }, me = ["height", "width"], ke = ["fill"], _e = {
+}, ve = ["fill"], ge = {
+  key: 0,
+  "clip-path": "url(#stackPill)"
+}, pe = ["height", "width", "fill"], he = ["onClick", "x", "width", "height", "fill", "stroke"], fe = ["width", "height", "rx"], ye = ["onClick"], me = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "4px", "justify-content": "center" } }, ke = ["height", "width"], _e = ["fill"], be = {
   __name: "vue-ui-sparkstackbar",
   props: {
     config: {
@@ -24,60 +27,60 @@ const ne = ["xmlns", "viewBox"], re = ["id"], ue = ["stop-color"], ie = ["stop-c
   },
   emits: ["selectDatapoint"],
   setup(M, { emit: T }) {
-    const r = M, { vue_ui_sparkstackbar: q } = K(), L = p(() => !!r.dataset && r.dataset.length), N = m(U()), e = p({
-      get: () => B(),
+    const u = M, { vue_ui_sparkstackbar: q } = J(), z = f(() => !!u.dataset && u.dataset.length), A = k(U()), e = f({
+      get: () => L(),
       set: (t) => t
     });
-    function B() {
+    function L() {
       const t = G({
-        userConfig: r.config,
+        userConfig: u.config,
         defaultConfig: q
       });
       return t.theme ? {
         ...G({
-          userConfig: Q.vue_ui_sparkstackbar[t.theme] || r.config,
+          userConfig: K.vue_ui_sparkstackbar[t.theme] || u.config,
           defaultConfig: t
         }),
-        customPalette: R[t.theme] || i
+        customPalette: Q[t.theme] || i
       } : t;
     }
-    I(() => r.config, (t) => {
-      e.value = B(), F();
-    }, { deep: !0 }), I(() => r.dataset, (t) => {
-      f.value = r.dataset.map((a, l) => ({
+    I(() => u.config, (t) => {
+      e.value = L(), B();
+    }, { deep: !0 }), I(() => u.dataset, (t) => {
+      m.value = u.dataset.map((a, l) => ({
         ...a,
-        color: a.color ? w(a.color) : b.value[l] || i[l] || i[l % i.length]
+        color: a.color ? C(a.color) : x.value[l] || i[l] || i[l % i.length]
       }));
     }, { deep: !0 });
-    const b = p(() => W(e.value.customPalette)), f = m(r.dataset.map((t, a) => ({
+    const x = f(() => R(e.value.customPalette)), m = k(u.dataset.map((t, a) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
-      color: t.color ? w(t.color) : b.value[a] || i[a] || i[a % i.length]
-    }))), x = m(!0);
+      color: t.color ? C(t.color) : x.value[a] || i[a] || i[a % i.length]
+    }))), w = k(!0);
     X(() => {
-      if (F(), e.value.style.animation.show) {
-        let D = function() {
-          o += l / t, o < l ? (f.value = f.value.map((s, d) => ({
+      if (B(), e.value.style.animation.show) {
+        let h = function() {
+          o += l / t, o < l ? (m.value = m.value.map((s, c) => ({
             ...s,
-            value: s.value += a[d],
-            color: s.color ? w(s.color) : b.value[d] || i[d] || i[d % i.length]
-          })), requestAnimationFrame(D)) : (x.value = !1, f.value = r.dataset.map((s, d) => ({
+            value: s.value += a[c],
+            color: s.color ? C(s.color) : x.value[c] || i[c] || i[c % i.length]
+          })), requestAnimationFrame(h)) : (w.value = !1, m.value = u.dataset.map((s, c) => ({
             ...s,
             value: s.value || 0,
-            color: s.color ? w(s.color) : b.value[d] || i[d] || i[d % i.length],
+            color: s.color ? C(s.color) : x.value[c] || i[c] || i[c % i.length],
             id: U()
           })));
         };
-        const t = e.value.style.animation.animationFrames, a = r.dataset.map((s, d) => s.value / t), l = r.dataset.map((s) => s.value || 0).reduce((s, d) => s + d, 0);
+        const t = e.value.style.animation.animationFrames, a = u.dataset.map((s, c) => s.value / t), l = u.dataset.map((s) => s.value || 0).reduce((s, c) => s + c, 0);
         let o = 0;
-        x.value = !0, D();
+        w.value = !0, h();
       }
     });
-    function F() {
-      Y(r.dataset) ? O({
+    function B() {
+      Y(u.dataset) ? O({
         componentName: "VueUiSparkStackbar",
         type: "dataset"
-      }) : r.dataset.forEach((t, a) => {
+      }) : u.dataset.forEach((t, a) => {
         Z({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
@@ -91,24 +94,27 @@ const ne = ["xmlns", "viewBox"], re = ["id"], ue = ["stop-color"], ie = ["stop-c
         });
       });
     }
-    const y = m({
+    const p = k({
       width: 500,
       height: 16
-    }), v = m([]), C = p(() => r.dataset.map((t) => t.value || 0).filter((t, a) => !v.value.includes(a)).reduce((t, a) => t + a, 0)), j = p(() => f.value.map((t, a) => ({
-      ...t,
-      value: t.value || 0,
-      proportion: (t.value || 0) / C.value,
-      width: (t.value || 0) / C.value * y.value.width,
-      proportionLabel: V({
-        v: (t.value || 0) / C.value * 100,
-        s: "%",
-        r: e.value.style.legend.percentage.rounding
-      })
-    }))), $ = p(() => j.value.filter((t, a) => !v.value.includes(a)));
+    }), v = k([]), F = f(() => u.dataset.map((t) => t.value || 0).filter((t, a) => !v.value.includes(a)).reduce((t, a) => t + a, 0)), j = f(() => m.value.map((t, a) => {
+      const l = t.value || 0, o = l / F.value, h = isNaN(o) ? 0 : o, s = h * p.value.width;
+      return {
+        ...t,
+        value: l,
+        proportion: h,
+        width: s,
+        proportionLabel: V({
+          v: h * 100,
+          s: "%",
+          r: e.value.style.legend.percentage.rounding
+        })
+      };
+    })), $ = f(() => j.value.filter((t, a) => !v.value.includes(a)));
     function H(t) {
-      v.value.includes(t) ? v.value = v.value.filter((a) => a !== t) : v.value.length < f.value.length - 1 && v.value.push(t);
+      v.value.includes(t) ? v.value = v.value.filter((a) => a !== t) : v.value.length < m.value.length - 1 && v.value.push(t);
     }
-    const S = p(() => {
+    const S = f(() => {
       let t = 0;
       const a = [];
       for (let l = 0; l < $.value.length; l += 1)
@@ -121,48 +127,48 @@ const ne = ["xmlns", "viewBox"], re = ["id"], ue = ["stop-color"], ie = ["stop-c
     function E(t, a) {
       T("selectDatapoint", { datapoint: t, index: a });
     }
-    return (t, a) => (n(), u("div", {
+    return (t, a) => (n(), r("div", {
       style: g(`width:100%; background:${e.value.style.backgroundColor}`)
     }, [
-      e.value.style.title.text ? (n(), u("div", {
+      e.value.style.title.text ? (n(), r("div", {
         key: 0,
         style: g(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${e.value.style.title.margin};padding: 0 6px;text-align:${e.value.style.title.textAlign}`)
       }, [
-        c("div", {
+        d("div", {
           style: g(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
-        }, k(e.value.style.title.text), 5),
-        e.value.style.title.subtitle.text ? (n(), u("div", {
+        }, _(e.value.style.title.text), 5),
+        e.value.style.title.subtitle.text ? (n(), r("div", {
           key: 0,
           style: g(`font-size:${e.value.style.title.subtitle.fontSize}px;color:${e.value.style.title.subtitle.color};font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-        }, k(e.value.style.title.subtitle.text), 5)) : h("", !0)
-      ], 4)) : h("", !0),
-      L.value ? (n(), u("svg", {
+        }, _(e.value.style.title.subtitle.text), 5)) : y("", !0)
+      ], 4)) : y("", !0),
+      z.value ? (n(), r("svg", {
         key: 1,
-        xmlns: _(ee),
+        xmlns: b(ee),
         width: "100%",
-        viewBox: `0 0 ${y.value.width} ${y.value.height}`
+        viewBox: `0 0 ${p.value.width} ${p.value.height}`
       }, [
-        c("defs", null, [
-          (n(!0), u(z, null, A(S.value, (l, o) => (n(), u("linearGradient", {
+        d("defs", null, [
+          (n(!0), r(D, null, P(S.value, (l, o) => (n(), r("linearGradient", {
             key: `stack_gradient_${o}`,
             gradientTransform: "rotate(90)",
-            id: `stack_gradient_${o}_${N.value}`
+            id: `stack_gradient_${o}_${A.value}`
           }, [
-            c("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": l.color
             }, null, 8, ue),
-            c("stop", {
+            d("stop", {
               offset: "50%",
-              "stop-color": _(te)(_(le)(l.color, 0.05), 100 - e.value.style.bar.gradient.intensity)
+              "stop-color": b(te)(b(le)(l.color, 0.05), 100 - e.value.style.bar.gradient.intensity)
             }, null, 8, ie),
-            c("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": l.color
             }, null, 8, ce)
           ], 8, re))), 128)),
-          c("clipPath", de, [
-            c("rect", {
+          d("clipPath", de, [
+            d("rect", {
               x: "0.005",
               y: "-2",
               width: "0.99",
@@ -173,30 +179,40 @@ const ne = ["xmlns", "viewBox"], re = ["id"], ue = ["stop-color"], ie = ["stop-c
             }, null, 8, ve)
           ])
         ]),
-        c("g", ge, [
-          c("rect", {
+        F.value > 0 ? (n(), r("g", ge, [
+          d("rect", {
             x: 0,
             y: 0,
-            height: y.value.height,
+            height: p.value.height,
             width: S.value.map((l) => l.width).reduce((l, o) => l + o, 0),
             fill: e.value.style.bar.gradient.underlayerColor,
-            class: P({ animated: !x.value })
+            class: N({ animated: !w.value })
           }, null, 10, pe),
-          (n(!0), u(z, null, A(S.value, (l, o) => (n(), u("rect", {
+          (n(!0), r(D, null, P(S.value, (l, o) => (n(), r("rect", {
             key: `stack_${o}`,
             onClick: () => E(l, o),
             x: l.start,
             y: 0,
             width: l.width,
-            height: y.value.height,
-            fill: e.value.style.bar.gradient.show ? `url(#stack_gradient_${o}_${N.value})` : l.color,
+            height: p.value.height,
+            fill: e.value.style.bar.gradient.show ? `url(#stack_gradient_${o}_${A.value})` : l.color,
             stroke: e.value.style.backgroundColor,
             "stroke-linecap": "round",
-            class: P({ animated: !x.value })
+            class: N({ animated: !w.value })
           }, null, 10, he))), 128))
-        ])
-      ], 8, ne)) : h("", !0),
-      L.value ? h("", !0) : (n(), J(oe, {
+        ])) : (n(), r("rect", {
+          key: 1,
+          x: 2,
+          y: 1,
+          width: p.value.width - 4,
+          height: p.value.height - 2,
+          stroke: "#CCCCCC",
+          "stroke-width": "2",
+          fill: "transparent",
+          rx: (p.value.height - 4) / 2
+        }, null, 8, fe))
+      ], 8, ne)) : y("", !0),
+      z.value ? y("", !0) : (n(), W(oe, {
         key: 2,
         config: {
           type: "sparkStackbar",
@@ -208,58 +224,58 @@ const ne = ["xmlns", "viewBox"], re = ["id"], ue = ["stop-color"], ie = ["stop-c
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.legend.show ? (n(), u("div", {
+      e.value.style.legend.show ? (n(), r("div", {
         key: 3,
         style: g(`background:transparent;margin:0 auto;margin:${e.value.style.legend.margin};justify-content:${e.value.style.legend.textAlign === "left" ? "flex-start" : e.value.style.legend.textAlign === "right" ? "flex-end" : "center"}`),
         class: "vue-ui-sparkstackbar-legend"
       }, [
-        (n(!0), u(z, null, A(j.value, (l, o) => (n(), u("div", {
+        (n(!0), r(D, null, P(j.value, (l, o) => (n(), r("div", {
           style: g(`font-size:${e.value.style.legend.fontSize}px;`),
-          class: P({ "vue-ui-sparkstackbar-legend-item": !0, "vue-ui-sparkstackbar-legend-item-unselected": v.value.includes(o) }),
-          onClick: (D) => {
+          class: N({ "vue-ui-sparkstackbar-legend-item": !0, "vue-ui-sparkstackbar-legend-item-unselected": v.value.includes(o) }),
+          onClick: (h) => {
             H(o), E(l, o);
           }
         }, [
-          c("div", ye, [
-            (n(), u("svg", {
+          d("div", me, [
+            (n(), r("svg", {
               height: `${e.value.style.legend.fontSize}px`,
               width: `${e.value.style.legend.fontSize}px`,
               viewBox: "0 0 10 10"
             }, [
-              c("circle", {
+              d("circle", {
                 cx: 5,
                 cy: 5,
                 r: 5,
                 fill: l.color
-              }, null, 8, ke)
-            ], 8, me)),
-            c("span", {
+              }, null, 8, _e)
+            ], 8, ke)),
+            d("span", {
               style: g(`color:${e.value.style.legend.name.color}; font-weight:${e.value.style.legend.name.bold ? "bold" : "normal"}`)
-            }, k(l.name), 5),
-            e.value.style.legend.percentage.show ? (n(), u("span", {
+            }, _(l.name), 5),
+            e.value.style.legend.percentage.show ? (n(), r("span", {
               key: 0,
               style: g(`font-weight:${e.value.style.legend.percentage.bold ? "bold" : "normal"};color:${e.value.style.legend.percentage.color}`)
-            }, k(v.value.includes(o) ? " - " : l.proportionLabel), 5)) : h("", !0),
-            e.value.style.legend.value.show ? (n(), u("span", {
+            }, _(v.value.includes(o) ? " - " : l.proportionLabel), 5)) : y("", !0),
+            e.value.style.legend.value.show ? (n(), r("span", {
               key: 1,
               style: g(`font-weight:${e.value.style.legend.value.bold ? "bold" : "normal"};color:${e.value.style.legend.value.color}`)
-            }, " (" + k(_(ae)(
+            }, " (" + _(b(ae)(
               e.value.style.legend.value.formatter,
               l.value,
-              _(V)({
+              b(V)({
                 p: e.value.style.legend.value.prefix,
                 v: l.value,
                 s: e.value.style.legend.value.suffix,
                 r: e.value.style.legend.value.rounding
               }),
               { datapoint: l, seriesIndex: o }
-            )) + ") ", 5)) : h("", !0)
+            )) + ") ", 5)) : y("", !0)
           ])
-        ], 14, fe))), 256))
-      ], 4)) : h("", !0)
+        ], 14, ye))), 256))
+      ], 4)) : y("", !0)
     ], 4));
   }
-}, Se = /* @__PURE__ */ se(_e, [["__scopeId", "data-v-fe970768"]]);
+}, De = /* @__PURE__ */ se(be, [["__scopeId", "data-v-25e78abf"]]);
 export {
-  Se as default
+  De as default
 };

package/dist/vue-ui-sparkstackbar-qXm8Ozzm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-B8EMsnjU.cjs"),B=require("./useNestedProp-DlCe_zZz.cjs"),V=require("./vue-ui-skeleton-Bli7jLZ7.cjs"),z=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),D=["xmlns","viewBox"],P=["id"],L=["stop-color"],A=["stop-color"],F=["stop-color"],U={id:"stackPill",clipPathUnits:"objectBoundingBox"},j=["fill"],q={key:0,"clip-path":"url(#stackPill)"},T=["height","width","fill"],H=["onClick","x","width","height","fill","stroke"],I=["width","height","rx"],O=["onClick"],M={style:{display:"flex","flex-direction":"row","align-items":"center",gap:"4px","justify-content":"center"}},G=["height","width"],W=["fill"],X={__name:"vue-ui-sparkstackbar",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint"],setup(S,{emit:E}){const u=S,{vue_ui_sparkstackbar:N}=o.useConfig(),f=e.computed(()=>!!u.dataset&&u.dataset.length),k=e.ref(o.createUid()),t=e.computed({get:()=>_(),set:l=>l});function _(){const l=B.useNestedProp({userConfig:u.config,defaultConfig:N});return l.theme?{...B.useNestedProp({userConfig:o.themes.vue_ui_sparkstackbar[l.theme]||u.config,defaultConfig:l}),customPalette:o.themePalettes[l.theme]||o.palette}:l}e.watch(()=>u.config,l=>{t.value=_(),b()},{deep:!0}),e.watch(()=>u.dataset,l=>{v.value=u.dataset.map((n,a)=>({...n,color:n.color?o.convertColorToHex(n.color):g.value[a]||o.palette[a]||o.palette[a%o.palette.length]}))},{deep:!0});const g=e.computed(()=>o.convertCustomPalette(t.value.customPalette)),v=e.ref(u.dataset.map((l,n)=>({...l,value:t.value.style.animation.show?0:l.value||0,color:l.color?o.convertColorToHex(l.color):g.value[n]||o.palette[n]||o.palette[n%o.palette.length]}))),m=e.ref(!0);e.onMounted(()=>{if(b(),t.value.style.animation.show){let p=function(){r+=a/l,r<a?(v.value=v.value.map((s,i)=>({...s,value:s.value+=n[i],color:s.color?o.convertColorToHex(s.color):g.value[i]||o.palette[i]||o.palette[i%o.palette.length]})),requestAnimationFrame(p)):(m.value=!1,v.value=u.dataset.map((s,i)=>({...s,value:s.value||0,color:s.color?o.convertColorToHex(s.color):g.value[i]||o.palette[i]||o.palette[i%o.palette.length],id:o.createUid()})))};const l=t.value.style.animation.animationFrames,n=u.dataset.map((s,i)=>s.value/l),a=u.dataset.map(s=>s.value||0).reduce((s,i)=>s+i,0);let r=0;m.value=!0,p()}});function b(){o.objectIsEmpty(u.dataset)?o.error({componentName:"VueUiSparkStackbar",type:"dataset"}):u.dataset.forEach((l,n)=>{o.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","value"]}).forEach(a=>{o.error({componentName:"VueUiSparkStackbar",type:"datasetSerieAttribute",property:a,index:n})})})}const d=e.ref({width:500,height:16}),c=e.ref([]),C=e.computed(()=>u.dataset.map(l=>l.value||0).filter((l,n)=>!c.value.includes(n)).reduce((l,n)=>l+n,0)),x=e.computed(()=>v.value.map((l,n)=>{const a=l.value||0,r=a/C.value,p=isNaN(r)?0:r,s=p*d.value.width;return{...l,value:a,proportion:p,width:s,proportionLabel:o.dataLabel({v:p*100,s:"%",r:t.value.style.legend.percentage.rounding})}})),h=e.computed(()=>x.value.filter((l,n)=>!c.value.includes(n)));function $(l){c.value.includes(l)?c.value=c.value.filter(n=>n!==l):c.value.length<v.value.length-1&&c.value.push(l)}const y=e.computed(()=>{let l=0;const n=[];for(let a=0;a<h.value.length;a+=1)n.push({...h.value[a],start:l}),l+=h.value[a].width;return n});function w(l,n){E("selectDatapoint",{datapoint:l,index:n})}return(l,n)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`width:100%; background:${t.value.style.backgroundColor}`)},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${t.value.style.title.margin};padding: 0 6px;text-align:${t.value.style.title.textAlign}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`font-size:${t.value.style.title.fontSize}px;color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`font-size:${t.value.style.title.subtitle.fontSize}px;color:${t.value.style.title.subtitle.color};font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(o.XMLNS),width:"100%",viewBox:`0 0 ${d.value.width} ${d.value.height}`},[e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(a,r)=>(e.openBlock(),e.createElementBlock("linearGradient",{key:`stack_gradient_${r}`,gradientTransform:"rotate(90)",id:`stack_gradient_${r}_${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":a.color},null,8,L),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(o.setOpacity)(e.unref(o.shiftHue)(a.color,.05),100-t.value.style.bar.gradient.intensity)},null,8,A),e.createElementVNode("stop",{offset:"100%","stop-color":a.color},null,8,F)],8,P))),128)),e.createElementVNode("clipPath",U,[e.createElementVNode("rect",{x:"0.005",y:"-2",width:"0.99",height:"5",rx:"3",ry:"3",fill:t.value.style.backgroundColor},null,8,j)])]),C.value>0?(e.openBlock(),e.createElementBlock("g",q,[e.createElementVNode("rect",{x:0,y:0,height:d.value.height,width:y.value.map(a=>a.width).reduce((a,r)=>a+r,0),fill:t.value.style.bar.gradient.underlayerColor,class:e.normalizeClass({animated:!m.value})},null,10,T),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(a,r)=>(e.openBlock(),e.createElementBlock("rect",{key:`stack_${r}`,onClick:()=>w(a,r),x:a.start,y:0,width:a.width,height:d.value.height,fill:t.value.style.bar.gradient.show?`url(#stack_gradient_${r}_${k.value})`:a.color,stroke:t.value.style.backgroundColor,"stroke-linecap":"round",class:e.normalizeClass({animated:!m.value})},null,10,H))),128))])):(e.openBlock(),e.createElementBlock("rect",{key:1,x:2,y:1,width:d.value.width-4,height:d.value.height-2,stroke:"#CCCCCC","stroke-width":"2",fill:"transparent",rx:(d.value.height-4)/2},null,8,I))],8,D)):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V.default,{key:2,config:{type:"sparkStackbar",style:{backgroundColor:t.value.style.backgroundColor,sparkStackbar:{color:"#CCCCCC"}}}},null,8,["config"])),t.value.style.legend.show?(e.openBlock(),e.createElementBlock("div",{key:3,style:e.normalizeStyle(`background:transparent;margin:0 auto;margin:${t.value.style.legend.margin};justify-content:${t.value.style.legend.textAlign==="left"?"flex-start":t.value.style.legend.textAlign==="right"?"flex-end":"center"}`),class:"vue-ui-sparkstackbar-legend"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(a,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`font-size:${t.value.style.legend.fontSize}px;`),class:e.normalizeClass({"vue-ui-sparkstackbar-legend-item":!0,"vue-ui-sparkstackbar-legend-item-unselected":c.value.includes(r)}),onClick:p=>{$(r),w(a,r)}},[e.createElementVNode("div",M,[(e.openBlock(),e.createElementBlock("svg",{height:`${t.value.style.legend.fontSize}px`,width:`${t.value.style.legend.fontSize}px`,viewBox:"0 0 10 10"},[e.createElementVNode("circle",{cx:5,cy:5,r:5,fill:a.color},null,8,W)],8,G)),e.createElementVNode("span",{style:e.normalizeStyle(`color:${t.value.style.legend.name.color}; font-weight:${t.value.style.legend.name.bold?"bold":"normal"}`)},e.toDisplayString(a.name),5),t.value.style.legend.percentage.show?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`font-weight:${t.value.style.legend.percentage.bold?"bold":"normal"};color:${t.value.style.legend.percentage.color}`)},e.toDisplayString(c.value.includes(r)?" - ":a.proportionLabel),5)):e.createCommentVNode("",!0),t.value.style.legend.value.show?(e.openBlock(),e.createElementBlock("span",{key:1,style:e.normalizeStyle(`font-weight:${t.value.style.legend.value.bold?"bold":"normal"};color:${t.value.style.legend.value.color}`)}," ("+e.toDisplayString(e.unref(o.applyDataLabel)(t.value.style.legend.value.formatter,a.value,e.unref(o.dataLabel)({p:t.value.style.legend.value.prefix,v:a.value,s:t.value.style.legend.value.suffix,r:t.value.style.legend.value.rounding}),{datapoint:a,seriesIndex:r}))+") ",5)):e.createCommentVNode("",!0)])],14,O))),256))],4)):e.createCommentVNode("",!0)],4))}},J=z._export_sfc(X,[["__scopeId","data-v-25e78abf"]]);exports.default=J;

package/dist/{vue-ui-stackbar-DlfuJps0.cjs → vue-ui-stackbar-D0fGVkCR.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index-BzFQHG8B.cjs"),we=require("./useNestedProp-BU19Uk2G.cjs"),Ce=require("./useResponsive-B3TrDDIG.cjs"),Be=require("./usePrinter-BY2kEF_E.cjs"),We=require("./Slicer-CnyR7m1m.cjs"),Ue=require("./Tooltip-B25UdCt3.cjs"),Xe=require("./Title-BOtOowG-.cjs"),Ye=require("./Legend-D9oHmbQR.cjs"),Ge=require("./vue-ui-accordion-D9rDPTxC.cjs"),Je=require("./DataTable-DEvCstuA.cjs"),Ze=require("./vue-ui-skeleton-B_ed6BaF.cjs"),Ke=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Qe=["id"],je=["xmlns","viewBox"],et={key:0},tt=["id"],at=["stop-color"],lt=["stop-color"],ot=["stop-color"],rt=["x1","x2","y1","y2","stroke"],st=["x1","x2","y1","y2","stroke"],nt=["x1","x2","y1","y2","stroke"],it=["x1","x2","y1","y2","stroke"],ut=["x","y","height","rx","width","fill","stroke","stroke-width"],ct=["x","y","width","rx","height","fill","stroke","stroke-width"],dt=["x1","x2","y1","y2","stroke","stroke-width"],vt=["x1","x2","y1","y2","stroke","stroke-width"],ht=["x","y","font-size","fill","font-weight"],gt=["transform","font-size","fill","font-weight"],yt=["x","y","font-size","fill","font-weight"],mt={key:0},bt=["x","y","font-size","font-weight","fill"],pt=["x","y","font-size","fill","font-weight"],ft={key:0},kt=["x","y","font-size","font-weight","fill"],xt=["x1","x2","y1","y2","stroke"],wt=["x","y","font-size","font-weight","fill"],Ct=["x1","x2","y1","y2","stroke"],Bt=["font-size","font-weight","fill","text-anchor","transform"],Lt=["text-anchor","font-size","font-weight","fill","transform"],St=["font-size","font-weight","fill","x","y"],zt=["x","y","width","height","onClick","onMouseenter","fill"],_t=["x","y","width","height","onClick","onMouseenter","fill"],Nt={key:3,class:"vue-data-ui-watermark"},Et=["onClick"],Mt=["innerHTML"],$t={__name:"vue-ui-stackbar",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint","selectLegend"],setup(G,{expose:Le,emit:J}){const y=G,{vue_ui_stackbar:Se}=c.useConfig(),E=e.computed({get(){return!!y.dataset&&y.dataset.length},set(l){return l}}),M=e.ref(null),W=e.ref(c.createUid()),O=e.ref(!1),Z=e.ref(null),U=e.ref(""),p=e.ref([]),K=e.ref(0),Q=e.ref(null),j=e.ref(null),ee=e.ref(null),te=e.ref(0),X=e.ref(!1),$=e.ref(null),T=e.ref(!1),ze=e.ref(0),_e=e.ref(0),Ne=e.ref(0);e.onMounted(()=>{Y()});const t=e.computed({get:()=>ae(),set:l=>l});function ae(){const l=we.useNestedProp({userConfig:y.config,defaultConfig:Se});let r={};return l.theme?r={...we.useNestedProp({userConfig:c.themes.vue_ui_stackbar[l.theme]||y.config,defaultConfig:l}),customPalette:c.themePalettes[l.theme]||c.palette}:r=l,y.config&&c.hasDeepProperty(y.config,"style.chart.grid.scale.scaleMin")?r.style.chart.grid.scale.scaleMin=y.config.style.chart.grid.scale.scaleMin:r.style.chart.grid.scale.scaleMin=null,y.config&&c.hasDeepProperty(y.config,"style.chart.grid.scale.scaleMax")?r.style.chart.grid.scale.scaleMax=y.config.style.chart.grid.scale.scaleMax:r.style.chart.grid.scale.scaleMax=null,r}e.watch(()=>y.config,l=>{t.value=ae(),Y(),ze.value+=1,_e.value+=1,Ne.value+=1},{deep:!0}),e.watch(()=>y.dataset,l=>{ue()},{deep:!0});const b=e.ref({dataLabels:{show:t.value.style.chart.bars.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),{isPrinting:le,isImaging:oe,generatePdf:re,generateImage:se}=Be.usePrinter({elementId:`stackbar_${W.value}`,fileName:t.value.style.chart.title.text||"vue-ui-stackbar"}),D=e.ref({width:t.value.style.chart.width,height:t.value.style.chart.height,paddingRatio:{top:t.value.style.chart.padding.top/t.value.style.chart.height,right:t.value.style.chart.padding.right/t.value.style.chart.width,bottom:t.value.style.chart.padding.bottom/t.value.style.chart.height,left:t.value.style.chart.padding.left/t.value.style.chart.width}}),Ee=e.computed(()=>c.convertCustomPalette(t.value.customPalette)),ne=e.ref(null),ie=e.ref(null);e.onMounted(()=>{Y()});function Y(){if(c.objectIsEmpty(y.dataset)?c.error({componentName:"VueUiStackbar",type:"dataset"}):y.dataset.forEach((l,r)=>{c.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","series"]}).forEach(a=>{E.value=!1,c.error({componentName:"VueUiStackbar",type:"datasetSerieAttribute",property:a,index:r})})}),setTimeout(()=>{T.value=!0},10),t.value.responsive){const l=Ce.throttle(()=>{T.value=!1;const{width:r,height:a}=Ce.useResponsive({chart:M.value,title:t.value.style.chart.title.text?Q.value:null,legend:t.value.style.chart.legend.show?j.value:null,slicer:t.value.style.chart.zoom.show&&L.value>1?ee.value:null});D.value.width=r,D.value.height=a,clearTimeout(ie.value),ie.value=setTimeout(()=>{T.value=!0},10)});ne.value=new ResizeObserver(l),ne.value.observe(M.value.parentNode)}}const s=e.computed(()=>{const{height:l,width:r}=D.value,{right:a}=D.value.paddingRatio,o=t.value.style.chart.padding.top,n=r-r*a,i=l-t.value.style.chart.padding.bottom,m=t.value.style.chart.padding.left,S=r-m-r*a,z=l-o-t.value.style.chart.padding.bottom;return{chartHeight:l,chartWidth:r,top:o,right:n,bottom:i,left:m,width:S,height:z<0?0:z}}),B=e.computed(()=>y.dataset.map((l,r)=>{const a=c.convertColorToHex(l.color)||Ee.value[r]||c.palette[r]||c.palette[r%c.palette.length];return{...l,series:JSON.parse(JSON.stringify(l.series)).map(o=>t.value.style.chart.bars.distributed?Math.abs(o):o),signedSeries:l.series.map(o=>o>=0?1:-1),absoluteIndex:r,id:c.createUid(),color:a}})),L=e.computed(()=>Math.max(...B.value.filter(l=>!p.value.includes(l.id)).map(l=>l.series.length))),u=e.ref({start:0,end:Math.max(...y.dataset.map(l=>l.series.length))});function ue(){u.value={start:0,end:Math.max(...y.dataset.map(l=>l.series.length))},te.value+=1}const d=e.computed(()=>{let l;return t.value.orientation==="vertical"?l=s.value.width/(u.value.end-u.value.start):l=s.value.height/(u.value.end-u.value.start),l<=0?0:l}),V=e.computed(()=>c.sumSeries(B.value.filter(l=>!p.value.includes(l.id))).slice(u.value.start,u.value.end)),Me=e.computed(()=>c.sumSeries(B.value.filter(l=>!p.value.includes(l.id)).map(l=>({...l,series:l.series.map((r,a)=>l.signedSeries[a]===-1&&r>=0?-r:r)}))).slice(u.value.start,u.value.end)),I=e.computed(()=>{const l=B.value.filter(r=>!p.value.includes(r.id));return{positive:c.sumSeries(l.map(r=>({...r,series:r.series.slice(u.value.start,u.value.end).map(a=>a>=0?a:0)}))),negative:c.sumSeries(l.map(r=>({...r,series:r.series.slice(u.value.start,u.value.end).map(a=>a<0?a:0)})))}}),w=e.computed(()=>{const l=t.value.style.chart.grid.scale.scaleMax!==null&&!t.value.style.chart.bars.distributed?t.value.style.chart.grid.scale.scaleMax:Math.max(...I.value.positive),r=Math.min(...I.value.negative),a=t.value.style.chart.grid.scale.scaleMin!==null&&!t.value.style.chart.bars.distributed?t.value.style.chart.grid.scale.scaleMin:[-1/0,1/0,NaN,void 0,null].includes(r)?0:r,o=!t.value.style.chart.bars.distributed&&(t.value.style.chart.grid.scale.scaleMax!==null||t.value.style.chart.grid.scale.scaleMin!==null)?c.calculateNiceScaleWithExactExtremes(a>0?0:a,l<0?0:l,t.value.style.chart.grid.scale.ticks):c.calculateNiceScale(a>0?0:a,l<0?0:l,t.value.style.chart.grid.scale.ticks);return o.ticks.map(n=>({zero:s.value.bottom-s.value.height*(Math.abs(o.min)/(o.max+Math.abs(o.min))),y:s.value.bottom-s.value.height*((n+Math.abs(o.min))/(o.max+Math.abs(o.min))),x:s.value.left-8,horizontal_zero:s.value.left+s.value.width*(Math.abs(o.min)/(o.max+Math.abs(o.min))),horizontal_x:s.value.left+s.value.width*((n+Math.abs(o.min))/(o.max+Math.abs(o.min))),horizontal_y:s.value.bottom-8,value:n}))}),F=e.computed(()=>t.value.style.chart.grid.x.timeLabels.values.slice(u.value.start,u.value.end)),g=e.computed(()=>{if(!E.value)return[];let l=Array(L.value).fill(0),r=Array(L.value).fill(0),a=Array(L.value).fill(0),o=Array(L.value).fill(0);const n=Math.max(...I.value.positive)||0,i=Math.min(...I.value.negative),m=[-1/0,1/0,NaN,void 0,null].includes(i)?0:i,S=!t.value.style.chart.bars.distributed&&(t.value.style.chart.grid.scale.scaleMax!==null||t.value.style.chart.grid.scale.scaleMin!==null)?c.calculateNiceScaleWithExactExtremes(t.value.style.chart.grid.scale.scaleMin!==null?t.value.style.chart.grid.scale.scaleMin:m>0?0:m,t.value.style.chart.grid.scale.scaleMax!==null?t.value.style.chart.grid.scale.scaleMax:n<0?0:n,t.value.style.chart.grid.scale.ticks):c.calculateNiceScale(t.value.style.chart.grid.scale.scaleMin!==null?t.value.style.chart.grid.scale.scaleMin:m>0?0:m,t.value.style.chart.grid.scale.scaleMax!==null?t.value.style.chart.grid.scale.scaleMax:n<0?0:n,t.value.style.chart.grid.scale.ticks),{min:z,max:P}=S,_=P+(z>=0?0:Math.abs(z))||1,f=s.value.height,q=s.value.width,ke=w.value[0]?w.value[0].zero:s.value.bottom,xe=w.value[0]?w.value[0].horizontal_zero:s.value.left;return B.value.filter(R=>!p.value.includes(R.id)).map(R=>{const C=R.series.slice(u.value.start,u.value.end),Pe=R.signedSeries.slice(u.value.start,u.value.end),Re=C.map((v,h)=>s.value.left+d.value*h+d.value*t.value.style.chart.bars.gapRatio/4),Oe=C.map((v,h)=>s.value.top+d.value*h+d.value*t.value.style.chart.bars.gapRatio/4),De=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;let N,x;return v>0?(x=f*k,N=ke-x-l[h],l[h]+=x):(x=f*k,N=ke+a[h],a[h]+=Math.abs(x)),N}),Ie=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;let N,x;return v>0?(x=q*k,N=xe+r[h],r[h]+=x):(x=q*k,N=xe-Math.abs(x)-o[h],o[h]+=Math.abs(x)),N}),Ae=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;return v>0?f*k:f*Math.abs(k)}),He=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;return v>0?q*k:q*Math.abs(k)}),qe=C.map(v=>Math.abs(v)).reduce((v,h)=>v+h,0);return{...R,proportions:C.map((v,h)=>t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/qe),series:C,signedSeries:Pe,x:Re,y:De,height:Ae,horizontal_width:He,horizontal_y:Oe,horizontal_x:Ie}})}),ce=e.computed(()=>Me.value.map((l,r)=>({value:l,sign:l>=0?1:-1})));function A(l,r,a,o,n){const i=n===-1&&l>=0?-l:l;return c.applyDataLabel(t.value.style.chart.bars.dataLabels.formatter,i,c.dataLabel({p:t.value.style.chart.bars.dataLabels.prefix,v:i,s:t.value.style.chart.bars.dataLabels.suffix,r:t.value.style.chart.bars.dataLabels.rounding}),{datapoint:r,seriesIndex:a,datapointIndex:o})}function de(l,r,a,o){return c.applyDataLabel(t.value.style.chart.bars.dataLabels.formatter,l,c.dataLabel({v:l,s:"%",r:t.value.style.chart.bars.dataLabels.rounding}),{datapoint:r,seriesIndex:a,datapointIndex:o})}function ve(l){const r=JSON.parse(JSON.stringify(g.value)).map(a=>({name:a.name,value:a.series[l]===0?0:a.series[l]||null,proportion:a.proportions[l]||null,color:a.color,id:a.id}));J("selectDatapoint",{datapoint:r,period:F.value[l]})}function he(l){$.value=l,O.value=!0;const r=t.value.style.chart.tooltip.customFormat,a=JSON.parse(JSON.stringify(g.value)).map(n=>({name:n.name,value:n.series[l]===0?0:(n.signedSeries[l]===-1&&n.series[l]>=0?-n.series[l]:n.series[l])||null,proportion:n.proportions[l]||null,color:n.color,id:n.id})),o=a.map(n=>Math.abs(n.value)).reduce((n,i)=>n+i,0);if(c.isFunction(r)&&c.functionReturnsString(()=>r({seriesIndex:l,datapoint:a,series:g.value,config:t.value})))U.value=r({seriesIndex:l,datapoint:a,series:g.value,config:t.value});else{const{showValue:n,showPercentage:i,borderColor:m,roundingValue:S,roundingPercentage:z}=t.value.style.chart.tooltip;let P="";F.value[l]&&(P+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${m};padding-bottom:6px;margin-bottom:3px;">${F.value[l]}</div>`);const _=[n&&i?"(":"",n&&i?")":""];a.reverse().forEach(f=>{P+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index-B8EMsnjU.cjs"),we=require("./useNestedProp-DlCe_zZz.cjs"),Ce=require("./useResponsive-B3TrDDIG.cjs"),Be=require("./usePrinter-BmXrEJ99.cjs"),We=require("./Slicer-Bc7OWCcl.cjs"),Ue=require("./Tooltip-CX57w9Q9.cjs"),Xe=require("./Title-BaR4XyXa.cjs"),Ye=require("./Legend-XqP6-7Ac.cjs"),Ge=require("./vue-ui-accordion-DRI-fN6I.cjs"),Je=require("./DataTable-cOEA6Z37.cjs"),Ze=require("./vue-ui-skeleton-Bli7jLZ7.cjs"),Ke=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Qe=["id"],je=["xmlns","viewBox"],et={key:0},tt=["id"],at=["stop-color"],lt=["stop-color"],ot=["stop-color"],rt=["x1","x2","y1","y2","stroke"],st=["x1","x2","y1","y2","stroke"],nt=["x1","x2","y1","y2","stroke"],it=["x1","x2","y1","y2","stroke"],ut=["x","y","height","rx","width","fill","stroke","stroke-width"],ct=["x","y","width","rx","height","fill","stroke","stroke-width"],dt=["x1","x2","y1","y2","stroke","stroke-width"],vt=["x1","x2","y1","y2","stroke","stroke-width"],ht=["x","y","font-size","fill","font-weight"],gt=["transform","font-size","fill","font-weight"],yt=["x","y","font-size","fill","font-weight"],mt={key:0},bt=["x","y","font-size","font-weight","fill"],pt=["x","y","font-size","fill","font-weight"],ft={key:0},kt=["x","y","font-size","font-weight","fill"],xt=["x1","x2","y1","y2","stroke"],wt=["x","y","font-size","font-weight","fill"],Ct=["x1","x2","y1","y2","stroke"],Bt=["font-size","font-weight","fill","text-anchor","transform"],Lt=["text-anchor","font-size","font-weight","fill","transform"],St=["font-size","font-weight","fill","x","y"],zt=["x","y","width","height","onClick","onMouseenter","fill"],_t=["x","y","width","height","onClick","onMouseenter","fill"],Nt={key:3,class:"vue-data-ui-watermark"},Et=["onClick"],Mt=["innerHTML"],$t={__name:"vue-ui-stackbar",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint","selectLegend"],setup(G,{expose:Le,emit:J}){const y=G,{vue_ui_stackbar:Se}=c.useConfig(),E=e.computed({get(){return!!y.dataset&&y.dataset.length},set(l){return l}}),M=e.ref(null),W=e.ref(c.createUid()),O=e.ref(!1),Z=e.ref(null),U=e.ref(""),p=e.ref([]),K=e.ref(0),Q=e.ref(null),j=e.ref(null),ee=e.ref(null),te=e.ref(0),X=e.ref(!1),$=e.ref(null),T=e.ref(!1),ze=e.ref(0),_e=e.ref(0),Ne=e.ref(0);e.onMounted(()=>{Y()});const t=e.computed({get:()=>ae(),set:l=>l});function ae(){const l=we.useNestedProp({userConfig:y.config,defaultConfig:Se});let r={};return l.theme?r={...we.useNestedProp({userConfig:c.themes.vue_ui_stackbar[l.theme]||y.config,defaultConfig:l}),customPalette:c.themePalettes[l.theme]||c.palette}:r=l,y.config&&c.hasDeepProperty(y.config,"style.chart.grid.scale.scaleMin")?r.style.chart.grid.scale.scaleMin=y.config.style.chart.grid.scale.scaleMin:r.style.chart.grid.scale.scaleMin=null,y.config&&c.hasDeepProperty(y.config,"style.chart.grid.scale.scaleMax")?r.style.chart.grid.scale.scaleMax=y.config.style.chart.grid.scale.scaleMax:r.style.chart.grid.scale.scaleMax=null,r}e.watch(()=>y.config,l=>{t.value=ae(),Y(),ze.value+=1,_e.value+=1,Ne.value+=1},{deep:!0}),e.watch(()=>y.dataset,l=>{ue()},{deep:!0});const b=e.ref({dataLabels:{show:t.value.style.chart.bars.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),{isPrinting:le,isImaging:oe,generatePdf:re,generateImage:se}=Be.usePrinter({elementId:`stackbar_${W.value}`,fileName:t.value.style.chart.title.text||"vue-ui-stackbar"}),D=e.ref({width:t.value.style.chart.width,height:t.value.style.chart.height,paddingRatio:{top:t.value.style.chart.padding.top/t.value.style.chart.height,right:t.value.style.chart.padding.right/t.value.style.chart.width,bottom:t.value.style.chart.padding.bottom/t.value.style.chart.height,left:t.value.style.chart.padding.left/t.value.style.chart.width}}),Ee=e.computed(()=>c.convertCustomPalette(t.value.customPalette)),ne=e.ref(null),ie=e.ref(null);e.onMounted(()=>{Y()});function Y(){if(c.objectIsEmpty(y.dataset)?c.error({componentName:"VueUiStackbar",type:"dataset"}):y.dataset.forEach((l,r)=>{c.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","series"]}).forEach(a=>{E.value=!1,c.error({componentName:"VueUiStackbar",type:"datasetSerieAttribute",property:a,index:r})})}),setTimeout(()=>{T.value=!0},10),t.value.responsive){const l=Ce.throttle(()=>{T.value=!1;const{width:r,height:a}=Ce.useResponsive({chart:M.value,title:t.value.style.chart.title.text?Q.value:null,legend:t.value.style.chart.legend.show?j.value:null,slicer:t.value.style.chart.zoom.show&&L.value>1?ee.value:null});D.value.width=r,D.value.height=a,clearTimeout(ie.value),ie.value=setTimeout(()=>{T.value=!0},10)});ne.value=new ResizeObserver(l),ne.value.observe(M.value.parentNode)}}const s=e.computed(()=>{const{height:l,width:r}=D.value,{right:a}=D.value.paddingRatio,o=t.value.style.chart.padding.top,n=r-r*a,i=l-t.value.style.chart.padding.bottom,m=t.value.style.chart.padding.left,S=r-m-r*a,z=l-o-t.value.style.chart.padding.bottom;return{chartHeight:l,chartWidth:r,top:o,right:n,bottom:i,left:m,width:S,height:z<0?0:z}}),B=e.computed(()=>y.dataset.map((l,r)=>{const a=c.convertColorToHex(l.color)||Ee.value[r]||c.palette[r]||c.palette[r%c.palette.length];return{...l,series:JSON.parse(JSON.stringify(l.series)).map(o=>t.value.style.chart.bars.distributed?Math.abs(o):o),signedSeries:l.series.map(o=>o>=0?1:-1),absoluteIndex:r,id:c.createUid(),color:a}})),L=e.computed(()=>Math.max(...B.value.filter(l=>!p.value.includes(l.id)).map(l=>l.series.length))),u=e.ref({start:0,end:Math.max(...y.dataset.map(l=>l.series.length))});function ue(){u.value={start:0,end:Math.max(...y.dataset.map(l=>l.series.length))},te.value+=1}const d=e.computed(()=>{let l;return t.value.orientation==="vertical"?l=s.value.width/(u.value.end-u.value.start):l=s.value.height/(u.value.end-u.value.start),l<=0?0:l}),V=e.computed(()=>c.sumSeries(B.value.filter(l=>!p.value.includes(l.id))).slice(u.value.start,u.value.end)),Me=e.computed(()=>c.sumSeries(B.value.filter(l=>!p.value.includes(l.id)).map(l=>({...l,series:l.series.map((r,a)=>l.signedSeries[a]===-1&&r>=0?-r:r)}))).slice(u.value.start,u.value.end)),I=e.computed(()=>{const l=B.value.filter(r=>!p.value.includes(r.id));return{positive:c.sumSeries(l.map(r=>({...r,series:r.series.slice(u.value.start,u.value.end).map(a=>a>=0?a:0)}))),negative:c.sumSeries(l.map(r=>({...r,series:r.series.slice(u.value.start,u.value.end).map(a=>a<0?a:0)})))}}),w=e.computed(()=>{const l=t.value.style.chart.grid.scale.scaleMax!==null&&!t.value.style.chart.bars.distributed?t.value.style.chart.grid.scale.scaleMax:Math.max(...I.value.positive),r=Math.min(...I.value.negative),a=t.value.style.chart.grid.scale.scaleMin!==null&&!t.value.style.chart.bars.distributed?t.value.style.chart.grid.scale.scaleMin:[-1/0,1/0,NaN,void 0,null].includes(r)?0:r,o=!t.value.style.chart.bars.distributed&&(t.value.style.chart.grid.scale.scaleMax!==null||t.value.style.chart.grid.scale.scaleMin!==null)?c.calculateNiceScaleWithExactExtremes(a>0?0:a,l<0?0:l,t.value.style.chart.grid.scale.ticks):c.calculateNiceScale(a>0?0:a,l<0?0:l,t.value.style.chart.grid.scale.ticks);return o.ticks.map(n=>({zero:s.value.bottom-s.value.height*(Math.abs(o.min)/(o.max+Math.abs(o.min))),y:s.value.bottom-s.value.height*((n+Math.abs(o.min))/(o.max+Math.abs(o.min))),x:s.value.left-8,horizontal_zero:s.value.left+s.value.width*(Math.abs(o.min)/(o.max+Math.abs(o.min))),horizontal_x:s.value.left+s.value.width*((n+Math.abs(o.min))/(o.max+Math.abs(o.min))),horizontal_y:s.value.bottom-8,value:n}))}),F=e.computed(()=>t.value.style.chart.grid.x.timeLabels.values.slice(u.value.start,u.value.end)),g=e.computed(()=>{if(!E.value)return[];let l=Array(L.value).fill(0),r=Array(L.value).fill(0),a=Array(L.value).fill(0),o=Array(L.value).fill(0);const n=Math.max(...I.value.positive)||0,i=Math.min(...I.value.negative),m=[-1/0,1/0,NaN,void 0,null].includes(i)?0:i,S=!t.value.style.chart.bars.distributed&&(t.value.style.chart.grid.scale.scaleMax!==null||t.value.style.chart.grid.scale.scaleMin!==null)?c.calculateNiceScaleWithExactExtremes(t.value.style.chart.grid.scale.scaleMin!==null?t.value.style.chart.grid.scale.scaleMin:m>0?0:m,t.value.style.chart.grid.scale.scaleMax!==null?t.value.style.chart.grid.scale.scaleMax:n<0?0:n,t.value.style.chart.grid.scale.ticks):c.calculateNiceScale(t.value.style.chart.grid.scale.scaleMin!==null?t.value.style.chart.grid.scale.scaleMin:m>0?0:m,t.value.style.chart.grid.scale.scaleMax!==null?t.value.style.chart.grid.scale.scaleMax:n<0?0:n,t.value.style.chart.grid.scale.ticks),{min:z,max:P}=S,_=P+(z>=0?0:Math.abs(z))||1,f=s.value.height,q=s.value.width,ke=w.value[0]?w.value[0].zero:s.value.bottom,xe=w.value[0]?w.value[0].horizontal_zero:s.value.left;return B.value.filter(R=>!p.value.includes(R.id)).map(R=>{const C=R.series.slice(u.value.start,u.value.end),Pe=R.signedSeries.slice(u.value.start,u.value.end),Re=C.map((v,h)=>s.value.left+d.value*h+d.value*t.value.style.chart.bars.gapRatio/4),Oe=C.map((v,h)=>s.value.top+d.value*h+d.value*t.value.style.chart.bars.gapRatio/4),De=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;let N,x;return v>0?(x=f*k,N=ke-x-l[h],l[h]+=x):(x=f*k,N=ke+a[h],a[h]+=Math.abs(x)),N}),Ie=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;let N,x;return v>0?(x=q*k,N=xe+r[h],r[h]+=x):(x=q*k,N=xe-Math.abs(x)-o[h],o[h]+=Math.abs(x)),N}),Ae=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;return v>0?f*k:f*Math.abs(k)}),He=C.map((v,h)=>{const k=t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/_;return v>0?q*k:q*Math.abs(k)}),qe=C.map(v=>Math.abs(v)).reduce((v,h)=>v+h,0);return{...R,proportions:C.map((v,h)=>t.value.style.chart.bars.distributed?(v||0)/V.value[h]:(v||0)/qe),series:C,signedSeries:Pe,x:Re,y:De,height:Ae,horizontal_width:He,horizontal_y:Oe,horizontal_x:Ie}})}),ce=e.computed(()=>Me.value.map((l,r)=>({value:l,sign:l>=0?1:-1})));function A(l,r,a,o,n){const i=n===-1&&l>=0?-l:l;return c.applyDataLabel(t.value.style.chart.bars.dataLabels.formatter,i,c.dataLabel({p:t.value.style.chart.bars.dataLabels.prefix,v:i,s:t.value.style.chart.bars.dataLabels.suffix,r:t.value.style.chart.bars.dataLabels.rounding}),{datapoint:r,seriesIndex:a,datapointIndex:o})}function de(l,r,a,o){return c.applyDataLabel(t.value.style.chart.bars.dataLabels.formatter,l,c.dataLabel({v:l,s:"%",r:t.value.style.chart.bars.dataLabels.rounding}),{datapoint:r,seriesIndex:a,datapointIndex:o})}function ve(l){const r=JSON.parse(JSON.stringify(g.value)).map(a=>({name:a.name,value:a.series[l]===0?0:a.series[l]||null,proportion:a.proportions[l]||null,color:a.color,id:a.id}));J("selectDatapoint",{datapoint:r,period:F.value[l]})}function he(l){$.value=l,O.value=!0;const r=t.value.style.chart.tooltip.customFormat,a=JSON.parse(JSON.stringify(g.value)).map(n=>({name:n.name,value:n.series[l]===0?0:(n.signedSeries[l]===-1&&n.series[l]>=0?-n.series[l]:n.series[l])||null,proportion:n.proportions[l]||null,color:n.color,id:n.id})),o=a.map(n=>Math.abs(n.value)).reduce((n,i)=>n+i,0);if(c.isFunction(r)&&c.functionReturnsString(()=>r({seriesIndex:l,datapoint:a,series:g.value,config:t.value})))U.value=r({seriesIndex:l,datapoint:a,series:g.value,config:t.value});else{const{showValue:n,showPercentage:i,borderColor:m,roundingValue:S,roundingPercentage:z}=t.value.style.chart.tooltip;let P="";F.value[l]&&(P+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${m};padding-bottom:6px;margin-bottom:3px;">${F.value[l]}</div>`);const _=[n&&i?"(":"",n&&i?")":""];a.reverse().forEach(f=>{P+=`
                 <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
                     <svg viewBox="0 0 12 12" height="14" width="14"><rect rx="1" x="0" y="0" height="12" width="12" stroke="none" fill="${t.value.style.chart.bars.gradient.show?`url(#gradient_${f.id})`:f.color}"/></svg>
                     ${f.name}${n||i?":":""} ${n?c.dataLabel({p:t.value.style.chart.bars.dataLabels.prefix,v:f.value,s:t.value.style.chart.bars.dataLabels.suffix,r:S}):""} ${_[0]}${i?c.dataLabel({v:isNaN(f.value/o)?0:Math.abs(f.value)/o*100,s:"%",r:z}):""}${_[1]}

package/dist/{vue-ui-stackbar-D6oKKqGM.js → vue-ui-stackbar-Djjcgtyg.js}

@@ -1,15 +1,15 @@
 import { computed as p, ref as b, onMounted as He, watch as Be, openBlock as s, createElementBlock as u, normalizeClass as ve, normalizeStyle as B, renderSlot as C, createVNode as he, createCommentVNode as v, createBlock as Q, unref as _, createSlots as ft, withCtx as z, normalizeProps as W, guardReactiveProps as X, Fragment as h, renderList as f, createElementVNode as D, toDisplayString as S, createTextVNode as mt } from "vue";
-import { u as pt, c as We, t as xt, a as kt, p as oe, L as Xe, b as wt, o as Ct, e as Ue, g as _t, d as zt, a2 as se, _ as Ye, C as Ge, X as Lt, l as St, F as Je, f as E, x as qe, i as Ze, y as Mt, q as $t, r as Tt } from "./index-Bkzd7TEp.js";
-import { u as Ke } from "./useNestedProp-BjKkGjnV.js";
+import { u as pt, c as We, t as xt, a as kt, p as oe, L as Xe, b as wt, o as Ct, e as Ue, g as _t, d as zt, a2 as se, _ as Ye, C as Ge, X as Lt, l as St, F as Je, f as E, x as qe, i as Ze, y as Mt, q as $t, r as Tt } from "./index-DQl1TFXa.js";
+import { u as Ke } from "./useNestedProp-lmeFt-ev.js";
 import { t as Nt, u as Ot } from "./useResponsive-NZB-WLRF.js";
-import { u as Pt, U as Rt } from "./usePrinter-BO99ut-7.js";
-import { S as It } from "./Slicer-eP9UH3h4.js";
-import { _ as Ft } from "./Tooltip-FDQ6j0dy.js";
-import { _ as Vt } from "./Title-vxOwL9mI.js";
-import { L as At } from "./Legend-BAZwLtW5.js";
-import Dt from "./vue-ui-accordion-Dq8PnOQI.js";
-import { D as Et } from "./DataTable-BLGE-au6.js";
-import Ht from "./vue-ui-skeleton-B1pWkVPT.js";
+import { u as Pt, U as Rt } from "./usePrinter-DgKGVvJC.js";
+import { S as It } from "./Slicer-BKszZXjM.js";
+import { _ as Ft } from "./Tooltip-w32n-8sY.js";
+import { _ as Vt } from "./Title-DlBwa3-X.js";
+import { L as At } from "./Legend-CCq0mNRg.js";
+import Dt from "./vue-ui-accordion-CroZrm7T.js";
+import { D as Et } from "./DataTable-Cmbf3abv.js";
+import Ht from "./vue-ui-skeleton-BVJGmYjj.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Wt = ["id"], Xt = ["xmlns", "viewBox"], Ut = { key: 0 }, Yt = ["id"], Gt = ["stop-color"], Jt = ["stop-color"], qt = ["stop-color"], Zt = ["x1", "x2", "y1", "y2", "stroke"], Kt = ["x1", "x2", "y1", "y2", "stroke"], Qt = ["x1", "x2", "y1", "y2", "stroke"], jt = ["x1", "x2", "y1", "y2", "stroke"], ea = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ta = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ra = ["x", "y", "font-size", "fill", "font-weight"], oa = ["transform", "font-size", "fill", "font-weight"], sa = ["x", "y", "font-size", "fill", "font-weight"], ia = { key: 0 }, ua = ["x", "y", "font-size", "font-weight", "fill"], na = ["x", "y", "font-size", "fill", "font-weight"], ca = { key: 0 }, va = ["x", "y", "font-size", "font-weight", "fill"], ha = ["x1", "x2", "y1", "y2", "stroke"], da = ["x", "y", "font-size", "font-weight", "fill"], ya = ["x1", "x2", "y1", "y2", "stroke"], ga = ["font-size", "font-weight", "fill", "text-anchor", "transform"], ba = ["text-anchor", "font-size", "font-weight", "fill", "transform"], fa = ["font-size", "font-weight", "fill", "x", "y"], ma = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], pa = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], xa = {
   key: 3,

package/dist/{vue-ui-strip-plot-BbAVQ73Y.js → vue-ui-strip-plot-ByPCQ4xk.js}

@@ -1,14 +1,14 @@
 import { computed as p, ref as n, watch as ze, onMounted as Ne, onBeforeUnmount as Ae, openBlock as s, createElementBlock as i, normalizeClass as F, normalizeStyle as q, createBlock as P, createCommentVNode as c, unref as h, createSlots as Oe, withCtx as b, renderSlot as m, normalizeProps as H, guardReactiveProps as R, Fragment as g, renderList as C, createElementVNode as x, toDisplayString as T, mergeProps as Fe, createVNode as We, createTextVNode as Ie, nextTick as Me } from "vue";
-import { u as De, c as K, t as Ge, a as Ee, p as L, o as Ve, e as Q, g as be, b as He, d as me, v as Re, C as Ue, f as U, X as Be, i as Z, l as Xe, h as je, x as ge, y as Ye, q as Je, r as qe, E as Ke } from "./index-Bkzd7TEp.js";
+import { u as De, c as K, t as Ge, a as Ee, p as L, o as Ve, e as Q, g as be, b as He, d as me, v as Re, C as Ue, f as U, X as Be, i as Z, l as Xe, h as je, x as ge, y as Ye, q as Je, r as qe, E as Ke } from "./index-DQl1TFXa.js";
 import { t as Qe, u as Ze } from "./useResponsive-NZB-WLRF.js";
-import { _ as et } from "./Title-vxOwL9mI.js";
-import { u as tt, U as lt } from "./usePrinter-BO99ut-7.js";
-import { _ as at } from "./Tooltip-FDQ6j0dy.js";
-import { D as ot } from "./DataTable-BLGE-au6.js";
-import st from "./vue-ui-skeleton-B1pWkVPT.js";
-import { _ as rt } from "./Shape-Bw52scDY.js";
-import ut from "./vue-ui-accordion-Dq8PnOQI.js";
-import { u as xe } from "./useNestedProp-BjKkGjnV.js";
+import { _ as et } from "./Title-DlBwa3-X.js";
+import { u as tt, U as lt } from "./usePrinter-DgKGVvJC.js";
+import { _ as at } from "./Tooltip-w32n-8sY.js";
+import { D as ot } from "./DataTable-Cmbf3abv.js";
+import st from "./vue-ui-skeleton-BVJGmYjj.js";
+import { _ as rt } from "./Shape-BNocET8E.js";
+import ut from "./vue-ui-accordion-CroZrm7T.js";
+import { u as xe } from "./useNestedProp-lmeFt-ev.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const nt = ["id"], vt = ["xmlns", "viewBox"], ct = { key: 0 }, ht = { key: 0 }, dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = { key: 1 }, yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mt = ["x", "y", "fill", "font-size"], gt = ["x", "y", "font-size", "fill"], xt = ["fill", "font-size", "transform"], kt = ["fill", "font-size", "x", "y"], Ct = ["x1", "x2", "y1", "y2", "stroke"], wt = ["cx", "cy", "fill"], _t = ["cx", "cy", "fill"], $t = ["id"], Tt = ["stop-color"], Lt = ["stop-color"], St = ["stop-color"], Pt = { key: 0 }, zt = ["x", "y", "font-size", "fill"], Nt = {
   key: 3,