vue-data-ui 2.3.50 → 2.3.51

package/dist/Slicer-BDwoVjE2.js

@@ -1,288 +0,0 @@
-import { useCssVars as j, ref as m, computed as u, watch as k, onMounted as q, openBlock as d, createElementBlock as c, createElementVNode as i, createVNode as G, renderSlot as T, createCommentVNode as $, normalizeStyle as v, withDirectives as w, vModelText as F, toDisplayString as L, unref as Z, pushScopeId as _, popScopeId as H } from "vue";
-import J from "./BaseIcon-B_HSdFNd.js";
-import { t as K, u as Q } from "./useResponsive-NZB-WLRF.js";
-import { c as Y, M as ee, L as te, X as le } from "./index-kgQzkWhV.js";
-import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const z = (t) => (_("data-v-8a07fb8f"), t = t(), H(), t), ie = { "data-html2canvas-ignore": "" }, ne = { class: "vue-data-ui-slicer-labels" }, oe = {
-  key: 0,
-  style: { width: "100%", position: "relative" }
-}, re = /* @__PURE__ */ z(() => /* @__PURE__ */ i("div", { class: "slider-track" }, null, -1)), ue = ["min", "max"], se = ["min", "max"], me = {
-  key: 0,
-  class: "minimap",
-  style: { width: "100%" }
-}, de = ["xmlns", "viewBox"], ce = ["id"], ve = ["stop-color"], he = /* @__PURE__ */ z(() => /* @__PURE__ */ i("stop", {
-  offset: "100%",
-  "stop-color": "transparent"
-}, null, -1)), fe = ["x", "width", "height", "rx", "fill"], pe = ["d", "stroke", "fill"], be = ["x2", "y1", "y2", "stroke"], ge = {
-  __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
-    },
-    minimap: {
-      type: Array,
-      default: []
-    },
-    smoothMinimap: {
-      type: Boolean,
-      default: !1
-    },
-    minimapSelectedColor: {
-      type: String,
-      default: "#1f77b4"
-    },
-    minimapSelectionRadius: {
-      type: Number,
-      default: 12
-    },
-    minimapLineColor: {
-      type: String,
-      default: "#2D353C"
-    },
-    minimapSelectedColorOpacity: {
-      type: Number,
-      default: 0.2
-    }
-  },
-  emits: ["update:start", "update:end", "reset"],
-  setup(t, { emit: h }) {
-    const e = t;
-    j((l) => ({
-      "01b67b5a": P.value,
-      d1cb6a72: V.value,
-      "198566f8": R.value,
-      "774f8bf7": t.selectColor,
-      "3941b9f6": I.value
-    }));
-    const n = m(e.min), o = m(e.max), p = u(() => !!e.minimap.length), b = m(Y()), A = u(() => {
-      const l = e.max - e.min, r = (n.value - e.min) / l * 100, s = (o.value - e.min) / l * 100;
-      return {
-        left: `${r}%`,
-        width: `${s - r}%`,
-        background: e.selectColor
-      };
-    }), P = u(() => e.inputColor), I = u(() => e.background), R = u(() => `${e.selectColor}33`), V = u(() => e.borderColor);
-    function g() {
-      h("reset");
-    }
-    function E() {
-      Number(n.value) > Number(o.value) - 1 && (n.value = Number(o.value) - 1), h("update:start", Number(n.value));
-    }
-    function B() {
-      Number(o.value) < Number(n.value) + 1 && (o.value = Number(n.value) + 1), h("update:end", Number(o.value));
-    }
-    k(
-      () => e.min,
-      (l) => {
-        Number(n.value) < Number(l) && (n.value = Number(l)), Number(o.value) < Number(l) && (o.value = Number(l));
-      }
-    ), k(
-      () => e.max,
-      (l) => {
-        Number(n.value) > Number(l) && (n.value = Number(l)), Number(o.value) > Number(l) && (o.value = Number(l));
-      }
-    );
-    const f = m(null), a = m({
-      width: 1,
-      height: 1
-    }), y = m(null);
-    q(() => {
-      if (p.value) {
-        const l = K(() => {
-          const { width: r, height: s } = Q({
-            chart: f.value
-          });
-          a.value.width = r, a.value.height = s - 47;
-        });
-        y.value = new ResizeObserver(l), y.value.observe(f.value);
-      }
-    });
-    const S = u(() => e.minimap.length ? a.value.width / e.minimap.length : 0), x = u(() => ({
-      x: S.value * e.valueStart,
-      width: S.value * (e.valueEnd - e.valueStart)
-    })), M = u(() => {
-      if (!e.minimap.length) return [];
-      const l = Math.max(...e.minimap), r = Math.min(...e.minimap), s = l - (r > 0 ? 0 : r), C = e.minimap.map((U, W) => {
-        const X = U - r;
-        return {
-          x: a.value.width / (e.minimap.length - 1) * W,
-          y: a.value.height - X / s * (a.value.height * 0.9)
-        };
-      });
-      return e.smoothMinimap ? ee(C) : te(C);
-    }), N = u(() => e.max - e.min), O = u(() => ({
-      left: `calc(${(n.value - e.min) / N.value * 100}%)`,
-      // Adjust positioning as needed
-      color: e.textColor,
-      fontSize: `${e.fontSize}px`,
-      top: "-28px",
-      pointerEvents: "none"
-    })), D = u(() => ({
-      left: `calc(${(o.value - e.min) / N.value * 100}%)`,
-      // Adjust positioning as needed
-      color: e.textColor,
-      fontSize: `${e.fontSize}px`,
-      top: "28px",
-      direction: "rtl",
-      pointerEvents: "none"
-    }));
-    return (l, r) => (d(), c("div", ie, [
-      i("div", ne, [
-        t.valueStart > 0 || t.valueEnd < t.max ? (d(), c("div", oe, [
-          t.useResetSlot ? T(l.$slots, "reset-action", {
-            key: 1,
-            reset: g
-          }, void 0, !0) : (d(), c("button", {
-            key: 0,
-            "data-cy-reset": "",
-            tabindex: "0",
-            role: "button",
-            class: "vue-data-ui-refresh-button",
-            onClick: g
-          }, [
-            G(J, {
-              name: "refresh",
-              stroke: t.textColor
-            }, null, 8, ["stroke"])
-          ]))
-        ])) : $("", !0)
-      ]),
-      i("div", {
-        class: "double-range-slider",
-        ref_key: "minimapWrapper",
-        ref: f
-      }, [
-        re,
-        i("div", {
-          class: "range-highlight",
-          style: v(A.value)
-        }, null, 4),
-        w(i("input", {
-          type: "range",
-          min: t.min,
-          max: t.max,
-          "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
-          onInput: E
-        }, null, 40, ue), [
-          [F, n.value]
-        ]),
-        i("div", {
-          class: "thumb-label thumb-label-left",
-          style: v(O.value)
-        }, L(t.labelLeft), 5),
-        w(i("input", {
-          type: "range",
-          min: t.min,
-          max: t.max,
-          "onUpdate:modelValue": r[1] || (r[1] = (s) => o.value = s),
-          onInput: B
-        }, null, 40, se), [
-          [F, o.value]
-        ]),
-        i("div", {
-          class: "thumb-label thumb-label-right",
-          style: v(D.value)
-        }, L(t.labelRight), 5),
-        p.value ? (d(), c("div", me, [
-          (d(), c("svg", {
-            xmlns: Z(le),
-            viewBox: `1 0 ${a.value.width - 1} ${a.value.height}`
-          }, [
-            i("defs", null, [
-              i("linearGradient", {
-                id: b.value,
-                x1: "0%",
-                y1: "0%",
-                x2: "0%",
-                y2: "100%"
-              }, [
-                i("stop", {
-                  offset: "0%",
-                  "stop-color": `${t.minimapLineColor}50`
-                }, null, 8, ve),
-                he
-              ], 8, ce)
-            ]),
-            i("rect", {
-              x: x.value.x,
-              y: "0",
-              width: x.value.width,
-              height: a.value.height,
-              rx: t.minimapSelectionRadius,
-              fill: `${t.minimapSelectedColor}`,
-              style: v({ opacity: t.minimapSelectedColorOpacity })
-            }, null, 12, fe),
-            i("path", {
-              d: `M0,${a.value.height} ${M.value} L${a.value.width},${a.value.height}Z`,
-              stroke: `${t.minimapLineColor}`,
-              fill: `url(#${b.value})`,
-              "stroke-width": "1",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, 8, pe),
-            i("line", {
-              x1: 0,
-              x2: a.value.width,
-              y1: a.value.height + 1,
-              y2: a.value.height + 1,
-              stroke: t.background,
-              "stroke-width": "3"
-            }, null, 8, be)
-          ], 8, de))
-        ])) : $("", !0)
-      ], 512)
-    ]));
-  }
-}, ke = /* @__PURE__ */ ae(ge, [["__scopeId", "data-v-8a07fb8f"]]);
-export {
-  ke as S
-};

