vue-data-ui 2.3.3 → 2.3.5

package/dist/DataTable-CaB7GIwQ.js

@@ -0,0 +1,127 @@
+import { useCssVars as S, unref as e, computed as V, ref as k, onMounted as A, openBlock as l, createElementBlock as n, normalizeClass as w, createElementVNode as r, normalizeStyle as i, withKeys as E, createVNode as C, toDisplayString as R, Fragment as p, renderList as v, createCommentVNode as N, renderSlot as $ } from "vue";
+import { _ as I } from "./Shape-CQT4S7N-.js";
+import K from "./BaseIcon-vmmfWlyR.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, F = {
+  key: 0,
+  height: "12",
+  width: "12",
+  viewBox: "0 0 20 20",
+  style: { background: "none" }
+}, L = ["fill"], M = ["data-cell"], q = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, G = {
+  key: 0,
+  height: "12",
+  width: "12",
+  viewBox: "0 0 20 20",
+  style: { background: "none", overflow: "visible" }
+}, H = {
+  __name: "DataTable",
+  props: {
+    colNames: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    head: Array,
+    body: Array,
+    title: String,
+    config: Object
+  },
+  emits: ["close"],
+  setup(t, { emit: g }) {
+    const b = t;
+    S((s) => ({
+      "32d68130": e(_)
+    }));
+    const { backgroundColor: y, color: h, outline: m } = b.config.th, { backgroundColor: B, color: z, outline: _ } = b.config.td, D = V(() => b.config.breakpoint), f = k(null), x = k(!1);
+    return A(() => {
+      const s = new ResizeObserver((a) => {
+        a.forEach((o) => {
+          x.value = o.contentRect.width < D.value;
+        });
+      });
+      f.value && s.observe(f.value);
+    }), (s, a) => (l(), n("div", {
+      ref_key: "tableContainer",
+      ref: f,
+      style: { width: "100%", "container-type": "inline-size", position: "relative", "padding-top": "36px", overflow: "auto" },
+      class: w({ "vue-ui-responsive": x.value })
+    }, [
+      r("div", {
+        "data-html2canvas-ignore": "",
+        role: "button",
+        tabindex: "0",
+        style: i(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e(y)};`),
+        onClick: a[0] || (a[0] = (o) => g("close")),
+        onKeypress: a[1] || (a[1] = E((o) => g("close"), ["enter"]))
+      }, [
+        C(K, {
+          name: "close",
+          stroke: e(h),
+          "stroke-width": 2
+        }, null, 8, ["stroke"])
+      ], 36),
+      r("table", T, [
+        r("caption", {
+          style: i({ backgroundColor: e(y), color: e(h), outline: e(m) }),
+          class: "vue-ui-data-table__caption"
+        }, R(t.title), 5),
+        r("thead", null, [
+          r("tr", {
+            role: "row",
+            style: i([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(y), color: e(h) }]),
+            class: "vue-ui-data-table__thead-row"
+          }, [
+            (l(!0), n(p, null, v(t.head, (o, c) => (l(), n("th", {
+              role: "cell",
+              style: i({ outline: e(m) }),
+              key: `th_${c}`
+            }, [
+              r("div", j, [
+                o.color ? (l(), n("svg", F, [
+                  r("circle", {
+                    cx: "10",
+                    cy: "10",
+                    r: "10",
+                    fill: o.color
+                  }, null, 8, L)
+                ])) : N("", !0),
+                $(s.$slots, "th", { th: o }, void 0, !0)
+              ])
+            ], 4))), 128))
+          ], 4)
+        ]),
+        r("tbody", null, [
+          (l(!0), n(p, null, v(t.body, (o, c) => (l(), n("tr", {
+            role: "row",
+            style: i([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(B), color: e(z) }]),
+            class: w({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": c % 2 === 0, "vue-ui-data-table__tbody__row-odd": c % 2 !== 0 })
+          }, [
+            (l(!0), n(p, null, v(o, (d, u) => (l(), n("td", {
+              role: "cell",
+              "data-cell": (t.colNames[u] && t.colNames[u].name ? t.colNames[u].name : "") || t.colNames[u] || "",
+              style: i({ outline: e(_) }),
+              class: "vue-ui-data-table__tbody__td"
+            }, [
+              r("div", q, [
+                d.color ? (l(), n("svg", G, [
+                  C(I, {
+                    plot: { x: 10, y: 10 },
+                    color: d.color,
+                    radius: 9,
+                    shape: t.config.shape || d.shape || "circle"
+                  }, null, 8, ["color", "shape"])
+                ])) : N("", !0),
+                $(s.$slots, "td", { td: d }, void 0, !0)
+              ])
+            ], 12, M))), 256))
+          ], 6))), 256))
+        ])
+      ])
+    ], 2));
+  }
+}, W = /* @__PURE__ */ O(H, [["__scopeId", "data-v-4f23609e"]]);
+export {
+  W as D
+};

package/dist/DataTable-ssrNbONo.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("./Shape-CaF4pvOn.cjs"),k=require("./BaseIcon-BoKtpbrI.cjs"),_=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),x={class:"vue-ui-data-table"},B={style:{display:"flex","align-items":"center","justify-content":"flex-end","padding-right":"3px",gap:"3px"}},w={key:0,height:"12",width:"12",viewBox:"0 0 20 20",style:{background:"none"}},E=["fill"],N=["data-cell"],V={style:{display:"flex","align-items":"center",gap:"5px","justify-content":"flex-end",width:"100%","padding-right":"3px"}},C={key:0,height:"12",width:"12",viewBox:"0 0 20 20",style:{background:"none",overflow:"visible"}},S={__name:"DataTable",props:{colNames:{type:Array,default(){return[]}},head:Array,body:Array,title:String,config:Object},emits:["close"],setup(t,{emit:m}){const i=t;e.useCssVars(n=>({"32d68130":e.unref(p)}));const{backgroundColor:s,color:u,outline:f}=i.config.th,{backgroundColor:b,color:g,outline:p}=i.config.td,h=e.computed(()=>i.config.breakpoint),d=e.ref(null),y=e.ref(!1);return e.onMounted(()=>{const n=new ResizeObserver(l=>{l.forEach(o=>{y.value=o.contentRect.width<h.value})});d.value&&n.observe(d.value)}),(n,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:d,style:{width:"100%","container-type":"inline-size",position:"relative","padding-top":"36px",overflow:"auto"},class:e.normalizeClass({"vue-ui-responsive":y.value})},[e.createElementVNode("div",{"data-html2canvas-ignore":"",role:"button",tabindex:"0",style:e.normalizeStyle(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.unref(s)};`),onClick:l[0]||(l[0]=o=>m("close")),onKeypress:l[1]||(l[1]=e.withKeys(o=>m("close"),["enter"]))},[e.createVNode(k.default,{name:"close",stroke:e.unref(u),"stroke-width":2},null,8,["stroke"])],36),e.createElementVNode("table",x,[e.createElementVNode("caption",{style:e.normalizeStyle({backgroundColor:e.unref(s),color:e.unref(u),outline:e.unref(f)}),class:"vue-ui-data-table__caption"},e.toDisplayString(t.title),5),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle([{"font-variant-numeric":"tabular-nums"},{backgroundColor:e.unref(s),color:e.unref(u)}]),class:"vue-ui-data-table__thead-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.head,(o,r)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({outline:e.unref(f)}),key:`th_${r}`},[e.createElementVNode("div",B,[o.color?(e.openBlock(),e.createElementBlock("svg",w,[e.createElementVNode("circle",{cx:"10",cy:"10",r:"10",fill:o.color},null,8,E)])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"th",{th:o},void 0,!0)])],4))),128))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.body,(o,r)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle([{"font-variant-numeric":"tabular-nums"},{backgroundColor:e.unref(b),color:e.unref(g)}]),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":r%2===0,"vue-ui-data-table__tbody__row-odd":r%2!==0})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,(a,c)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":(t.colNames[c]&&t.colNames[c].name?t.colNames[c].name:"")||t.colNames[c]||"",style:e.normalizeStyle({outline:e.unref(p)}),class:"vue-ui-data-table__tbody__td"},[e.createElementVNode("div",V,[a.color?(e.openBlock(),e.createElementBlock("svg",C,[e.createVNode(v._sfc_main,{plot:{x:10,y:10},color:a.color,radius:9,shape:t.config.shape||a.shape||"circle"},null,8,["color","shape"])])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"td",{td:a},void 0,!0)])],12,N))),256))],6))),256))])])],2))}},z=_._export_sfc(S,[["__scopeId","data-v-4f23609e"]]);exports.DataTable=z;

package/dist/Legend-DHpoRTAE.js

@@ -0,0 +1,62 @@
+import { openBlock as n, createElementBlock as o, normalizeStyle as c, renderSlot as l, Fragment as s, renderList as g, createVNode as u, createCommentVNode as m } from "vue";
+import { _ as h } from "./Shape-CQT4S7N-.js";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const y = ["id"], $ = { class: "vue-data-ui-legend-item" }, v = ["onClick", "height", "width"], S = {
+  __name: "Legend",
+  props: {
+    legendSet: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    id: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["clickMarker"],
+  setup(e, { emit: r }) {
+    function f(i, d) {
+      r("clickMarker", { legend: i, i: d });
+    }
+    return (i, d) => (n(), o("div", {
+      id: e.id,
+      class: "vue-data-ui-legend",
+      style: c(`background:${e.config.backgroundColor};font-size:${e.config.fontSize}px;color:${e.config.color};padding-bottom:${e.config.paddingBottom}px;padding-top:${e.config.paddingTop || 12}px;font-weight:${e.config.fontWeight}`)
+    }, [
+      l(i.$slots, "legendTitle", { titleSet: e.legendSet }, void 0, !0),
+      (n(!0), o(s, null, g(e.legendSet, (t, a) => (n(), o("div", $, [
+        t.shape ? (n(), o("svg", {
+          key: 0,
+          onClick: (p) => f(t, a),
+          height: e.config.fontSize,
+          width: e.config.fontSize,
+          viewBox: "0 0 20 20",
+          style: c(`overflow: visible;opacity:${t.opacity}`)
+        }, [
+          u(h, {
+            shape: t.shape,
+            radius: 9,
+            stroke: "none",
+            plot: { x: 10, y: 10 },
+            fill: t.color
+          }, null, 8, ["shape", "fill"])
+        ], 12, v)) : m("", !0),
+        l(i.$slots, "item", {
+          legend: t,
+          index: a
+        }, void 0, !0)
+      ]))), 256))
+    ], 12, y));
+  }
+}, z = /* @__PURE__ */ k(S, [["__scopeId", "data-v-a5a45422"]]);
+export {
+  z as L
+};

package/dist/Legend-Dl5IYoxK.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("./Shape-CaF4pvOn.cjs"),a=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u=["id"],s={class:"vue-data-ui-legend-item"},g=["onClick","height","width"],f={__name:"Legend",props:{legendSet:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}},id:{type:String,default:""}},emits:["clickMarker"],setup(t,{emit:l}){function r(o,i){l("clickMarker",{legend:o,i})}return(o,i)=>(e.openBlock(),e.createElementBlock("div",{id:t.id,class:"vue-data-ui-legend",style:e.normalizeStyle(`background:${t.config.backgroundColor};font-size:${t.config.fontSize}px;color:${t.config.color};padding-bottom:${t.config.paddingBottom}px;padding-top:${t.config.paddingTop||12}px;font-weight:${t.config.fontWeight}`)},[e.renderSlot(o.$slots,"legendTitle",{titleSet:t.legendSet},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.legendSet,(n,c)=>(e.openBlock(),e.createElementBlock("div",s,[n.shape?(e.openBlock(),e.createElementBlock("svg",{key:0,onClick:h=>r(n,c),height:t.config.fontSize,width:t.config.fontSize,viewBox:"0 0 20 20",style:e.normalizeStyle(`overflow: visible;opacity:${n.opacity}`)},[e.createVNode(d._sfc_main,{shape:n.shape,radius:9,stroke:"none",plot:{x:10,y:10},fill:n.color},null,8,["shape","fill"])],12,g)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"item",{legend:n,index:c},void 0,!0)]))),256))],12,u))}},k=a._export_sfc(f,[["__scopeId","data-v-a5a45422"]]);exports.Legend=k;

package/dist/Shape-CQT4S7N-.js

@@ -0,0 +1,107 @@
+import { computed as u, openBlock as l, createElementBlock as i, createCommentVNode as a } from "vue";
+import { O as p, I as f } from "./index-BMCvLyab.js";
+const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], c = ["d", "fill", "stroke", "stroke-width"], g = ["points", "fill", "stroke", "stroke-width"], $ = {
+  __name: "Shape",
+  props: {
+    color: String,
+    isSelected: {
+      type: Boolean,
+      default: !1
+    },
+    limit: {
+      type: Number,
+      default: 3
+    },
+    plot: Object,
+    radius: Number,
+    shape: String,
+    stroke: String,
+    strokeWidth: Number,
+    zoom: {
+      type: Number,
+      default: 1.3
+    }
+  },
+  emits: ["mouseover", "mouseout", "click"],
+  setup(e, { emit: n }) {
+    const t = e;
+    function v(k) {
+      return {
+        circle: {
+          points: 1,
+          rotation: 0
+        },
+        line: {
+          points: 2,
+          rotation: 0
+        },
+        triangle: {
+          points: 3,
+          rotation: 0.52
+        },
+        square: {
+          points: 4,
+          rotation: 0.783
+        },
+        diamond: {
+          points: 4,
+          rotation: 0
+        },
+        pentagon: {
+          points: 5,
+          rotation: 0.95
+        },
+        hexagon: {
+          points: 6,
+          rotation: 0
+        }
+      }[k];
+    }
+    const s = u(() => v(t.shape)), d = u(() => t.shape !== "star" ? null : p({
+      plot: { x: t.plot.x, y: t.plot.y },
+      radius: t.radius * (t.isSelected ? t.zoom : 1)
+    })), m = u(() => f({
+      plot: { x: t.plot.x, y: t.plot.y },
+      radius: t.radius * (t.isSelected ? t.zoom : 1),
+      sides: s.value.points,
+      rotation: s.value.rotation
+    }).path);
+    return (k, o) => (l(), i("g", null, [
+      s.value && s.value.points === 1 ? (l(), i("circle", {
+        key: 0,
+        cx: e.plot.x,
+        cy: e.plot.y,
+        r: t.radius * (t.isSelected ? t.zoom : 1),
+        fill: e.color,
+        stroke: e.stroke,
+        "stroke-width": e.strokeWidth,
+        onMouseover: o[0] || (o[0] = (r) => n("mouseover")),
+        onMouseout: o[1] || (o[1] = (r) => n("mouseout")),
+        onClick: o[2] || (o[2] = (r) => n("click"))
+      }, null, 40, y)) : a("", !0),
+      s.value && s.value.points >= e.limit ? (l(), i("path", {
+        key: 1,
+        d: m.value,
+        fill: e.color,
+        stroke: e.stroke,
+        "stroke-width": e.strokeWidth,
+        onMouseover: o[3] || (o[3] = (r) => n("mouseover")),
+        onMouseout: o[4] || (o[4] = (r) => n("mouseout")),
+        onClick: o[5] || (o[5] = (r) => n("click"))
+      }, null, 40, c)) : a("", !0),
+      d.value ? (l(), i("polygon", {
+        key: 2,
+        points: d.value,
+        fill: e.color,
+        stroke: e.stroke,
+        "stroke-width": e.strokeWidth,
+        onMouseover: o[6] || (o[6] = (r) => n("mouseover")),
+        onMouseout: o[7] || (o[7] = (r) => n("mouseout")),
+        onClick: o[8] || (o[8] = (r) => n("click"))
+      }, null, 40, g)) : a("", !0)
+    ]));
+  }
+};
+export {
+  $ as _
+};

