vue-data-ui 2.4.16 → 2.4.18

package/dist/PenAndPaper-M_ZBYgJF.js

@@ -1,347 +0,0 @@
-import { computed as I, ref as p, watch as q, openBlock as k, createElementBlock as y, normalizeStyle as w, createElementVNode as $, createVNode as F, onMounted as Z, nextTick as ee, onBeforeUnmount as te, Fragment as R, normalizeClass as P, withDirectives as oe, vModelText as ne, createCommentVNode as W, unref as le, withModifiers as Q, renderList as ae } from "vue";
-import { F as re, l as se, X as ue } from "./index-DtgCF1dT.js";
-import z from "./BaseIcon-CbpX2G1z.js";
-import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ce = ["value"], ie = { class: "icon" }, de = {
-  __name: "ColorPicker",
-  props: {
-    value: {
-      type: String,
-      default: "#ffffff"
-    },
-    size: {
-      type: String,
-      default: "50px"
-    }
-  },
-  emits: ["update:value"],
-  setup(r, { emit: Y }) {
-    const v = r, f = I(() => ({
-      backgroundColor: v.value,
-      width: "100%",
-      height: "100%",
-      cursor: "pointer"
-    })), m = p(null), L = () => {
-      var u;
-      (u = m.value) == null || u.click();
-    }, x = (u) => {
-      const b = u.target.value;
-      Y("update:value", b);
-    }, C = I(() => re(v.value));
-    return q(
-      () => v.value,
-      (u) => {
-        m.value.value = u;
-      }
-    ), (u, b) => (k(), y("div", {
-      style: w(f.value),
-      class: "color-picker-wrapper",
-      onClick: L
-    }, [
-      $("input", {
-        ref_key: "colorInput",
-        ref: m,
-        type: "color",
-        value: r.value,
-        class: "hidden-input",
-        onInput: x
-      }, null, 40, ce),
-      $("div", ie, [
-        F(z, {
-          name: "palette",
-          stroke: C.value,
-          size: 22
-        }, null, 8, ["stroke"])
-      ])
-    ], 4));
-  }
-}, pe = /* @__PURE__ */ A(de, [["__scopeId", "data-v-d3f01240"]]), ve = {
-  class: /* @__PURE__ */ P({
-    "vue-ui-pen-and-paper-action": !0
-  }),
-  style: { padding: "0 !important" }
-}, fe = ["disabled"], he = ["xmlns", "viewBox", "onTouchstart", "onTouchmove"], ge = ["cx", "cy", "r", "fill"], me = ["d", "stroke", "stroke-width"], ke = ["d", "stroke", "stroke-width"], ye = {
-  __name: "PenAndPaper",
-  props: {
-    parent: {
-      type: HTMLElement
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    color: {
-      type: String,
-      default: "#2D353C"
-    },
-    active: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["close"],
-  setup(r, { emit: Y }) {
-    const v = r, f = p([]), m = p([]), L = p("0 0 0 0"), x = p(v.color), C = p(1), u = I(() => se(v.color, 0.6));
-    function b({ width: o, height: t }) {
-      L.value = `0 0 ${o} ${t}`;
-    }
-    const N = p(null);
-    Z(() => {
-      ee(() => {
-        if (v.parent) {
-          N.value = new ResizeObserver((e) => {
-            for (const n of e) {
-              const { width: l, height: a } = n.contentRect;
-              b({ width: l, height: a });
-            }
-          }), N.value.observe(v.parent);
-          const { width: o, height: t } = v.parent.getBoundingClientRect();
-          b({ width: o, height: t });
-        }
-      });
-    }), te(() => {
-      N.value && N.value.disconnect();
-    }), q(
-      () => v.parent,
-      (o) => {
-        if (!o) return;
-        const { width: t, height: e } = v.parent.getBoundingClientRect();
-        b({ width: t, height: e });
-      },
-      { immediate: !0 }
-    );
-    const M = p(!1), B = p(""), X = p(null);
-    function _(o) {
-      if (!X.value) return;
-      M.value = !0;
-      const { x: t, y: e } = U(o);
-      B.value = `M ${t} ${e}`;
-    }
-    function E(o) {
-      if (!M.value || !X.value) return;
-      const { x: t, y: e } = U(o);
-      B.value += ` ${t} ${e}`;
-    }
-    function V(o) {
-      const t = o.trim().split(/\s+/);
-      if (t.length < 4)
-        return o;
-      const e = t.slice(1).map(Number);
-      if (e.length % 2 !== 0)
-        return o;
-      const n = H(e), l = [`M ${n[0]} ${n[1]}`];
-      for (let c = 2; c < n.length - 2; c += 2) {
-        const h = n[c - 2], g = n[c - 1], i = n[c], d = n[c + 1], S = (h + i) / 2, T = (g + d) / 2;
-        l.push(`Q ${h} ${g} ${S} ${T}`);
-      }
-      const a = n[n.length - 2], s = n[n.length - 1];
-      return l.push(`L ${a} ${s}`), l.join(" ");
-    }
-    function H(o, t = 1) {
-      const e = [...o];
-      for (let n = 2; n < o.length - 2; n += 2) {
-        const l = o[n], a = o[n + 1], s = o[n - 2], c = o[n - 1], h = o[n + 2], g = o[n + 3];
-        e[n] = l + t * ((s + h) / 2 - l), e[n + 1] = a + t * ((c + g) / 2 - a);
-      }
-      return e;
-    }
-    function O(o) {
-      const t = o.trim().split(/\s+/);
-      let e = "", n = "", l = null, a = null;
-      for (let s = 0; s < t.length; s += 1) {
-        const c = t[s];
-        if (isNaN(c)) {
-          if (n = c, n === "M" || n === "L")
-            l = parseFloat(t[++s]), a = parseFloat(t[++s]), e += `${n}${l} ${a}`;
-          else if (n === "Q") {
-            const h = parseFloat(t[++s]), g = parseFloat(t[++s]), i = parseFloat(t[++s]), d = parseFloat(t[++s]);
-            h === l && g === a ? e += `t${i - l} ${d - a}` : e += `q${h - l} ${g - a} ${i - l} ${d - a}`, l = i, a = d;
-          }
-        } else {
-          const h = parseFloat(c), g = parseFloat(t[++s]);
-          if (n === "L") {
-            const i = h - l, d = g - a;
-            i === 0 ? e += `v${d}` : d === 0 ? e += `h${i}` : e += `l${i} ${d}`, l = h, a = g;
-          } else if (n === "Q") {
-            const i = h, d = g, S = parseFloat(t[++s]), T = parseFloat(t[++s]);
-            i === l && d === a ? e += `t${S - l} ${T - a}` : e += `q${i - l} ${d - a} ${S - l} ${T - a}`, l = S, a = T;
-          }
-        }
-      }
-      return e;
-    }
-    function D() {
-      M.value && (f.value.push({
-        strokeWidth: C.value,
-        path: O(V(B.value)),
-        color: x.value
-      }), m.value = [], B.value = ""), M.value = !1;
-    }
-    function U(o) {
-      if (!X.value) return { x: 0, y: 0 };
-      const t = X.value.getBoundingClientRect();
-      let e, n;
-      return o.touches && o.touches.length ? (e = o.touches[0].clientX, n = o.touches[0].clientY) : (e = o.clientX, n = o.clientY), {
-        x: e - t.left,
-        y: n - t.top
-      };
-    }
-    p(!1);
-    function j() {
-      if (f.value.length > 0) {
-        const o = f.value.pop();
-        m.value.push(o);
-      }
-    }
-    function G() {
-      if (m.value.length > 0) {
-        const o = m.value.pop();
-        f.value.push(o);
-      }
-    }
-    function J() {
-      f.value = [], m.value = [];
-    }
-    const K = p(null);
-    return (o, t) => (k(), y(R, null, [
-      r.active ? (k(), y("div", {
-        key: 0,
-        "data-html2canvas-ignore": "",
-        class: P({
-          "vue-ui-pen-and-paper-actions": !0,
-          visible: r.active
-        })
-      }, [
-        $("button", {
-          class: "vue-ui-pen-and-paper-action",
-          style: w({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${u.value}`
-          }),
-          onClick: t[0] || (t[0] = (e) => Y("close"))
-        }, [
-          F(z, {
-            name: "close",
-            stroke: r.color
-          }, null, 8, ["stroke"])
-        ], 4),
-        $("button", ve, [
-          F(pe, {
-            value: x.value,
-            "onUpdate:value": t[1] || (t[1] = (e) => x.value = e)
-          }, null, 8, ["value"])
-        ]),
-        $("button", {
-          class: P({
-            "vue-ui-pen-and-paper-action": !0,
-            "vue-ui-pen-and-paper-action-disabled": !f.value.length
-          }),
-          disabled: !f.value.length,
-          style: w({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${u.value}`
-          }),
-          onClick: j
-        }, [
-          F(z, {
-            name: "restart",
-            stroke: r.color
-          }, null, 8, ["stroke"])
-        ], 14, fe),
-        $("button", {
-          class: P({
-            "vue-ui-pen-and-paper-action": !0,
-            "vue-ui-pen-and-paper-action-disabled": !m.value.length
-          }),
-          style: w({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${u.value}`
-          }),
-          onClick: G
-        }, [
-          F(z, {
-            name: "restart",
-            stroke: r.color,
-            style: { transform: "scaleX(-1)" }
-          }, null, 8, ["stroke"])
-        ], 6),
-        $("button", {
-          class: P([{
-            "vue-ui-pen-and-paper-action": !0,
-            "vue-ui-pen-and-paper-action-disabled": !f.value.length
-          }, "vue-ui-pen-and-paper-action"]),
-          style: w({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${u.value}`
-          }),
-          onClick: J
-        }, [
-          F(z, {
-            name: "trash",
-            stroke: r.color
-          }, null, 8, ["stroke"])
-        ], 6),
-        oe($("input", {
-          ref_key: "range",
-          ref: K,
-          type: "range",
-          class: "vertical-range",
-          min: 0.5,
-          max: 12,
-          step: 0.1,
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => C.value = e),
-          style: w({
-            accentColor: r.color
-          })
-        }, null, 4), [
-          [ne, C.value]
-        ])
-      ], 2)) : W("", !0),
-      (k(), y("svg", {
-        ref_key: "svgElement",
-        ref: X,
-        xmlns: le(ue),
-        viewBox: L.value,
-        class: P({
-          "vue-ui-pen-and-paper": !0,
-          inactive: !r.active
-        }),
-        onMousedown: _,
-        onMousemove: E,
-        onMouseup: D,
-        onMouseleave: D,
-        onTouchstart: Q(_, ["prevent"]),
-        onTouchmove: Q(E, ["prevent"]),
-        onTouchend: D
-      }, [
-        (k(!0), y(R, null, ae(f.value, (e) => (k(), y(R, { key: e }, [
-          e.path.replace("M", "").split(" ").length === 2 ? (k(), y("circle", {
-            key: 0,
-            cx: e.path.replace("M", "").split(" ")[0],
-            cy: e.path.replace("M", "").split(" ")[1],
-            r: e.strokeWidth / 2,
-            fill: e.color
-          }, null, 8, ge)) : (k(), y("path", {
-            key: 1,
-            class: "vue-ui-pen-and-paper-path",
-            d: e.path,
-            stroke: e.color,
-            "stroke-width": e.strokeWidth,
-            fill: "none"
-          }, null, 8, me))
-        ], 64))), 128)),
-        M.value ? (k(), y("path", {
-          key: 0,
-          class: "vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",
-          d: V(B.value),
-          stroke: x.value,
-          "stroke-width": C.value * 1.1,
-          fill: "none"
-        }, null, 8, ke)) : W("", !0)
-      ], 42, he))
-    ], 64));
-  }
-}, we = /* @__PURE__ */ A(ye, [["__scopeId", "data-v-a868f599"]]);
-export {
-  we as P
-};

package/dist/Slicer-BXIEr9yc.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),O=require("./BaseIcon-Prt1oCQy.cjs"),C=require("./useResponsive-BJ7DTGpm.cjs"),v=require("./index-ConhUMxI.cjs"),T=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),w=l=>(e.pushScopeId("data-v-c810061a"),l=l(),e.popScopeId(),l),U={"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom"},W={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},j={key:0,style:{width:"100%",position:"relative"}},X={key:0,class:"minimap",style:{width:"100%"}},Z=["xmlns","viewBox"],_=["id"],G=["stop-color"],H=w(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),J=["d","stroke"],K=["x","width","height","fill","rx"],Q=["d","fill"],Y=["x","width","height","rx","fill"],ee=["x","width","height","fill","rx"],te=["d","fill"],le=["d","stroke"],ae=["cx","cy","stroke","fill"],ne=["cx","cy","stroke","fill"],oe=["x1","x2","y2","stroke"],ie=["x","height","width","onMouseenter"],re=w(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),ue=["min","max"],se=["min","max"],ce={__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},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:"#2D353C"}},emits:["update:start","update:end","reset","trapMouse"],setup(l,{emit:h}){const t=l;e.useCssVars(a=>({"7ac36b7a":$.value,"5a93d2b7":f.value,c1558a30:z.value,"3ac913e7":l.selectColor,"84199a16":B.value}));const r=e.ref(t.min),u=e.ref(t.max),p=e.computed(()=>!!t.minimap.length),S=e.ref(v.createUid()),V=e.computed(()=>{const a=t.max-t.min,o=(r.value-t.min)/a*100,i=(u.value-t.min)/a*100;return{left:`${o}%`,width:`${i-o}%`,background:t.selectColor}}),$=e.computed(()=>t.inputColor),B=e.computed(()=>t.background),z=e.computed(()=>`${t.selectColor}33`),f=e.computed(()=>t.borderColor),N=e.computed(()=>{let a=[];for(let o=0;o<t.minimap.length;o+=1)a.push(o);return a});function E(){h("reset")}function M(){Number(r.value)>Number(u.value)-1&&(r.value=Number(u.value)-1),h("update:start",Number(r.value))}function L(){Number(u.value)<Number(r.value)+1&&(u.value=Number(r.value)+1),h("update:end",Number(u.value))}e.watch(()=>t.min,a=>{Number(r.value)<Number(a)&&(r.value=Number(a)),Number(u.value)<Number(a)&&(u.value=Number(a))}),e.watch(()=>t.max,a=>{Number(r.value)>Number(a)&&(r.value=Number(a)),Number(u.value)>Number(a)&&(u.value=Number(a))});const g=e.ref(null),n=e.ref({width:1,height:1}),x=e.ref(null);e.onMounted(()=>{if(p.value&&g.value){const a=C.throttle(()=>{requestAnimationFrame(()=>{const{width:o,height:i}=C.useResponsive({chart:g.value});n.value.width=o,n.value.height=Math.max(0,i-47)})});x.value=new ResizeObserver(a),x.value.observe(g.value)}}),e.onBeforeUnmount(()=>{x.value&&x.value.disconnect()});const s=e.computed(()=>t.minimap.length?n.value.width/t.minimap.length:0),c=e.computed(()=>{if(!t.minimap.length)return[];const a=Math.max(...t.minimap),o=Math.min(...t.minimap)-10,i=a-(o>0?0:o),d=t.minimap.map((A,q)=>{const D=A-o;return{x:n.value.width/t.minimap.length*q+s.value/2,y:n.value.height-D/i*(n.value.height*.9)}}),b=t.smoothMinimap?v.createSmoothPath(d):v.createStraightPath(d),k=[...d].slice(t.valueStart,t.valueEnd),R=t.smoothMinimap?v.createSmoothPath(k):v.createStraightPath(k);return{fullSet:b,selectionSet:R,sliced:k,firstPlot:d[t.valueStart],lastPlot:d[t.valueEnd-1]}}),m=e.computed(()=>({x:s.value*r.value+s.value/2,width:n.value.width*((u.value-r.value)/t.max)-s.value})),F=e.computed(()=>({left:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",pointerEvents:"none"})),I=e.computed(()=>({right:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"})),y=e.ref(t.minimapSelectedIndex);e.watch(()=>t.minimapSelectedIndex,a=>{y.value=a+t.valueStart},{immediate:!0});function P(a){y.value=a,a>=t.valueStart&&a<t.valueEnd&&h("trapMouse",a-t.valueStart)}return(a,o)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",W,[l.valueStart>0||l.valueEnd<l.max?(e.openBlock(),e.createElementBlock("div",j,[l.useResetSlot?e.renderSlot(a.$slots,"reset-action",{key:1,reset:E},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({top:p.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:E},[e.createVNode(O.default,{name:"refresh",stroke:l.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:g,style:{"z-index":"0"}},[p.value?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(v.XMLNS),viewBox:`0 0 ${n.value.width<0?0:n.value.width} ${n.value.height<0?0:n.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:S.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${l.minimapLineColor}50`},null,8,G),H],8,_)]),e.createElementVNode("path",{d:`M${c.value.fullSet}`,stroke:`${l.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,J),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:n.value.height,y:0,fill:f.value,rx:l.minimapSelectionRadius,stroke:"none"},null,8,K),e.createElementVNode("path",{d:`M${s.value/2},${n.value.height} ${c.value.fullSet} L${n.value.width-s.value/2},${n.value.height}Z`,fill:`url(#${S.value})`,stroke:"none",style:{opacity:"1"}},null,8,Q),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:n.value.height,y:0,rx:l.minimapSelectionRadius,fill:f.value},null,8,Y),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:n.value.height,y:0,fill:l.minimapSelectedColor,rx:l.minimapSelectionRadius,style:e.normalizeStyle({opacity:l.minimapSelectedColorOpacity})},null,12,ee),e.createElementVNode("path",{d:`M${c.value.sliced[0].x},${n.value.height} ${c.value.selectionSet} L${c.value.sliced.at(-1).x},${n.value.height}Z`,fill:`url(#${S.value})`,stroke:"none",style:{opacity:"1"}},null,8,te),e.createElementVNode("path",{d:`M ${c.value.selectionSet}`,stroke:`${l.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,le),e.createElementVNode("circle",{cx:c.value.firstPlot.x,cy:c.value.firstPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:l.minimapLineColor},null,8,ae),e.createElementVNode("circle",{cx:c.value.lastPlot.x,cy:c.value.lastPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:l.minimapLineColor},null,8,ne),y.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(N.value,(i,d)=>(e.openBlock(),e.createElementBlock("g",null,[y.value===i&&i>=l.valueStart&&i<l.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:n.value.height,stroke:l.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,oe)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(i,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:n.value.height,width:s.value<0?0:s.value,fill:"transparent",style:{"pointer-events":"all !important"},onMouseenter:b=>P(i),onMouseleave:o[0]||(o[0]=b=>{y.value=null,h("trapMouse",null)})},null,40,ie))),256))],8,Z))])):e.createCommentVNode("",!0),re,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(V.value)},null,4),e.withDirectives(e.createElementVNode("input",{type:"range",class:"range-left",min:l.min,max:l.max,"onUpdate:modelValue":o[1]||(o[1]=i=>r.value=i),onInput:M},null,40,ue),[[e.vModelText,r.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(F.value)},e.toDisplayString(l.labelLeft),5),e.withDirectives(e.createElementVNode("input",{type:"range",class:"range-right",min:l.min,max:l.max,"onUpdate:modelValue":o[2]||(o[2]=i=>u.value=i),onInput:L},null,40,se),[[e.vModelText,u.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(I.value)},e.toDisplayString(l.labelRight),5)],512)]))}},de=T._export_sfc(ce,[["__scopeId","data-v-c810061a"]]);exports.Slicer=de;