package/dist/Slicer-DnVQnpZC.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),R=require("./BaseIcon-I9PxMOax.cjs"),N=require("./useResponsive-B3TrDDIG.cjs"),c=require("./index-BmJ7PKIU.cjs"),I=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S=l=>(e.pushScopeId("data-v-8a07fb8f"),l=l(),e.popScopeId(),l),q={"data-html2canvas-ignore":""},M={class:"vue-data-ui-slicer-labels"},D={key:0,style:{width:"100%",position:"relative"}},O=S(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),U=["min","max"],W=["min","max"],T={key:0,class:"minimap",style:{width:"100%"}},X=["xmlns","viewBox"],_=["id"],j=["stop-color"],G=S(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),H=["x","width","height","rx","fill"],Z=["d","stroke","fill"],J=["x2","y1","y2","stroke"],K={__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},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:"#1f77b4"},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:"#2D353C"},minimapSelectedColorOpacity:{type:Number,default:.2}},emits:["update:start","update:end","reset"],setup(l,{emit:s}){const t=l;e.useCssVars(a=>({"01b67b5a":k.value,d1cb6a72:V.value,"198566f8":E.value,"774f8bf7":l.selectColor,"3941b9f6":C.value}));const o=e.ref(t.min),i=e.ref(t.max),d=e.computed(()=>!!t.minimap.length),v=e.ref(c.createUid()),x=e.computed(()=>{const a=t.max-t.min,r=(o.value-t.min)/a*100,u=(i.value-t.min)/a*100;return{left:`${r}%`,width:`${u-r}%`,background:t.selectColor}}),k=e.computed(()=>t.inputColor),C=e.computed(()=>t.background),E=e.computed(()=>`${t.selectColor}33`),V=e.computed(()=>t.borderColor);function h(){s("reset")}function w(){Number(o.value)>Number(i.value)-1&&(o.value=Number(i.value)-1),s("update:start",Number(o.value))}function $(){Number(i.value)<Number(o.value)+1&&(i.value=Number(o.value)+1),s("update:end",Number(i.value))}e.watch(()=>t.min,a=>{Number(o.value)<Number(a)&&(o.value=Number(a)),Number(i.value)<Number(a)&&(i.value=Number(a))}),e.watch(()=>t.max,a=>{Number(o.value)>Number(a)&&(o.value=Number(a)),Number(i.value)>Number(a)&&(i.value=Number(a))});const m=e.ref(null),n=e.ref({width:1,height:1}),p=e.ref(null);e.onMounted(()=>{if(d.value){const a=N.throttle(()=>{const{width:r,height:u}=N.useResponsive({chart:m.value});n.value.width=r,n.value.height=u-47});p.value=new ResizeObserver(a),p.value.observe(m.value)}});const f=e.computed(()=>t.minimap.length?n.value.width/t.minimap.length:0),b=e.computed(()=>({x:f.value*t.valueStart,width:f.value*(t.valueEnd-t.valueStart)})),B=e.computed(()=>{if(!t.minimap.length)return[];const a=Math.max(...t.minimap),r=Math.min(...t.minimap),u=a-(r>0?0:r),y=t.minimap.map((A,L)=>{const P=A-r;return{x:n.value.width/(t.minimap.length-1)*L,y:n.value.height-P/u*(n.value.height*.9)}});return t.smoothMinimap?c.createSmoothPath(y):c.createStraightPath(y)}),g=e.computed(()=>t.max-t.min),z=e.computed(()=>({left:`calc(${(o.value-t.min)/g.value*100}%)`,color:t.textColor,fontSize:`${t.fontSize}px`,top:"-28px",pointerEvents:"none"})),F=e.computed(()=>({left:`calc(${(i.value-t.min)/g.value*100}%)`,color:t.textColor,fontSize:`${t.fontSize}px`,top:"28px",direction:"rtl",pointerEvents:"none"}));return(a,r)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",M,[l.valueStart>0||l.valueEnd<l.max?(e.openBlock(),e.createElementBlock("div",D,[l.useResetSlot?e.renderSlot(a.$slots,"reset-action",{key:1,reset:h},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",onClick:h},[e.createVNode(R.default,{name:"refresh",stroke:l.textColor},null,8,["stroke"])]))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:m},[O,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(x.value)},null,4),e.withDirectives(e.createElementVNode("input",{type:"range",min:l.min,max:l.max,"onUpdate:modelValue":r[0]||(r[0]=u=>o.value=u),onInput:w},null,40,U),[[e.vModelText,o.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(z.value)},e.toDisplayString(l.labelLeft),5),e.withDirectives(e.createElementVNode("input",{type:"range",min:l.min,max:l.max,"onUpdate:modelValue":r[1]||(r[1]=u=>i.value=u),onInput:$},null,40,W),[[e.vModelText,i.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(F.value)},e.toDisplayString(l.labelRight),5),d.value?(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(c.XMLNS),viewBox:`1 0 ${n.value.width-1} ${n.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:v.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${l.minimapLineColor}50`},null,8,j),G],8,_)]),e.createElementVNode("rect",{x:b.value.x,y:"0",width:b.value.width,height:n.value.height,rx:l.minimapSelectionRadius,fill:`${l.minimapSelectedColor}`,style:e.normalizeStyle({opacity:l.minimapSelectedColorOpacity})},null,12,H),e.createElementVNode("path",{d:`M0,${n.value.height} ${B.value} L${n.value.width},${n.value.height}Z`,stroke:`${l.minimapLineColor}`,fill:`url(#${v.value})`,"stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Z),e.createElementVNode("line",{x1:0,x2:n.value.width,y1:n.value.height+1,y2:n.value.height+1,stroke:l.background,"stroke-width":"3"},null,8,J)],8,X))])):e.createCommentVNode("",!0)],512)]))}},Q=I._export_sfc(K,[["__scopeId","data-v-8a07fb8f"]]);exports.Slicer=Q;