package/dist/Shape-CaF4pvOn.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./index-BkomIE9L.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;

package/dist/Slicer-Bdb1BlrC.js

@@ -0,0 +1,156 @@
+import { useCssVars as A, ref as b, computed as i, watch as f, openBlock as d, createElementBlock as c, createElementVNode as o, normalizeStyle as m, toDisplayString as S, createVNode as I, renderSlot as V, createCommentVNode as z, withDirectives as p, vModelText as N, pushScopeId as $, popScopeId as E } from "vue";
+import B from "./BaseIcon-vmmfWlyR.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const D = (e) => ($("data-v-d07947ad"), e = e(), E(), e), L = { "data-html2canvas-ignore": "" }, P = { class: "vue-data-ui-slicer-labels" }, U = { key: 0 }, q = { class: "double-range-slider" }, O = /* @__PURE__ */ D(() => /* @__PURE__ */ o("div", { class: "slider-track" }, null, -1)), T = ["min", "max"], j = ["min", "max"], G = {
+  __name: "Slicer",
+  props: {
+    background: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    borderColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    fontSize: {
+      type: Number,
+      default: 14
+    },
+    labelLeft: {
+      type: String,
+      default: ""
+    },
+    labelRight: {
+      type: String,
+      default: ""
+    },
+    textColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    inputColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    max: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    selectColor: {
+      type: String,
+      default: "#4A4A4A"
+    },
+    useResetSlot: {
+      type: Boolean,
+      default: !1
+    },
+    valueStart: {
+      type: [Number, String],
+      default: 0
+    },
+    valueEnd: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  emits: ["update:start", "update:end", "reset"],
+  setup(e, { emit: s }) {
+    const t = e;
+    A((l) => ({
+      "56c736d9": y.value,
+      22868166: C.value,
+      "99f84204": x.value,
+      "621bff06": e.selectColor,
+      "0407e48b": h.value
+    }));
+    const a = b(t.min), u = b(t.max), g = i(() => {
+      const l = t.max - t.min, r = (a.value - t.min) / l * 100, n = (u.value - t.min) / l * 100;
+      return {
+        left: `${r}%`,
+        width: `${n - r}%`,
+        background: t.selectColor
+      };
+    }), y = i(() => t.inputColor), h = i(() => t.background), x = i(() => `${t.selectColor}33`), C = i(() => t.borderColor);
+    function v() {
+      s("reset");
+    }
+    function k() {
+      Number(a.value) > Number(u.value) - 1 && (a.value = Number(u.value) - 1), s("update:start", Number(a.value));
+    }
+    function F() {
+      Number(u.value) < Number(a.value) + 1 && (u.value = Number(a.value) + 1), s("update:end", Number(u.value));
+    }
+    return f(
+      () => t.min,
+      (l) => {
+        Number(a.value) < Number(l) && (a.value = Number(l)), Number(u.value) < Number(l) && (u.value = Number(l));
+      }
+    ), f(
+      () => t.max,
+      (l) => {
+        Number(a.value) > Number(l) && (a.value = Number(l)), Number(u.value) > Number(l) && (u.value = Number(l));
+      }
+    ), (l, r) => (d(), c("div", L, [
+      o("div", P, [
+        o("div", {
+          class: "vue-data-ui-slicer-label-left",
+          style: m({ fontSize: `${t.fontSize}px`, color: t.textColor })
+        }, S(e.labelLeft), 5),
+        e.valueStart > 0 || e.valueEnd < e.max ? (d(), c("div", U, [
+          e.useResetSlot ? V(l.$slots, "reset-action", {
+            key: 1,
+            reset: v
+          }, void 0, !0) : (d(), c("button", {
+            key: 0,
+            "data-cy-reset": "",
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            onClick: v
+          }, [
+            I(B, {
+              name: "refresh",
+              stroke: e.textColor
+            }, null, 8, ["stroke"])
+          ]))
+        ])) : z("", !0),
+        o("div", {
+          class: "vue-data-ui-slicer-label-right",
+          style: m({ fontSize: `${t.fontSize}px`, color: t.textColor })
+        }, S(e.labelRight), 5)
+      ]),
+      o("div", q, [
+        O,
+        o("div", {
+          class: "range-highlight",
+          style: m(g.value)
+        }, null, 4),
+        p(o("input", {
+          type: "range",
+          min: e.min,
+          max: e.max,
+          "onUpdate:modelValue": r[0] || (r[0] = (n) => a.value = n),
+          onInput: k
+        }, null, 40, T), [
+          [N, a.value]
+        ]),
+        p(o("input", {
+          type: "range",
+          min: e.min,
+          max: e.max,
+          "onUpdate:modelValue": r[1] || (r[1] = (n) => u.value = n),
+          onInput: F
+        }, null, 40, j), [
+          [N, u.value]
+        ])
+      ])
+    ]));
+  }
+}, Q = /* @__PURE__ */ R(G, [["__scopeId", "data-v-d07947ad"]]);
+export {
+  Q as S
+};

