vue-data-ui 2.3.56 → 2.3.57

package/dist/Slicer-BMs12nY1.js

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

package/dist/Slicer-QCrdQngK.cjs

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