vue-data-ui/dist/Arrow-DczKng-K.cjs

A user-empowering data visualization Vue 3 components library for eloquent data storytelling

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("./index-CBRI5uwl.cjs"),d={class:"vue-ui-element-arrow"},n=["id","viewBox","refX","refY","markerWidth","markerHeight"],m=["d","fill"],k=["id","viewBox","refX","refY","markerWidth","markerHeight"],s=["d","fill"],c=["x1","y1","x2","y2","stroke","stroke-width","stroke-linecap","stroke-dasharray","marker-end","marker-start"],f={__name:"Arrow",props:{markerEnd:{type:Boolean,default:!0},markerSize:{type:Number,default:10},markerStart:{type:Boolean,default:!1},stroke:{type:String,default:"#2D353C"},strokeDasharray:{type:Number,default:0},strokeLinecap:{type:String,default:"round"},strokeWidth:{type:Number,default:1},x1:{type:Number,default:0},x2:{type:Number,default:0},y1:{type:Number,default:0},y2:{type:Number,default:0}},setup(e){const a=e,l=i.createUid(),o=r.computed(()=>`0 0 ${a.markerSize} ${a.markerSize}`),t=r.computed(()=>a.markerSize/2),u=r.computed(()=>t.value+a.markerSize/10);return(h,y)=>(r.openBlock(),r.createElementBlock("g",d,[r.createElementVNode("defs",null,[r.createElementVNode("marker",{id:`arrow_end_${r.unref(l)}`,orient:"auto",viewBox:o.value,refX:t.value,refY:t.value,markerWidth:u.value,markerHeight:u.value},[r.createElementVNode("path",{d:`M 0 0 L ${e.markerSize} ${t.value} L 0 ${e.markerSize} z`,fill:e.stroke},null,8,m)],8,n),r.createElementVNode("marker",{id:`arrow_start_${r.unref(l)}`,orient:"auto-start-reverse",viewBox:o.value,refX:t.value,refY:t.value,markerWidth:u.value,markerHeight:u.value},[r.createElementVNode("path",{d:`M 0 0 L ${e.markerSize} ${t.value} L 0 ${e.markerSize} z`,fill:e.stroke},null,8,s)],8,k)]),r.createElementVNode("line",{x1:e.x1,y1:e.y1,x2:e.x2,y2:e.y2,stroke:e.stroke,"stroke-width":e.strokeWidth,"stroke-linecap":e.strokeLinecap,"stroke-dasharray":e.strokeDasharray,"marker-end":e.markerEnd?`url(#arrow_end_${r.unref(l)})`:"","marker-start":e.markerStart?`url(#arrow_start_${r.unref(l)})`:""},null,8,c)]))}};exports.default=f;