package/dist/Slicer-QC8nTm24.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./BaseIcon-BoKtpbrI.cjs"),S=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=t=>(e.pushScopeId("data-v-d07947ad"),t=t(),e.popScopeId(),t),y={"data-html2canvas-ignore":""},h={class:"vue-data-ui-slicer-labels"},x={key:0},C={class:"double-range-slider"},k=g(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),V=["min","max"],E=["min","max"],F={__name:"Slicer",props:{background:{type:String,default:"#FFFFFF"},borderColor:{type:String,default:"#FFFFFF"},fontSize:{type:Number,default:14},labelLeft:{type:String,default:""},labelRight:{type:String,default:""},textColor:{type:String,default:"#1A1A1A"},inputColor:{type:String,default:"#1A1A1A"},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:"#4A4A4A"},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0}},emits:["update:start","update:end","reset"],setup(t,{emit:i}){const l=t;e.useCssVars(a=>({"56c736d9":s.value,22868166:b.value,"99f84204":v.value,"621bff06":t.selectColor,"0407e48b":m.value}));const o=e.ref(l.min),u=e.ref(l.max),c=e.computed(()=>{const a=l.max-l.min,r=(o.value-l.min)/a*100,n=(u.value-l.min)/a*100;return{left:`${r}%`,width:`${n-r}%`,background:l.selectColor}}),s=e.computed(()=>l.inputColor),m=e.computed(()=>l.background),v=e.computed(()=>`${l.selectColor}33`),b=e.computed(()=>l.borderColor);function d(){i("reset")}function f(){Number(o.value)>Number(u.value)-1&&(o.value=Number(u.value)-1),i("update:start",Number(o.value))}function N(){Number(u.value)<Number(o.value)+1&&(u.value=Number(o.value)+1),i("update:end",Number(u.value))}return e.watch(()=>l.min,a=>{Number(o.value)<Number(a)&&(o.value=Number(a)),Number(u.value)<Number(a)&&(u.value=Number(a))}),e.watch(()=>l.max,a=>{Number(o.value)>Number(a)&&(o.value=Number(a)),Number(u.value)>Number(a)&&(u.value=Number(a))}),(a,r)=>(e.openBlock(),e.createElementBlock("div",y,[e.createElementVNode("div",h,[e.createElementVNode("div",{class:"vue-data-ui-slicer-label-left",style:e.normalizeStyle({fontSize:`${l.fontSize}px`,color:l.textColor})},e.toDisplayString(t.labelLeft),5),t.valueStart>0||t.valueEnd<t.max?(e.openBlock(),e.createElementBlock("div",x,[t.useResetSlot?e.renderSlot(a.$slots,"reset-action",{key:1,reset:d},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",onClick:d},[e.createVNode(p.default,{name:"refresh",stroke:t.textColor},null,8,["stroke"])]))])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"vue-data-ui-slicer-label-right",style:e.normalizeStyle({fontSize:`${l.fontSize}px`,color:l.textColor})},e.toDisplayString(t.labelRight),5)]),e.createElementVNode("div",C,[k,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(c.value)},null,4),e.withDirectives(e.createElementVNode("input",{type:"range",min:t.min,max:t.max,"onUpdate:modelValue":r[0]||(r[0]=n=>o.value=n),onInput:f},null,40,V),[[e.vModelText,o.value]]),e.withDirectives(e.createElementVNode("input",{type:"range",min:t.min,max:t.max,"onUpdate:modelValue":r[1]||(r[1]=n=>u.value=n),onInput:N},null,40,E),[[e.vModelText,u.value]])])]))}},A=S._export_sfc(F,[["__scopeId","data-v-d07947ad"]]);exports.Slicer=A;

