vue-data-ui-hq/dist/Arrow-CBt0a_jk.cjs

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

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