vue-data-ui 2.4.5 → 2.4.7

package/dist/PenAndPaper-BiWc81tP.js

@@ -0,0 +1,347 @@
+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 U, unref as le, withModifiers as W, renderList as ae } from "vue";
+import { F as re, l as se, X as ue } from "./index-Cn1EWnYG.js";
+import z from "./BaseIcon-Icg3SIlH.js";
+import { _ as q } 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__ */ q(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 } = V(o);
+      B.value = `M ${t} ${e}`;
+    }
+    function E(o) {
+      if (!M.value || !X.value) return;
+      const { x: t, y: e } = V(o);
+      B.value += ` ${t} ${e}`;
+    }
+    function A(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(A(B.value)),
+        color: x.value
+      }), m.value = [], B.value = ""), M.value = !1;
+    }
+    function V(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)) : U("", !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: W(_, ["prevent"]),
+        onTouchmove: W(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: B.value,
+          stroke: x.value,
+          "stroke-width": C.value * 1.1,
+          fill: "none"
+        }, null, 8, ke)) : U("", !0)
+      ], 42, he))
+    ], 64));
+  }
+}, we = /* @__PURE__ */ q(ye, [["__scopeId", "data-v-53209a48"]]);
+export {
+  we as P
+};

package/dist/PenAndPaper-DoKpW2Tl.cjs

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

package/dist/{Shape-BGqIhzPX.cjs → Shape-BfZLKYNk.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index-C9HllqQA.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;
+"use strict";const e=require("vue"),a=require("./index-Ci5MafHS.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/{Shape-CBrmBvYy.js → Shape-CppjH62a.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as l, createElementBlock as i, createCommentVNode as a } from "vue";
-import { U as p, O as f } from "./index-C1GB0E49.js";
+import { U as p, O as f } from "./index-Cn1EWnYG.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: {