package/dist/Title-BNPZwnkp.js

@@ -0,0 +1,46 @@
+import { openBlock as o, createElementBlock as l, Fragment as c, createElementVNode as s, normalizeStyle as i, unref as e, toDisplayString as n, createCommentVNode as f } from "vue";
+import { u } from "./useNestedProp-CkP8xhG_.js";
+const x = {
+  __name: "Title",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(r) {
+    const t = u({
+      userConfig: r.config,
+      defaultConfig: {
+        title: {
+          cy: "",
+          text: "",
+          color: "",
+          fontSize: 20,
+          bold: !0
+        },
+        subtitle: {
+          cy: "",
+          text: "",
+          color: "",
+          fontSize: 14,
+          bold: !1
+        }
+      }
+    });
+    return (p, d) => (o(), l(c, null, [
+      s("div", {
+        style: i(`width: 100%; text-align:center;color:${e(t).title.color};font-size:${e(t).title.fontSize}px;font-weight:${e(t).title.bold ? "bold" : ""}`)
+      }, n(e(t).title.text), 5),
+      e(t).subtitle.text ? (o(), l("div", {
+        key: 0,
+        style: i(`width: 100%; text-align:center;color:${e(t).subtitle.color};font-size:${e(t).subtitle.fontSize}px;font-weight:${e(t).subtitle.bold ? "bold" : ""}`)
+      }, n(e(t).subtitle.text), 5)) : f("", !0)
+    ], 64));
+  }
+};
+export {
+  x as _
+};

package/dist/Title-Cj_xubjI.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./useNestedProp-BMxXyPbW.cjs"),r={__name:"Title",props:{config:{type:Object,default(){return{}}}},setup(o){const n=o,t=l.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(i,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle(`width: 100%; text-align:center;color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width: 100%; text-align:center;color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=r;

package/dist/Tooltip-CdJ5hegk.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),f=require("./index-BkomIE9L.cjs");function m({tooltip:e,chart:n,clientPosition:o}){const u=t.ref(0),l=t.ref(48);if(e&&n){const{width:r,height:i}=e.getBoundingClientRect(),{right:d,left:s,bottom:c}=n.getBoundingClientRect();o.x+r/2>d?u.value=-r:o.x-r/2<s?u.value=0:u.value=-r/2,o.y+i>c&&(l.value=-i-48)}return{top:o.y+l.value,left:o.x+u.value}}function y(e,n,o){t.onMounted(()=>e.addEventListener(n,o)),t.onUnmounted(()=>e.removeEventListener(n,o))}function a(){const e=t.ref(0),n=t.ref(0);return y(window,"mousemove",o=>{e.value=o.clientX,n.value=o.clientY}),{x:e,y:n}}const v=["innerHTML"],b={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100}},setup(e){const n=e,o=t.ref(null),u=t.ref(a()),l=t.computed(()=>m({tooltip:o.value,chart:n.parent,clientPosition:u.value}));return(r,i)=>e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`top:${l.value.top}px;left:${l.value.left}px;${e.isCustom?"":`background:${e.backgroundColor}${t.unref(f.opacity)[e.backgroundOpacity]};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)},[t.renderSlot(r.$slots,"tooltip-before"),t.renderSlot(r.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,v),t.renderSlot(r.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)}};exports._sfc_main=b;exports.useMouse=a;

package/dist/Tooltip-ZnJAz6dl.js

@@ -0,0 +1,94 @@
+import { ref as u, onMounted as f, onUnmounted as m, computed as y, openBlock as b, createElementBlock as v, normalizeClass as p, normalizeStyle as g, unref as $, renderSlot as a, createElementVNode as h, createCommentVNode as x } from "vue";
+import { r as C } from "./index-BMCvLyab.js";
+function S({ tooltip: e, chart: o, clientPosition: t }) {
+  const l = u(0), r = u(48);
+  if (e && o) {
+    const { width: n, height: i } = e.getBoundingClientRect(), { right: d, left: s, bottom: c } = o.getBoundingClientRect();
+    t.x + n / 2 > d ? l.value = -n : t.x - n / 2 < s ? l.value = 0 : l.value = -n / 2, t.y + i > c && (r.value = -i - 48);
+  }
+  return {
+    top: t.y + r.value,
+    left: t.x + l.value
+  };
+}
+function k(e, o, t) {
+  f(() => e.addEventListener(o, t)), m(() => e.removeEventListener(o, t));
+}
+function w() {
+  const e = u(0), o = u(0);
+  return k(window, "mousemove", (t) => {
+    e.value = t.clientX, o.value = t.clientY;
+  }), { x: e, y: o };
+}
+const B = ["innerHTML"], z = {
+  __name: "Tooltip",
+  props: {
+    backgroundColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    color: {
+      type: String,
+      default: "#000000"
+    },
+    content: String,
+    maxWidth: {
+      type: String,
+      default: "300px"
+    },
+    parent: {
+      type: Object
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    isCustom: {
+      type: Boolean,
+      default: !1
+    },
+    fontSize: {
+      type: [Number, String],
+      default: 14
+    },
+    borderRadius: {
+      type: Number,
+      default: 4
+    },
+    borderColor: {
+      type: String,
+      default: "#e1e5e8"
+    },
+    borderWidth: {
+      type: Number,
+      default: 1
+    },
+    backgroundOpacity: {
+      type: Number,
+      default: 100
+    }
+  },
+  setup(e) {
+    const o = e, t = u(null), l = u(w()), r = y(() => S({
+      tooltip: t.value,
+      chart: o.parent,
+      clientPosition: l.value
+    }));
+    return (n, i) => e.show ? (b(), v("div", {
+      key: 0,
+      ref_key: "tooltip",
+      ref: t,
+      class: p({ "vue-data-ui-custom-tooltip": e.isCustom, "vue-data-ui-tooltip": !e.isCustom }),
+      style: g(`top:${r.value.top}px;left:${r.value.left}px;${e.isCustom ? "" : `background:${e.backgroundColor}${$(C)[e.backgroundOpacity]};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)
+    }, [
+      a(n.$slots, "tooltip-before"),
+      a(n.$slots, "default"),
+      h("div", { innerHTML: e.content }, null, 8, B),
+      a(n.$slots, "tooltip-after")
+    ], 6)) : x("", !0);
+  }
+};
+export {
+  z as _,
+  w as u
+};

package/dist/_plugin-vue_export-helper-BHFhmbuH.cjs

@@ -0,0 +1 @@
+"use strict";const e=(t,o)=>{const c=t.__vccOpts||t;for(const[r,s]of o)c[r]=s;return c};exports._export_sfc=e;

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};