npm - vue-data-ui - Versions diffs - 2.3.75 → 2.3.77 - Mend

vue-data-ui 2.3.75 → 2.3.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/dist/{vue-ui-annotator-B22cdlhA.cjs → vue-ui-annotator-CyYSiELS.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("./html2canvas.esm-BA_v9SIU.cjs"),b=require("./jspdf.es.min-DLYY9DTT.cjs"),u=require("./index-DYUBiaGS.cjs"),o=require("vue"),F=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),C={props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{shapes:[],lastSelectedShape:void 0}}}},data(){return{activeShape:void 0,strokeSize:1,currentPointer:{start:{x:0,y:0},end:{x:0,end:0}},currentTarget:void 0,hoveredShapeId:void 0,isBold:!1,isBulletTextMode:!1,isDash:!1,isDeleteMode:!1,isDrawing:!1,isDrawingNewShape:!0,isDrawMode:!1,isItalic:!1,isMouseDown:!1,isMoveMode:!1,isPrinting:!1,isResizeMode:!1,isSelectMode:!1,isSummaryOpen:!1,isTextMode:!1,isUnderline:!1,isWriting:!1,lastSelectedShape:this.dataset.lastSelectedShape,pointerDownId:-1,pointerPosition:{x:0,y:0},preventEdit:!0,selectedGroup:[],shapes:this.dataset.shapes?this.dataset.shapes:[],shapesOrder:[],step:Math.round(Math.random())*1e5,svgHeight:1e3,svgWidth:1e3,options:{arrow:{color:"grey",filled:!0},circle:{color:"grey",filled:!1,radius:3,strokeWidth:2},rect:{color:"grey",filled:!1,strokeWidth:2,height:12,width:12}},selectedColor:"#000000",showCaret:!1,sizeRatio:1,slottedSvg:void 0,sourceWidth:1,sourceHeight:1,textAlign:"start",textFont:20,transparency:100,transparencyCodes:u.opacity}},watch:{shapes:{handler(e){e.length===0&&(this.lastSelectedShape=void 0)}}},computed:{FINAL_CONFIG(){const e=u.useConfig().vue_ui_annotator;if(!Object.keys(this.config||{}).length)return e;const l=this.treeShake({defaultConfig:e,userConfig:this.config});return this.convertConfigColors(l)},canSelect(){return this.shapes.filter(e=>!["line","group"].includes(e.type)).length>1},colorTransparency(){return this.transparencyCodes[this.transparency>98?98:this.transparency]},cursorClass(){switch(!0){case this.isDeleteMode:return"default";case this.isMoveMode:return"move";case this.isTextMode:return"text";case this.isResizeMode:return"se-resize";default:return""}},records(){return this.shapes},userShapes(){return this.records.map(e=>{switch(!0){case(e&&e.type==="arrow"):const l=e.strokeWidth>3?5:10,s=e.strokeWidth>3?2.5:5;return`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./html2canvas.esm-BA_v9SIU.cjs"),I=require("./jspdf.es.min-DLYY9DTT.cjs"),u=require("./index-TabZg_HV.cjs"),o=require("vue"),F=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),f={props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{shapes:[],lastSelectedShape:void 0}}}},data(){return{activeShape:void 0,strokeSize:1,currentPointer:{start:{x:0,y:0},end:{x:0,end:0}},currentTarget:void 0,hoveredShapeId:void 0,isBold:!1,isBulletTextMode:!1,isDash:!1,isDeleteMode:!1,isDrawing:!1,isDrawingNewShape:!0,isDrawMode:!1,isItalic:!1,isMouseDown:!1,isMoveMode:!1,isPrinting:!1,isResizeMode:!1,isSelectMode:!1,isSummaryOpen:!1,isTextMode:!1,isUnderline:!1,isWriting:!1,lastSelectedShape:this.dataset.lastSelectedShape,pointerDownId:-1,pointerPosition:{x:0,y:0},preventEdit:!0,selectedGroup:[],shapes:this.dataset.shapes?this.dataset.shapes:[],shapesOrder:[],step:Math.round(Math.random())*1e5,svgHeight:1e3,svgWidth:1e3,options:{arrow:{color:"grey",filled:!0},circle:{color:"grey",filled:!1,radius:3,strokeWidth:2},rect:{color:"grey",filled:!1,strokeWidth:2,height:12,width:12}},selectedColor:"#000000",showCaret:!1,sizeRatio:1,slottedSvg:void 0,sourceWidth:1,sourceHeight:1,textAlign:"start",textFont:20,transparency:100,transparencyCodes:u.opacity}},watch:{shapes:{handler(e){e.length===0&&(this.lastSelectedShape=void 0)}}},computed:{FINAL_CONFIG(){const e=u.useConfig().vue_ui_annotator;if(!Object.keys(this.config||{}).length)return e;const l=this.treeShake({defaultConfig:e,userConfig:this.config});return this.convertConfigColors(l)},canSelect(){return this.shapes.filter(e=>!["line","group"].includes(e.type)).length>1},colorTransparency(){return this.transparencyCodes[this.transparency>98?98:this.transparency]},cursorClass(){switch(!0){case this.isDeleteMode:return"default";case this.isMoveMode:return"move";case this.isTextMode:return"text";case this.isResizeMode:return"se-resize";default:return""}},records(){return this.shapes},userShapes(){return this.records.map(e=>{switch(!0){case(e&&e.type==="arrow"):const l=e.strokeWidth>3?5:10,s=e.strokeWidth>3?2.5:5;return`
                         <defs>
                         <marker
                             id="${e.id}"
@@ -368,4 +368,4 @@
                     ${this.showCaret&&this.lastSelectedShape&&this.lastSelectedShape.id===e.id?this.computeCaretPosition(e):""}
                     ${this.includeDeleteButton(e)}
                 </g>
-                `;default:return""}},copy(e){return JSON.parse(JSON.stringify(e))},clickShape(e){const l=e.target.id;switch(!0){case this.isDeleteMode:this.shapes=[...this.shapes].filter(s=>s.id!==l),this.lastSelectedShape=void 0;break;default:this.lastSelectedShape=this.shapes.find(s=>s.id===l);break}},deleteEmptyTextElement(){!this.lastSelectedShape||!this.lastSelectedShape.id.includes("text")||this.lastSelectedShape.textContent===""&&(this.shapes=this.shapes.filter(e=>e.id!==this.lastSelectedShape.id),this.lastSelectedShape=this.shapes.at(-1))},drawUp(e=!1){if(!this.activeShape||!this.isDrawing)return;this.currentPointer.end={x:this.pointerPosition.x,y:this.pointerPosition.y};let l;this.shapes.length>0&&this.currentTarget&&(l=[...this.shapes].find(d=>d.id===this.currentTarget.id));let s,n,i;l&&(s=l.x-this.currentPointer.end.x,n=l.y-this.currentPointer.end.y,i=Math.sqrt(s*s+n*n));let t,r;e?(t=Math.max(this.currentPointer.end.x,l.x),r=Math.min(this.currentPointer.end.x,l.x),Math.max(this.currentPointer.end.y,l.y),Math.min(this.currentPointer.end.y,l.y)):(t=Math.max(this.currentPointer.end.x,this.currentPointer.start.x),r=Math.min(this.currentPointer.end.x,this.currentPointer.start.x),Math.max(this.currentPointer.end.y,this.currentPointer.start.y),Math.min(this.currentPointer.end.y,this.currentPointer.start.y)),this.$nextTick(()=>{switch(!0){case this.activeShape==="arrow":this.shapes.at(-1).endX=this.currentPointer.end.x,this.shapes.at(-1).endY=this.currentPointer.end.y;break;case this.activeShape==="circle":const d=20;this.shapes.at(-1).circleRadius=this.isDrawingNewShape?this.copy(t-r)+d:i+d;break;case this.activeShape==="line":this.shapes.at(-1).path+=` ${this.pointerPosition.x} ${this.pointerPosition.y} `;break;case["rect","group"].includes(this.activeShape):const c=20;this.shapes.at(-1).rectWidth=this.copy(this.currentPointer.end.x-this.shapes.at(-1).x)>0?this.copy(this.currentPointer.end.x-this.shapes.at(-1).x):c,this.shapes.at(-1).rectHeight=this.copy(this.currentPointer.end.y-this.shapes.at(-1).y)>0?this.copy(this.currentPointer.end.y-this.shapes.at(-1).y):c}})},drawDown(){if(this.isDrawing=!0,!this.activeShape&&!this.isSelectMode||!this.isDrawing)return;this.isDrawingNewShape=!0,this.currentPointer.start={x:this.pointerPosition.x,y:this.pointerPosition.y};let e=`${this.isSelectMode?"group":this.activeShape}_${Math.random()*1e4}_${Date.now()}`;switch(!0){case this.activeShape==="arrow":this.shapes.push({id:e,x:this.pointerPosition.x,y:this.pointerPosition.y,endX:this.pointerPosition.x,endY:this.pointerPosition.y,type:this.activeShape,color:this.copy(this.selectedColor),strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash)}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="circle":this.shapes.push({alpha:this.options.circle.filled?this.colorTransparency:"",id:e,color:this.copy(this.selectedColor),isFilled:this.copy(this.options.circle.filled),circleRadius:this.copy(this.options.circle.radius),circleStrokeWidth:this.copy(this.options.circle.strokeWidth),type:this.activeShape,x:this.pointerPosition.x,y:this.pointerPosition.y,strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash)}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="line":this.shapes.push({alpha:this.copy(this.colorTransparency),id:e,x:this.pointerPosition.x,y:this.pointerPosition.y,type:this.activeShape,color:this.copy(this.selectedColor),strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash),path:`${this.pointerPosition.x} ${this.pointerPosition.y}`}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="rect":this.shapes.push({alpha:this.options.rect.filled?this.colorTransparency:"",id:e,color:this.copy(this.selectedColor),isFilled:this.copy(this.options.rect.filled),rectStrokeWidth:this.copy(this.options.rect.strokeWidth),rectHeight:this.copy(this.options.rect.height),rectWidth:this.copy(this.options.rect.width),type:this.activeShape,x:this.pointerPosition.x,y:this.pointerPosition.y,strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash)}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="group":this.shapes.push({alpha:1,id:`group_${Math.random()*1e4}_${Date.now()}`,x:this.pointerPosition.x,y:this.pointerPosition.y,isFilled:!1,rectHeight:this.copy(this.options.rect.height),rectWidth:this.copy(this.options.rect.width),rectStrokeWidth:1,type:"group",color:"grey",strokeWidth:1,isDash:!0,content:""});break}if((this.pointerDownId!==-1||!this.isDrawing)&&(clearInterval(this.pointerDownId),this.pointerDownId=-1),this.pointerDownId===-1&&this.isDrawing){this.pointerDownId=setInterval(this.drawUp,1);return}},move(e){if(!(!e||!e.id||e.type==="line"))switch(this.lastSelectedShape=e,!0){case e.type==="arrow":e.x=this.copy(this.pointerPosition.x),e.y=this.copy(this.pointerPosition.y);break;case e.type==="circle":e.x=this.copy(this.pointerPosition.x),e.y=this.copy(this.pointerPosition.y);break;case e.type==="group":this.moveGroup(e);break;case e.type==="rect":e.x=this.copy(this.pointerPosition.x-e.rectWidth/2),e.y=this.copy(this.pointerPosition.y-e.rectHeight/2);break;case e.type==="text":const l=Array.from(document.getElementsByTagName("text")).find(r=>r.id===e.id);if(!l)return;const{x:s,y:n,width:i,height:t}=l.getBBox();e.textAlign==="start"&&(e.x=this.copy(this.pointerPosition.x-i/2)),e.textAlign==="middle"&&(e.x=this.copy(this.pointerPosition.x)),e.textAlign==="end"&&(e.x=this.copy(this.pointerPosition.x+i/2)),e.lines>1?e.y=this.copy(this.pointerPosition.y-t/3):e.y=this.copy(this.pointerPosition.y+e.fontSize/2);break}},moveDown(){if(!this.currentTarget||!this.currentTarget.id)return;const e=this.currentTarget.id,l=this.shapes.find(s=>s.id===e);this.shapes=this.shapes.filter(s=>s.id!==e),this.shapes.push(l),this.pointerDownId===-1&&e&&this.move(l)},print(){this.isPrinting=!0,this.isDeleteMode=!1,this.isMoveMode=!1,this.isResizeMode=!1,this.isTextMode=!1,this.isWriting=!1,this.isSelectMode=!1,this.activeShape=void 0,this.showCaret=!1,this.$nextTick(()=>{const e=this.$refs.drawSvgContainer,l={height:851.89,width:595.28};this.walkTheDOM(e,s=>{s&&s.nodeType===1&&(s.setAttribute("font-family","Helvetica"),s.style.fontFamily="Helvetica",s.replaceWith(s))}),I.default(e).then(s=>{const n=s.width,i=s.height,t=n/l.width*l.height;let r=i,d=0;const c=l.width,y=582.28/n*i,N=s.toDataURL("image/png",1),h=new b.E("","pt","a4");if(r<t)h.addImage(N,"PNG",0,0,c,y,"","FAST");else for(;r>0;)h.addImage(N,"PNG",0,d,c,y,"","FAST"),r-=t,d-=l.height-24,r>0&&h.addPage();h.save(`${new Date().toLocaleDateString()}_annotations.pdf`)}).finally(()=>{this.isPrinting=!1,this.walkTheDOM(e,s=>{s&&s.nodeType===1&&(s.setAttribute("font-family",this.FINAL_CONFIG.style.fontFamily),s.style.fontFamily=this.FINAL_CONFIG.style.fontFamily,s.replaceWith(s))})})})},resetDraw(){this.isDrawing=!1,this.isMouseDown=!1,this.pointerDownId=-1,this.isSelectMode&&this.groupShapes(),clearInterval(this.pointerDownId)},resize(){this.isDrawingNewShape=!1;const e=this.currentTarget.id;if(!e)return;this.isDrawing=!0;const l=this.shapes.find(s=>s.id===e);this.activeShape=l.type,this.shapes=this.shapes.filter(s=>s.id!==e),this.shapes.push(l),this.drawUp(!0)},setFillOfSelectedRect(){!this.lastSelectedShape||!this.lastSelectedShape.id.includes("rect")||(this.lastSelectedShape.isFilled=!this.lastSelectedShape.isFilled)},setFillOfSelectedCircle(){!this.lastSelectedShape||!this.lastSelectedShape.id.includes("circle")||(this.lastSelectedShape.isFilled=!this.lastSelectedShape.isFilled)},setColorOfSelectedShape(){this.lastSelectedShape&&(this.lastSelectedShape.color=this.copy(this.selectedColor),!["arrow","text"].includes(this.lastSelectedShape.id)&&(this.lastSelectedShape.alpha=this.copy(this.colorTransparency)))},setSelectedShapeToDash(){!this.lastSelectedShape||this.lastSelectedShape.type==="text"||(this.lastSelectedShape.isDash=this.copy(this.isDash))},setTransparencyOfSelectedShape(){!this.lastSelectedShape||["arrow","text"].includes(this.lastSelectedShape.id)||(this.lastSelectedShape.alpha=this.copy(this.colorTransparency))},setStrokeWidthOfSelectedShape(){!this.lastSelectedShape||!["arrow","circle","rect","line"].includes(this.lastSelectedShape.type)||(this.lastSelectedShape.strokeWidth=this.copy(Math.abs(this.strokeSize)))},setCurrentStyleOfSelectedText(){!this.lastSelectedShape||this.lastSelectedShape.type!=="text"||(this.lastSelectedShape.isBold=this.copy(this.isBold),this.lastSelectedShape.isItalic=this.copy(this.isItalic),this.lastSelectedShape.isUnderline=this.copy(this.isUnderline),this.lastSelectedShape.fontSize=this.copy(this.textFont),this.lastSelectedShape.isBulletTextMode=this.copy(this.isBulletTextMode))},setPointer(e){e.preventDefault();const s=this.$refs.mainSvg.getBoundingClientRect();let n,i;e.touches&&e.touches.length>0?(n=e.touches[0].clientX,i=e.touches[0].clientY):(n=e.clientX,i=e.clientY),this.pointerPosition.x=(n-s.left)/s.width*this.svgWidth,this.pointerPosition.y=(i-s.top)/s.height*this.svgHeight},setShapeTo(e){if(this.showCaret=!1,this.deleteEmptyTextElement(),e===this.activeShape){this.activeShape=void 0,this.isDrawMode=!1;return}this.isDrawMode=!0,this.isDeleteMode=!1,this.isMoveMode=!1,this.isResizeMode=!1,this.isTextMode=!1,this.activeShape=e},toggleSummary(){this.isSummaryOpen=!this.isSummaryOpen,this.isSummaryOpen||(this.isMoveMode=!1,this.isResizeMode=!1,this.isTextMode=!1,this.isWriting=!1,this.activeShape=void 0,this.showCaret=!1,this.isDeleteMode=!1,this.isWriting=!1),this.$emit("toggleOpenState",{isOpen:this.isSummaryOpen})},walkTheDOM(e,l){for(l(e),e=e.firstChild;e;)this.walkTheDOM(e,l),e=e.nextSibling},save(){this.$emit("saveAnnotations",{shapes:this.shapes,lastSelectedShape:this.lastSelectedShape})}}},a=e=>(o.pushScopeId("data-v-3611298e"),e=e(),o.popScopeId(),e),S={class:"vue-ui-annotator"},x={"data-html2canvas-ignore":""},f={class:"tool-selection",style:{"margin-top":"24px"}},k=["disabled"],g=o.createStaticVNode('<svg xmlns="http://www.w3.org/2000/svg" width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M18 9l3 3l-3 3" data-v-3611298e></path><path d="M15 12h6" data-v-3611298e></path><path d="M6 9l-3 3l3 3" data-v-3611298e></path><path d="M3 12h6" data-v-3611298e></path><path d="M9 18l3 3l3 -3" data-v-3611298e></path><path d="M12 15v6" data-v-3611298e></path><path d="M15 6l-3 -3l-3 3" data-v-3611298e></path><path d="M12 3v6" data-v-3611298e></path></svg>',1),m=["disabled"],p=a(()=>o.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M4 11v8a1 1 0 0 0 1 1h8m-9 -14v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1"}),o.createElementVNode("path",{d:"M4 12h7a1 1 0 0 1 1 1v7"})],-1)),_=["disabled"],v=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M4 7l16 0" data-v-3611298e></path><path d="M10 11l0 6" data-v-3611298e></path><path d="M14 11l0 6" data-v-3611298e></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-3611298e></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-3611298e></path></svg>',1),w=["disabled"],A={style:{width:"80%"},viewBox:"0 0 24 24"},M=a(()=>o.createElementVNode("path",{fill:"currentColor",d:"M1,1V5H2V19H1V23H5V22H19V23H23V19H22V5H23V1H19V2H5V1M5,4H19V5H20V19H19V20H5V19H4V5H5M6,6V14H9V18H18V9H14V6M8,8H12V12H8M14,11H16V16H11V14H14"},null,-1)),O=[M],L=["disabled"],G={style:{width:"80%"},viewBox:"0 0 24 24"},z=a(()=>o.createElementVNode("path",{fill:"currentColor",d:"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z"},null,-1)),B=[z],T=["disabled"],D={style:{width:"80%"},viewBox:"0 0 24 24"},V=a(()=>o.createElementVNode("path",{fill:"currentColor",d:"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z"},null,-1)),E=[V],R=["disabled"],H=a(()=>o.createElementVNode("svg",{width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M7 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"}),o.createElementVNode("path",{d:"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"})],-1)),W=["disabled"],P=a(()=>o.createElementVNode("svg",{width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M9 14l-4 -4l4 -4"}),o.createElementVNode("path",{d:"M5 10h11a4 4 0 1 1 0 8h-1"})],-1)),X=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" data-v-3611298e></path><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" data-v-3611298e></path><path d="M7 13m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z" data-v-3611298e></path></svg>',1),U=o.createStaticVNode('<svg width="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" data-v-3611298e></path><path d="M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" data-v-3611298e></path><path d="M14 4l0 4l-6 0l0 -4" data-v-3611298e></path></svg>',1),Y={class:"tool-selection",style:{"margin-top":"6px"}},j={viewBox:"0 0 12 12",style:{width:"100%"}},q=["fill"],Z={key:0,class:"tool-input"},J={for:"circleFill"},K=["checked"],Q={viewBox:"0 0 12 12",style:{width:"100%"}},$=["fill"],ee={key:1,class:"tool-input"},te={for:"rectFill"},oe=["checked"],ie={viewBox:"0 0 24 24",style:{width:"100%"}},le=["stroke"],se=a(()=>o.createElementVNode("svg",{width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M3 15c2 3 4 4 7 4s7 -3 7 -7s-3 -7 -6 -7s-5 1.5 -5 4s2 5 6 5s8.408 -2.453 10 -5"})],-1)),re={key:2},ne={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},de={for:"textFont",style:{"font-size":"0.7em"}},ce={key:3},ae={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},he={for:"dashStyle",style:{"font-size":"0.7em"}},ue={viewBox:"0 0 24 24",height:"24",width:"24",style:{"margin-bottom":"-5px","margin-top":"-10px"}},ye=a(()=>o.createElementVNode("line",{x1:"0",x2:"24",y1:"12",y2:"12","stroke-width":"2",stroke:"black","stroke-dasharray":"3"},null,-1)),Ne=[ye],Ie=["checked"],be={style:{width:"80%"},viewBox:"0 0 24 24",fill:"currentColor"},Fe=a(()=>o.createElementVNode("path",{d:"M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z"},null,-1)),Ce=[Fe],Se={key:4},xe={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},fe={for:"textFont",style:{"font-size":"0.7em"}},ke={key:5},ge=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M4 6l16 0" data-v-3611298e></path><path d="M4 12l10 0" data-v-3611298e></path><path d="M4 18l14 0" data-v-3611298e></path></svg>',1),me={key:6},pe=["disabled"],_e=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M4 6l16 0" data-v-3611298e></path><path d="M8 12l8 0" data-v-3611298e></path><path d="M6 18l12 0" data-v-3611298e></path></svg>',1),ve={key:7},we=["disabled"],Ae=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M4 6l16 0" data-v-3611298e></path><path d="M10 12l10 0" data-v-3611298e></path><path d="M6 18l14 0" data-v-3611298e></path></svg>',1),Me={key:8},Oe=o.createStaticVNode('<svg width="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M9 6l11 0" data-v-3611298e></path><path d="M9 12l11 0" data-v-3611298e></path><path d="M9 18l11 0" data-v-3611298e></path><path d="M5 6l0 .01" data-v-3611298e></path><path d="M5 12l0 .01" data-v-3611298e></path><path d="M5 18l0 .01" data-v-3611298e></path></svg>',1),Le={key:9},Ge=a(()=>o.createElementVNode("svg",{width:"100%",viewBox:"0 0 24 24","stroke-width":"3",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M7 5h6a3.5 3.5 0 0 1 0 7h-6z"}),o.createElementVNode("path",{d:"M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7"})],-1)),ze={key:10},Be=o.createStaticVNode('<svg width="100%" height="44" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-3611298e><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3611298e></path><path d="M11 5l6 0" data-v-3611298e></path><path d="M7 19l6 0" data-v-3611298e></path><path d="M14 5l-4 14" data-v-3611298e></path></svg>',1),Te={key:11},De=a(()=>o.createElementVNode("svg",{width:"100%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M7 5v5a5 5 0 0 0 10 0v-5"}),o.createElementVNode("path",{d:"M5 19h14"})],-1)),Ve={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"},class:"tooltip"},Ee={style:{display:"flex","flex-direction":"column","align-items":"start","justify-content":"center"}},Re={for:"colorTransparency",style:{"font-size":"0.7em"}},He={class:"annotator annotator__wrapper",ref:"drawSvgContainer",style:{position:"relative"}},We=["viewBox","width","height"],Pe=["id","innerHTML"],Xe=["height","viewBox","width"],Ue=["cx","cy"];function Ye(e,l,s,n,i,t){return o.openBlock(),o.createElementBlock("div",S,[o.createElementVNode("div",x,[o.createElementVNode("details",{class:"vue-ui-annotator-summary",onToggle:l[36]||(l[36]=(...r)=>t.toggleSummary&&t.toggleSummary(...r)),style:o.normalizeStyle(`${i.isSummaryOpen?"padding-bottom: 12px":""}; background: ${t.FINAL_CONFIG.style.backgroundColor}; color:${t.FINAL_CONFIG.style.color}; ${t.FINAL_CONFIG.style.fixedTools&&i.isSummaryOpen?"position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;":""}`)},[o.createElementVNode("summary",null,o.toDisplayString(t.FINAL_CONFIG.translations.title),1),o.createElementVNode("div",f,[o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:i.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isMoveMode,tooltip:!0}),onClick:l[0]||(l[0]=r=>{t.deleteEmptyTextElement(),i.isMoveMode=!i.isMoveMode,i.activeShape=void 0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isResizeMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1})},[g,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipMove),5)):o.createCommentVNode("",!0)],14,k),o.createElementVNode("button",{disabled:i.shapes.length===0||i.activeShape==="line",style:o.normalizeStyle({background:i.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isResizeMode,tooltip:!0}),onClick:l[1]||(l[1]=r=>{t.deleteEmptyTextElement(),i.isResizeMode=!i.isResizeMode,i.isMoveMode=!1,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape=void 0,i.showCaret=!1})},[p,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipResize),5)):o.createCommentVNode("",!0)],14,m),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:i.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isDeleteMode,tooltip:!0}),onClick:l[2]||(l[2]=r=>{t.deleteEmptyTextElement(),i.isDeleteMode=!i.isDeleteMode,i.isMoveMode=!1,i.isResizeMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape=void 0,i.showCaret=!1})},[v,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipDelete),5)):o.createCommentVNode("",!0)],14,_),o.createElementVNode("button",{disabled:!t.canSelect,style:o.normalizeStyle({background:i.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isSelectMode,tooltip:!0}),onClick:l[3]||(l[3]=r=>{t.deleteEmptyTextElement(),t.setShapeTo("group"),i.isSelectMode=!i.isSelectMode,i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape="group",i.showCaret=!1})},[(o.openBlock(),o.createElementBlock("svg",A,O)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipGroup),5)):o.createCommentVNode("",!0)],14,w),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[4]||(l[4]=r=>{i.isResizeMode=!1,i.isMoveMode=!0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1,t.bringShapeTo("front")})},[(o.openBlock(),o.createElementBlock("svg",G,B)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipBringToFront),5)):o.createCommentVNode("",!0)],12,L),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[5]||(l[5]=r=>{i.isResizeMode=!1,i.isMoveMode=!0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1,t.bringShapeTo("back")})},[(o.openBlock(),o.createElementBlock("svg",D,E)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipBringToBack),5)):o.createCommentVNode("",!0)],12,T),o.createElementVNode("button",{disabled:i.shapes.length===0||i.activeShape==="line",style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[6]||(l[6]=r=>{t.deleteEmptyTextElement(),i.isResizeMode=!1,i.isMoveMode=!0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1,t.copyPaste()})},[H,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipDuplicate),5)):o.createCommentVNode("",!0)],12,R),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--one-shot":!0,tooltip:!0}),onClick:l[7]||(l[7]=r=>{i.isResizeMode=!1,i.isMoveMode=!1,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape=void 0,i.showCaret=!1,t.undoLastShape()})},[P,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipUndo),5)):o.createCommentVNode("",!0)],12,W),t.FINAL_CONFIG.style.showPrint?(o.openBlock(),o.createElementBlock("button",{key:0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[8]||(l[8]=(...r)=>t.print&&t.print(...r))},[X,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipPdf),5)):o.createCommentVNode("",!0)],4)):o.createCommentVNode("",!0),t.FINAL_CONFIG.style.showSave?(o.openBlock(),o.createElementBlock("button",{key:1,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[9]||(l[9]=(...r)=>t.save&&t.save(...r))},[U,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipSave),5)):o.createCommentVNode("",!0)],4)):o.createCommentVNode("",!0)]),o.createElementVNode("div",Y,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="circle",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[10]||(l[10]=r=>{t.setShapeTo("circle"),i.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",j,[o.createElementVNode("circle",{cx:6,cy:6,r:"4",fill:i.options.circle.filled?(i.activeShape==="circle",i.selectedColor+t.colorTransparency):"none",stroke:"currentColor"},null,8,q)])),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeCircle),5)):o.createCommentVNode("",!0)],6),i.activeShape==="circle"?(o.openBlock(),o.createElementBlock("div",Z,[o.createElementVNode("label",J,o.toDisplayString(t.FINAL_CONFIG.translations.filled),1),o.withDirectives(o.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":l[11]||(l[11]=r=>i.options.circle.filled=r),onChange:l[12]||(l[12]=(...r)=>t.setFillOfSelectedCircle&&t.setFillOfSelectedCircle(...r)),checked:i.options.circle.filled},null,40,K),[[o.vModelCheckbox,i.options.circle.filled]])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="rect",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[13]||(l[13]=r=>{t.setShapeTo("rect"),i.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",Q,[o.createElementVNode("rect",{x:"3",y:"3",style:{rx:"0 !important",ry:"0 !important"},height:"6",width:"6",fill:i.options.rect.filled?(i.activeShape==="rect",i.selectedColor+t.colorTransparency):"none",stroke:"currentColor"},null,8,$)])),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeRect),5)):o.createCommentVNode("",!0)],6),i.activeShape==="rect"?(o.openBlock(),o.createElementBlock("div",ee,[o.createElementVNode("label",te,o.toDisplayString(t.FINAL_CONFIG.translations.filled),1),o.withDirectives(o.createElementVNode("input",{id:"rectFill",type:"checkbox","onUpdate:modelValue":l[14]||(l[14]=r=>i.options.rect.filled=r),onChange:l[15]||(l[15]=(...r)=>t.setFillOfSelectedRect&&t.setFillOfSelectedRect(...r)),checked:i.options.rect.filled},null,40,oe),[[o.vModelCheckbox,i.options.rect.filled]])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="arrow",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[16]||(l[16]=r=>{t.setShapeTo("arrow"),i.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",ie,[o.createElementVNode("path",{stroke:i.options.arrow.filled?i.activeShape==="arrow"?"white":"grey":"none","stroke-width":"2",d:"M5,19 19,5 14,5 19,10.5 19,5",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},null,8,le)])),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeArrow),5)):o.createCommentVNode("",!0)],6),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="line",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[17]||(l[17]=r=>{t.setShapeTo("line"),i.isSelectMode=!1})},[se,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeFreehand),5)):o.createCommentVNode("",!0)],6),["arrow","circle","rect","line"].includes(i.activeShape)?(o.openBlock(),o.createElementBlock("div",re,[o.createElementVNode("div",ne,[o.createElementVNode("label",de,o.toDisplayString(t.FINAL_CONFIG.translations.thickness),1),o.withDirectives(o.createElementVNode("input",{id:"textFont",type:"number","onUpdate:modelValue":l[18]||(l[18]=r=>i.strokeSize=r),onInput:l[19]||(l[19]=(...r)=>t.setStrokeWidthOfSelectedShape&&t.setStrokeWidthOfSelectedShape(...r)),style:{padding:"0 4px",width:"40px",border:"1px solid #dadada","border-radius":"3px"}},null,544),[[o.vModelText,i.strokeSize]])])])):o.createCommentVNode("",!0),["arrow","circle","rect"].includes(i.activeShape)?(o.openBlock(),o.createElementBlock("div",ce,[o.createElementVNode("div",ae,[o.createElementVNode("label",he,o.toDisplayString(t.FINAL_CONFIG.translations.dashedLines),1),(o.openBlock(),o.createElementBlock("svg",ue,Ne)),o.withDirectives(o.createElementVNode("input",{id:"dashStyle",name:"dashStyle",type:"checkbox","onUpdate:modelValue":l[20]||(l[20]=r=>i.isDash=r),onChange:l[21]||(l[21]=(...r)=>t.setSelectedShapeToDash&&t.setSelectedShapeToDash(...r)),checked:i.isDash},null,40,Ie),[[o.vModelCheckbox,i.isDash]])])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isTextMode,tooltip:!0}),style:o.normalizeStyle({background:i.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[22]||(l[22]=r=>{t.deleteEmptyTextElement(),i.isTextMode=!i.isTextMode,i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isSelectMode=!1,i.isDrawMode=!1,i.activeShape=void 0})},[(o.openBlock(),o.createElementBlock("svg",be,Ce)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeText),5)):o.createCommentVNode("",!0)],6),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Se,[o.createElementVNode("div",xe,[o.createElementVNode("label",fe,o.toDisplayString(t.FINAL_CONFIG.translations.fontSize),1),o.withDirectives(o.createElementVNode("input",{id:"textFont",type:"number","onUpdate:modelValue":l[23]||(l[23]=r=>i.textFont=r),onInput:l[24]||(l[24]=(...r)=>t.setCurrentStyleOfSelectedText&&t.setCurrentStyleOfSelectedText(...r)),style:{padding:"0 4px",width:"40px",border:"1px solid #dadada","border-radius":"3px"}},null,544),[[o.vModelText,i.textFont]])])])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",ke,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.textAlign==="start",tooltip:!0}),style:o.normalizeStyle({background:i.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[25]||(l[25]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.textAlign="start",t.setSelectedTextAlignTo("start")})},[ge,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextLeft),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",me,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.textAlign==="middle",tooltip:!0}),style:o.normalizeStyle({background:i.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),disabled:i.isBulletTextMode,onClick:l[26]||(l[26]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.textAlign="middle",t.setSelectedTextAlignTo("middle")})},[_e,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextCenter),5)):o.createCommentVNode("",!0)],14,pe)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",ve,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.textAlign==="end",tooltip:!0}),style:o.normalizeStyle({background:i.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),disabled:i.isBulletTextMode,onClick:l[27]||(l[27]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.textAlign="end",t.setSelectedTextAlignTo("end")})},[Ae,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextRight),5)):o.createCommentVNode("",!0)],14,we)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Me,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isBulletTextMode,tooltip:!0}),style:o.normalizeStyle({background:i.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[28]||(l[28]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isBulletTextMode=!i.isBulletTextMode,i.textAlign="start",t.setSelectedTextAlignTo("start"),t.setCurrentStyleOfSelectedText()})},[Oe,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextBullet),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Le,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isBold,tooltip:!0}),style:o.normalizeStyle({background:i.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[29]||(l[29]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isBold=!i.isBold,t.setCurrentStyleOfSelectedText()})},[Ge,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextBold),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",ze,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isItalic,tooltip:!0}),style:o.normalizeStyle({background:i.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[30]||(l[30]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isItalic=!i.isItalic,t.setCurrentStyleOfSelectedText()})},[Be,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextItalic),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Te,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isUnderline,tooltip:!0}),style:o.normalizeStyle({background:i.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[31]||(l[31]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isUnderline=!i.isUnderline,t.setCurrentStyleOfSelectedText()})},[De,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextUnderline),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),o.createElementVNode("div",Ve,[o.withDirectives(o.createElementVNode("input",{type:"color",id:"colorPicker",name:"colorPicker","onUpdate:modelValue":l[32]||(l[32]=r=>i.selectedColor=r),onInput:l[33]||(l[33]=(...r)=>t.setColorOfSelectedShape&&t.setColorOfSelectedShape(...r)),style:o.normalizeStyle(`height: 30px; width: 30px; border-radius: ${t.FINAL_CONFIG.style.buttons.borderRadius}px; cursor: pointer`)},null,36),[[o.vModelText,i.selectedColor]]),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeColor),5)):o.createCommentVNode("",!0)]),o.createElementVNode("div",Ee,[o.createElementVNode("label",Re,o.toDisplayString(t.FINAL_CONFIG.translations.colorAlpha)+": "+o.toDisplayString(i.transparency>98?100:i.transparency)+" % ",1),o.withDirectives(o.createElementVNode("input",{id:"colorTransparency",name:"colorTransparency",type:"range","onUpdate:modelValue":l[34]||(l[34]=r=>i.transparency=r),onInput:l[35]||(l[35]=(...r)=>t.setTransparencyOfSelectedShape&&t.setTransparencyOfSelectedShape(...r)),min:0,max:100,style:{width:"100px"}},null,544),[[o.vModelText,i.transparency]])])])],36)]),o.createElementVNode("div",He,[o.renderSlot(e.$slots,"default",{},void 0,!0),i.isSummaryOpen?(o.openBlock(),o.createElementBlock("svg",{id:"annotatorSvg",key:i.step,ref:"mainSvg",class:o.normalizeClass({draw:!0,"draw--free":i.activeShape==="line"}),style:o.normalizeStyle([`cursor:${t.cursorClass}; font-family: Helvetica; z-index: 100000000;`,{position:"absolute",top:"0",left:"0"}]),viewBox:`0 0 ${i.svgWidth} ${i.svgHeight}`,width:i.sourceWidth,height:i.sourceHeight,onPointerdown:l[38]||(l[38]=r=>t.chooseAction(r)),onPointerup:l[39]||(l[39]=(...r)=>t.resetDraw&&t.resetDraw(...r)),onTouchend:l[40]||(l[40]=(...r)=>t.resetDraw&&t.resetDraw(...r)),onTouchstart:l[41]||(l[41]=r=>{t.setPointer(r),t.clickSvg(r)}),onPointermove:l[42]||(l[42]=r=>{t.setPointer(r),t.chooseMove(r)}),onPointerout:l[43]||(l[43]=r=>{i.preventEdit=!0,i.hoveredShapeId=void 0}),onPointerover:l[44]||(l[44]=r=>t.allowEditAndHoverShapes(r)),onClick:l[45]||(l[45]=r=>t.clickSvg(r))},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.userShapes,(r,d)=>(o.openBlock(),o.createElementBlock("g",{key:`shape_${d}`,id:r.id,innerHTML:r,onClick:l[37]||(l[37]=c=>{t.clickShape(c),i.isMoveMode=!1})},null,8,Pe))),128))],46,We)):o.createCommentVNode("",!0),i.isPrinting?(o.openBlock(),o.createElementBlock("svg",{key:1,style:{position:"absolute",top:"0",left:"0"},height:i.sourceHeight,viewBox:`0 0 ${i.svgWidth} ${i.svgHeight}`,width:i.sourceWidth},[o.createElementVNode("circle",{class:"animated-circle-print",cx:i.svgWidth/2,cy:i.svgHeight/2,r:"50",stroke:"#6376DD","stroke-width":"10",fill:"none"},null,8,Ue)],8,Xe)):o.createCommentVNode("",!0)],512)])}const je=F._export_sfc(C,[["render",Ye],["__scopeId","data-v-3611298e"]]);exports.default=je;
+                `;default:return""}},copy(e){return JSON.parse(JSON.stringify(e))},clickShape(e){const l=e.target.id;switch(!0){case this.isDeleteMode:this.shapes=[...this.shapes].filter(s=>s.id!==l),this.lastSelectedShape=void 0;break;default:this.lastSelectedShape=this.shapes.find(s=>s.id===l);break}},deleteEmptyTextElement(){!this.lastSelectedShape||!this.lastSelectedShape.id.includes("text")||this.lastSelectedShape.textContent===""&&(this.shapes=this.shapes.filter(e=>e.id!==this.lastSelectedShape.id),this.lastSelectedShape=this.shapes.at(-1))},drawUp(e=!1){if(!this.activeShape||!this.isDrawing)return;this.currentPointer.end={x:this.pointerPosition.x,y:this.pointerPosition.y};let l;this.shapes.length>0&&this.currentTarget&&(l=[...this.shapes].find(d=>d.id===this.currentTarget.id));let s,n,i;l&&(s=l.x-this.currentPointer.end.x,n=l.y-this.currentPointer.end.y,i=Math.sqrt(s*s+n*n));let t,r;e?(t=Math.max(this.currentPointer.end.x,l.x),r=Math.min(this.currentPointer.end.x,l.x),Math.max(this.currentPointer.end.y,l.y),Math.min(this.currentPointer.end.y,l.y)):(t=Math.max(this.currentPointer.end.x,this.currentPointer.start.x),r=Math.min(this.currentPointer.end.x,this.currentPointer.start.x),Math.max(this.currentPointer.end.y,this.currentPointer.start.y),Math.min(this.currentPointer.end.y,this.currentPointer.start.y)),this.$nextTick(()=>{switch(!0){case this.activeShape==="arrow":this.shapes.at(-1).endX=this.currentPointer.end.x,this.shapes.at(-1).endY=this.currentPointer.end.y;break;case this.activeShape==="circle":const d=20;this.shapes.at(-1).circleRadius=this.isDrawingNewShape?this.copy(t-r)+d:i+d;break;case this.activeShape==="line":this.shapes.at(-1).path+=` ${this.pointerPosition.x} ${this.pointerPosition.y} `;break;case["rect","group"].includes(this.activeShape):const c=20;this.shapes.at(-1).rectWidth=this.copy(this.currentPointer.end.x-this.shapes.at(-1).x)>0?this.copy(this.currentPointer.end.x-this.shapes.at(-1).x):c,this.shapes.at(-1).rectHeight=this.copy(this.currentPointer.end.y-this.shapes.at(-1).y)>0?this.copy(this.currentPointer.end.y-this.shapes.at(-1).y):c}})},drawDown(){if(this.isDrawing=!0,!this.activeShape&&!this.isSelectMode||!this.isDrawing)return;this.isDrawingNewShape=!0,this.currentPointer.start={x:this.pointerPosition.x,y:this.pointerPosition.y};let e=`${this.isSelectMode?"group":this.activeShape}_${Math.random()*1e4}_${Date.now()}`;switch(!0){case this.activeShape==="arrow":this.shapes.push({id:e,x:this.pointerPosition.x,y:this.pointerPosition.y,endX:this.pointerPosition.x,endY:this.pointerPosition.y,type:this.activeShape,color:this.copy(this.selectedColor),strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash)}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="circle":this.shapes.push({alpha:this.options.circle.filled?this.colorTransparency:"",id:e,color:this.copy(this.selectedColor),isFilled:this.copy(this.options.circle.filled),circleRadius:this.copy(this.options.circle.radius),circleStrokeWidth:this.copy(this.options.circle.strokeWidth),type:this.activeShape,x:this.pointerPosition.x,y:this.pointerPosition.y,strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash)}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="line":this.shapes.push({alpha:this.copy(this.colorTransparency),id:e,x:this.pointerPosition.x,y:this.pointerPosition.y,type:this.activeShape,color:this.copy(this.selectedColor),strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash),path:`${this.pointerPosition.x} ${this.pointerPosition.y}`}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="rect":this.shapes.push({alpha:this.options.rect.filled?this.colorTransparency:"",id:e,color:this.copy(this.selectedColor),isFilled:this.copy(this.options.rect.filled),rectStrokeWidth:this.copy(this.options.rect.strokeWidth),rectHeight:this.copy(this.options.rect.height),rectWidth:this.copy(this.options.rect.width),type:this.activeShape,x:this.pointerPosition.x,y:this.pointerPosition.y,strokeWidth:this.copy(Math.abs(this.strokeSize)),isDash:this.copy(this.isDash)}),this.lastSelectedShape=this.shapes.at(-1);break;case this.activeShape==="group":this.shapes.push({alpha:1,id:`group_${Math.random()*1e4}_${Date.now()}`,x:this.pointerPosition.x,y:this.pointerPosition.y,isFilled:!1,rectHeight:this.copy(this.options.rect.height),rectWidth:this.copy(this.options.rect.width),rectStrokeWidth:1,type:"group",color:"grey",strokeWidth:1,isDash:!0,content:""});break}if((this.pointerDownId!==-1||!this.isDrawing)&&(clearInterval(this.pointerDownId),this.pointerDownId=-1),this.pointerDownId===-1&&this.isDrawing){this.pointerDownId=setInterval(this.drawUp,1);return}},move(e){if(!(!e||!e.id||e.type==="line"))switch(this.lastSelectedShape=e,!0){case e.type==="arrow":e.x=this.copy(this.pointerPosition.x),e.y=this.copy(this.pointerPosition.y);break;case e.type==="circle":e.x=this.copy(this.pointerPosition.x),e.y=this.copy(this.pointerPosition.y);break;case e.type==="group":this.moveGroup(e);break;case e.type==="rect":e.x=this.copy(this.pointerPosition.x-e.rectWidth/2),e.y=this.copy(this.pointerPosition.y-e.rectHeight/2);break;case e.type==="text":const l=Array.from(document.getElementsByTagName("text")).find(r=>r.id===e.id);if(!l)return;const{x:s,y:n,width:i,height:t}=l.getBBox();e.textAlign==="start"&&(e.x=this.copy(this.pointerPosition.x-i/2)),e.textAlign==="middle"&&(e.x=this.copy(this.pointerPosition.x)),e.textAlign==="end"&&(e.x=this.copy(this.pointerPosition.x+i/2)),e.lines>1?e.y=this.copy(this.pointerPosition.y-t/3):e.y=this.copy(this.pointerPosition.y+e.fontSize/2);break}},moveDown(){if(!this.currentTarget||!this.currentTarget.id)return;const e=this.currentTarget.id,l=this.shapes.find(s=>s.id===e);this.shapes=this.shapes.filter(s=>s.id!==e),this.shapes.push(l),this.pointerDownId===-1&&e&&this.move(l)},print(){this.isPrinting=!0,this.isDeleteMode=!1,this.isMoveMode=!1,this.isResizeMode=!1,this.isTextMode=!1,this.isWriting=!1,this.isSelectMode=!1,this.activeShape=void 0,this.showCaret=!1,this.$nextTick(()=>{const e=this.$refs.drawSvgContainer,l={height:851.89,width:595.28};this.walkTheDOM(e,s=>{s&&s.nodeType===1&&(s.setAttribute("font-family","Helvetica"),s.style.fontFamily="Helvetica",s.replaceWith(s))}),b.default(e).then(s=>{const n=s.width,i=s.height,t=n/l.width*l.height;let r=i,d=0;const c=l.width,y=582.28/n*i,N=s.toDataURL("image/png",1),h=new I.E("","pt","a4");if(r<t)h.addImage(N,"PNG",0,0,c,y,"","FAST");else for(;r>0;)h.addImage(N,"PNG",0,d,c,y,"","FAST"),r-=t,d-=l.height-24,r>0&&h.addPage();h.save(`${new Date().toLocaleDateString()}_annotations.pdf`)}).finally(()=>{this.isPrinting=!1,this.walkTheDOM(e,s=>{s&&s.nodeType===1&&(s.setAttribute("font-family",this.FINAL_CONFIG.style.fontFamily),s.style.fontFamily=this.FINAL_CONFIG.style.fontFamily,s.replaceWith(s))})})})},resetDraw(){this.isDrawing=!1,this.isMouseDown=!1,this.pointerDownId=-1,this.isSelectMode&&this.groupShapes(),clearInterval(this.pointerDownId)},resize(){this.isDrawingNewShape=!1;const e=this.currentTarget.id;if(!e)return;this.isDrawing=!0;const l=this.shapes.find(s=>s.id===e);this.activeShape=l.type,this.shapes=this.shapes.filter(s=>s.id!==e),this.shapes.push(l),this.drawUp(!0)},setFillOfSelectedRect(){!this.lastSelectedShape||!this.lastSelectedShape.id.includes("rect")||(this.lastSelectedShape.isFilled=!this.lastSelectedShape.isFilled)},setFillOfSelectedCircle(){!this.lastSelectedShape||!this.lastSelectedShape.id.includes("circle")||(this.lastSelectedShape.isFilled=!this.lastSelectedShape.isFilled)},setColorOfSelectedShape(){this.lastSelectedShape&&(this.lastSelectedShape.color=this.copy(this.selectedColor),!["arrow","text"].includes(this.lastSelectedShape.id)&&(this.lastSelectedShape.alpha=this.copy(this.colorTransparency)))},setSelectedShapeToDash(){!this.lastSelectedShape||this.lastSelectedShape.type==="text"||(this.lastSelectedShape.isDash=this.copy(this.isDash))},setTransparencyOfSelectedShape(){!this.lastSelectedShape||["arrow","text"].includes(this.lastSelectedShape.id)||(this.lastSelectedShape.alpha=this.copy(this.colorTransparency))},setStrokeWidthOfSelectedShape(){!this.lastSelectedShape||!["arrow","circle","rect","line"].includes(this.lastSelectedShape.type)||(this.lastSelectedShape.strokeWidth=this.copy(Math.abs(this.strokeSize)))},setCurrentStyleOfSelectedText(){!this.lastSelectedShape||this.lastSelectedShape.type!=="text"||(this.lastSelectedShape.isBold=this.copy(this.isBold),this.lastSelectedShape.isItalic=this.copy(this.isItalic),this.lastSelectedShape.isUnderline=this.copy(this.isUnderline),this.lastSelectedShape.fontSize=this.copy(this.textFont),this.lastSelectedShape.isBulletTextMode=this.copy(this.isBulletTextMode))},setPointer(e){e.preventDefault();const s=this.$refs.mainSvg.getBoundingClientRect();let n,i;e.touches&&e.touches.length>0?(n=e.touches[0].clientX,i=e.touches[0].clientY):(n=e.clientX,i=e.clientY),this.pointerPosition.x=(n-s.left)/s.width*this.svgWidth,this.pointerPosition.y=(i-s.top)/s.height*this.svgHeight},setShapeTo(e){if(this.showCaret=!1,this.deleteEmptyTextElement(),e===this.activeShape){this.activeShape=void 0,this.isDrawMode=!1;return}this.isDrawMode=!0,this.isDeleteMode=!1,this.isMoveMode=!1,this.isResizeMode=!1,this.isTextMode=!1,this.activeShape=e},toggleSummary(){this.isSummaryOpen=!this.isSummaryOpen,this.isSummaryOpen||(this.isMoveMode=!1,this.isResizeMode=!1,this.isTextMode=!1,this.isWriting=!1,this.activeShape=void 0,this.showCaret=!1,this.isDeleteMode=!1,this.isWriting=!1),this.$emit("toggleOpenState",{isOpen:this.isSummaryOpen})},walkTheDOM(e,l){for(l(e),e=e.firstChild;e;)this.walkTheDOM(e,l),e=e.nextSibling},save(){this.$emit("saveAnnotations",{shapes:this.shapes,lastSelectedShape:this.lastSelectedShape})}}},a=e=>(o.pushScopeId("data-v-14ebd65f"),e=e(),o.popScopeId(),e),C={class:"vue-ui-annotator"},S={"data-html2canvas-ignore":""},x={class:"tool-selection",style:{"margin-top":"24px"}},k=["disabled"],g=o.createStaticVNode('<svg xmlns="http://www.w3.org/2000/svg" width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M18 9l3 3l-3 3" data-v-14ebd65f></path><path d="M15 12h6" data-v-14ebd65f></path><path d="M6 9l-3 3l3 3" data-v-14ebd65f></path><path d="M3 12h6" data-v-14ebd65f></path><path d="M9 18l3 3l3 -3" data-v-14ebd65f></path><path d="M12 15v6" data-v-14ebd65f></path><path d="M15 6l-3 -3l-3 3" data-v-14ebd65f></path><path d="M12 3v6" data-v-14ebd65f></path></svg>',1),m=["disabled"],p=a(()=>o.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M4 11v8a1 1 0 0 0 1 1h8m-9 -14v-1a1 1 0 0 1 1 -1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1 -1 1h-1"}),o.createElementVNode("path",{d:"M4 12h7a1 1 0 0 1 1 1v7"})],-1)),_=["disabled"],v=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M4 7l16 0" data-v-14ebd65f></path><path d="M10 11l0 6" data-v-14ebd65f></path><path d="M14 11l0 6" data-v-14ebd65f></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" data-v-14ebd65f></path><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" data-v-14ebd65f></path></svg>',1),w=["disabled"],A={style:{width:"80%"},viewBox:"0 0 24 24"},M=a(()=>o.createElementVNode("path",{fill:"currentColor",d:"M1,1V5H2V19H1V23H5V22H19V23H23V19H22V5H23V1H19V2H5V1M5,4H19V5H20V19H19V20H5V19H4V5H5M6,6V14H9V18H18V9H14V6M8,8H12V12H8M14,11H16V16H11V14H14"},null,-1)),O=[M],L=["disabled"],G={style:{width:"80%"},viewBox:"0 0 24 24"},z=a(()=>o.createElementVNode("path",{fill:"currentColor",d:"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z"},null,-1)),B=[z],T=["disabled"],D={style:{width:"80%"},viewBox:"0 0 24 24"},V=a(()=>o.createElementVNode("path",{fill:"currentColor",d:"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z"},null,-1)),E=[V],R=["disabled"],H=a(()=>o.createElementVNode("svg",{width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M7 3m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z"}),o.createElementVNode("path",{d:"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"})],-1)),W=["disabled"],P=a(()=>o.createElementVNode("svg",{width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M9 14l-4 -4l4 -4"}),o.createElementVNode("path",{d:"M5 10h11a4 4 0 1 1 0 8h-1"})],-1)),X=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" data-v-14ebd65f></path><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" data-v-14ebd65f></path><path d="M7 13m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z" data-v-14ebd65f></path></svg>',1),U=o.createStaticVNode('<svg width="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" data-v-14ebd65f></path><path d="M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" data-v-14ebd65f></path><path d="M14 4l0 4l-6 0l0 -4" data-v-14ebd65f></path></svg>',1),Y={class:"tool-selection",style:{"margin-top":"6px"}},j={viewBox:"0 0 12 12",style:{width:"100%"}},q=["fill"],Z={key:0,class:"tool-input"},J={for:"circleFill"},K=["checked"],Q={viewBox:"0 0 12 12",style:{width:"100%"}},$=["fill"],ee={key:1,class:"tool-input"},te={for:"rectFill"},oe=["checked"],ie={viewBox:"0 0 24 24",style:{width:"100%"}},le=["stroke"],se=a(()=>o.createElementVNode("svg",{width:"80%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M3 15c2 3 4 4 7 4s7 -3 7 -7s-3 -7 -6 -7s-5 1.5 -5 4s2 5 6 5s8.408 -2.453 10 -5"})],-1)),re={key:2},ne={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},de={for:"textFont",style:{"font-size":"0.7em"}},ce={key:3},ae={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},he={for:"dashStyle",style:{"font-size":"0.7em"}},ue={viewBox:"0 0 24 24",height:"24",width:"24",style:{"margin-bottom":"-5px","margin-top":"-10px"}},ye=a(()=>o.createElementVNode("line",{x1:"0",x2:"24",y1:"12",y2:"12","stroke-width":"2",stroke:"black","stroke-dasharray":"3"},null,-1)),Ne=[ye],be=["checked"],Ie={style:{width:"80%"},viewBox:"0 0 24 24",fill:"currentColor"},Fe=a(()=>o.createElementVNode("path",{d:"M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z"},null,-1)),fe=[Fe],Ce={key:4},Se={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},xe={for:"textFont",style:{"font-size":"0.7em"}},ke={key:5},ge=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M4 6l16 0" data-v-14ebd65f></path><path d="M4 12l10 0" data-v-14ebd65f></path><path d="M4 18l14 0" data-v-14ebd65f></path></svg>',1),me={key:6},pe=["disabled"],_e=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M4 6l16 0" data-v-14ebd65f></path><path d="M8 12l8 0" data-v-14ebd65f></path><path d="M6 18l12 0" data-v-14ebd65f></path></svg>',1),ve={key:7},we=["disabled"],Ae=o.createStaticVNode('<svg width="80%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M4 6l16 0" data-v-14ebd65f></path><path d="M10 12l10 0" data-v-14ebd65f></path><path d="M6 18l14 0" data-v-14ebd65f></path></svg>',1),Me={key:8},Oe=o.createStaticVNode('<svg width="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M9 6l11 0" data-v-14ebd65f></path><path d="M9 12l11 0" data-v-14ebd65f></path><path d="M9 18l11 0" data-v-14ebd65f></path><path d="M5 6l0 .01" data-v-14ebd65f></path><path d="M5 12l0 .01" data-v-14ebd65f></path><path d="M5 18l0 .01" data-v-14ebd65f></path></svg>',1),Le={key:9},Ge=a(()=>o.createElementVNode("svg",{width:"100%",viewBox:"0 0 24 24","stroke-width":"3",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M7 5h6a3.5 3.5 0 0 1 0 7h-6z"}),o.createElementVNode("path",{d:"M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7"})],-1)),ze={key:10},Be=o.createStaticVNode('<svg width="100%" height="44" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" data-v-14ebd65f><path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-14ebd65f></path><path d="M11 5l6 0" data-v-14ebd65f></path><path d="M7 19l6 0" data-v-14ebd65f></path><path d="M14 5l-4 14" data-v-14ebd65f></path></svg>',1),Te={key:11},De=a(()=>o.createElementVNode("svg",{width:"100%",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},[o.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),o.createElementVNode("path",{d:"M7 5v5a5 5 0 0 0 10 0v-5"}),o.createElementVNode("path",{d:"M5 19h14"})],-1)),Ve={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"},class:"tooltip"},Ee={style:{display:"flex","flex-direction":"column","align-items":"start","justify-content":"center"}},Re={for:"colorTransparency",style:{"font-size":"0.7em"}},He={class:"annotator annotator__wrapper",ref:"drawSvgContainer",style:{position:"relative"}},We=["viewBox","width","height"],Pe=["id","innerHTML"],Xe=["height","viewBox","width"],Ue=["cx","cy"];function Ye(e,l,s,n,i,t){return o.openBlock(),o.createElementBlock("div",C,[o.createElementVNode("div",S,[o.createElementVNode("details",{class:"vue-ui-annotator-summary",onToggle:l[36]||(l[36]=(...r)=>t.toggleSummary&&t.toggleSummary(...r)),style:o.normalizeStyle(`${i.isSummaryOpen?"padding-bottom: 12px":""}; background: ${t.FINAL_CONFIG.style.backgroundColor}; color:${t.FINAL_CONFIG.style.color}; ${t.FINAL_CONFIG.style.fixedTools&&i.isSummaryOpen?"position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;":""}`)},[o.createElementVNode("summary",null,o.toDisplayString(t.FINAL_CONFIG.translations.title),1),o.createElementVNode("div",x,[o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:i.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isMoveMode,tooltip:!0}),onClick:l[0]||(l[0]=r=>{t.deleteEmptyTextElement(),i.isMoveMode=!i.isMoveMode,i.activeShape=void 0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isResizeMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1})},[g,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipMove),5)):o.createCommentVNode("",!0)],14,k),o.createElementVNode("button",{disabled:i.shapes.length===0||i.activeShape==="line",style:o.normalizeStyle({background:i.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isResizeMode,tooltip:!0}),onClick:l[1]||(l[1]=r=>{t.deleteEmptyTextElement(),i.isResizeMode=!i.isResizeMode,i.isMoveMode=!1,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape=void 0,i.showCaret=!1})},[p,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipResize),5)):o.createCommentVNode("",!0)],14,m),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:i.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isDeleteMode,tooltip:!0}),onClick:l[2]||(l[2]=r=>{t.deleteEmptyTextElement(),i.isDeleteMode=!i.isDeleteMode,i.isMoveMode=!1,i.isResizeMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape=void 0,i.showCaret=!1})},[v,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipDelete),5)):o.createCommentVNode("",!0)],14,_),o.createElementVNode("button",{disabled:!t.canSelect,style:o.normalizeStyle({background:i.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:i.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:i.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isSelectMode,tooltip:!0}),onClick:l[3]||(l[3]=r=>{t.deleteEmptyTextElement(),t.setShapeTo("group"),i.isSelectMode=!i.isSelectMode,i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape="group",i.showCaret=!1})},[(o.openBlock(),o.createElementBlock("svg",A,O)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipGroup),5)):o.createCommentVNode("",!0)],14,w),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[4]||(l[4]=r=>{i.isResizeMode=!1,i.isMoveMode=!0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1,t.bringShapeTo("front")})},[(o.openBlock(),o.createElementBlock("svg",G,B)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipBringToFront),5)):o.createCommentVNode("",!0)],12,L),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[5]||(l[5]=r=>{i.isResizeMode=!1,i.isMoveMode=!0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1,t.bringShapeTo("back")})},[(o.openBlock(),o.createElementBlock("svg",D,E)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipBringToBack),5)):o.createCommentVNode("",!0)],12,T),o.createElementVNode("button",{disabled:i.shapes.length===0||i.activeShape==="line",style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[6]||(l[6]=r=>{t.deleteEmptyTextElement(),i.isResizeMode=!1,i.isMoveMode=!0,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.showCaret=!1,t.copyPaste()})},[H,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipDuplicate),5)):o.createCommentVNode("",!0)],12,R),o.createElementVNode("button",{disabled:i.shapes.length===0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,"button-tool--one-shot":!0,tooltip:!0}),onClick:l[7]||(l[7]=r=>{i.isResizeMode=!1,i.isMoveMode=!1,i.isDeleteMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.isTextMode=!1,i.isWriting=!1,i.activeShape=void 0,i.showCaret=!1,t.undoLastShape()})},[P,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipUndo),5)):o.createCommentVNode("",!0)],12,W),t.FINAL_CONFIG.style.showPrint?(o.openBlock(),o.createElementBlock("button",{key:0,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[8]||(l[8]=(...r)=>t.print&&t.print(...r))},[X,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipPdf),5)):o.createCommentVNode("",!0)],4)):o.createCommentVNode("",!0),t.FINAL_CONFIG.style.showSave?(o.openBlock(),o.createElementBlock("button",{key:1,style:o.normalizeStyle({background:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:t.FINAL_CONFIG.style.buttons.controls.border,color:t.FINAL_CONFIG.style.buttons.controls.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),class:o.normalizeClass({"button-tool":!0,tooltip:!0}),onClick:l[9]||(l[9]=(...r)=>t.save&&t.save(...r))},[U,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipSave),5)):o.createCommentVNode("",!0)],4)):o.createCommentVNode("",!0)]),o.createElementVNode("div",Y,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="circle",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[10]||(l[10]=r=>{t.setShapeTo("circle"),i.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",j,[o.createElementVNode("circle",{cx:6,cy:6,r:"4",fill:i.options.circle.filled?(i.activeShape==="circle",i.selectedColor+t.colorTransparency):"none",stroke:"currentColor"},null,8,q)])),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeCircle),5)):o.createCommentVNode("",!0)],6),i.activeShape==="circle"?(o.openBlock(),o.createElementBlock("div",Z,[o.createElementVNode("label",J,o.toDisplayString(t.FINAL_CONFIG.translations.filled),1),o.withDirectives(o.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":l[11]||(l[11]=r=>i.options.circle.filled=r),onChange:l[12]||(l[12]=(...r)=>t.setFillOfSelectedCircle&&t.setFillOfSelectedCircle(...r)),checked:i.options.circle.filled},null,40,K),[[o.vModelCheckbox,i.options.circle.filled]])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="rect",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[13]||(l[13]=r=>{t.setShapeTo("rect"),i.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",Q,[o.createElementVNode("rect",{x:"3",y:"3",style:{rx:"0 !important",ry:"0 !important"},height:"6",width:"6",fill:i.options.rect.filled?(i.activeShape==="rect",i.selectedColor+t.colorTransparency):"none",stroke:"currentColor"},null,8,$)])),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeRect),5)):o.createCommentVNode("",!0)],6),i.activeShape==="rect"?(o.openBlock(),o.createElementBlock("div",ee,[o.createElementVNode("label",te,o.toDisplayString(t.FINAL_CONFIG.translations.filled),1),o.withDirectives(o.createElementVNode("input",{id:"rectFill",type:"checkbox","onUpdate:modelValue":l[14]||(l[14]=r=>i.options.rect.filled=r),onChange:l[15]||(l[15]=(...r)=>t.setFillOfSelectedRect&&t.setFillOfSelectedRect(...r)),checked:i.options.rect.filled},null,40,oe),[[o.vModelCheckbox,i.options.rect.filled]])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="arrow",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[16]||(l[16]=r=>{t.setShapeTo("arrow"),i.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",ie,[o.createElementVNode("path",{stroke:i.options.arrow.filled?i.activeShape==="arrow"?"white":"grey":"none","stroke-width":"2",d:"M5,19 19,5 14,5 19,10.5 19,5",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},null,8,le)])),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeArrow),5)):o.createCommentVNode("",!0)],6),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.activeShape==="line",tooltip:!0}),style:o.normalizeStyle({background:i.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[17]||(l[17]=r=>{t.setShapeTo("line"),i.isSelectMode=!1})},[se,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeFreehand),5)):o.createCommentVNode("",!0)],6),["arrow","circle","rect","line"].includes(i.activeShape)?(o.openBlock(),o.createElementBlock("div",re,[o.createElementVNode("div",ne,[o.createElementVNode("label",de,o.toDisplayString(t.FINAL_CONFIG.translations.thickness),1),o.withDirectives(o.createElementVNode("input",{id:"textFont",type:"number","onUpdate:modelValue":l[18]||(l[18]=r=>i.strokeSize=r),onInput:l[19]||(l[19]=(...r)=>t.setStrokeWidthOfSelectedShape&&t.setStrokeWidthOfSelectedShape(...r)),style:{padding:"0 4px",width:"40px",border:"1px solid #dadada","border-radius":"3px"}},null,544),[[o.vModelText,i.strokeSize]])])])):o.createCommentVNode("",!0),["arrow","circle","rect"].includes(i.activeShape)?(o.openBlock(),o.createElementBlock("div",ce,[o.createElementVNode("div",ae,[o.createElementVNode("label",he,o.toDisplayString(t.FINAL_CONFIG.translations.dashedLines),1),(o.openBlock(),o.createElementBlock("svg",ue,Ne)),o.withDirectives(o.createElementVNode("input",{id:"dashStyle",name:"dashStyle",type:"checkbox","onUpdate:modelValue":l[20]||(l[20]=r=>i.isDash=r),onChange:l[21]||(l[21]=(...r)=>t.setSelectedShapeToDash&&t.setSelectedShapeToDash(...r)),checked:i.isDash},null,40,be),[[o.vModelCheckbox,i.isDash]])])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isTextMode,tooltip:!0}),style:o.normalizeStyle({background:i.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[22]||(l[22]=r=>{t.deleteEmptyTextElement(),i.isTextMode=!i.isTextMode,i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isSelectMode=!1,i.isDrawMode=!1,i.activeShape=void 0})},[(o.openBlock(),o.createElementBlock("svg",Ie,fe)),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeText),5)):o.createCommentVNode("",!0)],6),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Ce,[o.createElementVNode("div",Se,[o.createElementVNode("label",xe,o.toDisplayString(t.FINAL_CONFIG.translations.fontSize),1),o.withDirectives(o.createElementVNode("input",{id:"textFont",type:"number","onUpdate:modelValue":l[23]||(l[23]=r=>i.textFont=r),onInput:l[24]||(l[24]=(...r)=>t.setCurrentStyleOfSelectedText&&t.setCurrentStyleOfSelectedText(...r)),style:{padding:"0 4px",width:"40px",border:"1px solid #dadada","border-radius":"3px"}},null,544),[[o.vModelText,i.textFont]])])])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",ke,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.textAlign==="start",tooltip:!0}),style:o.normalizeStyle({background:i.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[25]||(l[25]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.textAlign="start",t.setSelectedTextAlignTo("start")})},[ge,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextLeft),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",me,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.textAlign==="middle",tooltip:!0}),style:o.normalizeStyle({background:i.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),disabled:i.isBulletTextMode,onClick:l[26]||(l[26]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.textAlign="middle",t.setSelectedTextAlignTo("middle")})},[_e,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextCenter),5)):o.createCommentVNode("",!0)],14,pe)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",ve,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.textAlign==="end",tooltip:!0}),style:o.normalizeStyle({background:i.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),disabled:i.isBulletTextMode,onClick:l[27]||(l[27]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.textAlign="end",t.setSelectedTextAlignTo("end")})},[Ae,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextRight),5)):o.createCommentVNode("",!0)],14,we)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Me,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isBulletTextMode,tooltip:!0}),style:o.normalizeStyle({background:i.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[28]||(l[28]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isBulletTextMode=!i.isBulletTextMode,i.textAlign="start",t.setSelectedTextAlignTo("start"),t.setCurrentStyleOfSelectedText()})},[Oe,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextBullet),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Le,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isBold,tooltip:!0}),style:o.normalizeStyle({background:i.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[29]||(l[29]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isBold=!i.isBold,t.setCurrentStyleOfSelectedText()})},[Ge,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextBold),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",ze,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isItalic,tooltip:!0}),style:o.normalizeStyle({background:i.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[30]||(l[30]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isItalic=!i.isItalic,t.setCurrentStyleOfSelectedText()})},[Be,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextItalic),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),i.isTextMode?(o.openBlock(),o.createElementBlock("div",Te,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":i.isUnderline,tooltip:!0}),style:o.normalizeStyle({background:i.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:i.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:i.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.color:t.FINAL_CONFIG.style.buttons.shapes.color,borderRadius:`${t.FINAL_CONFIG.style.buttons.borderRadius}px`}),onClick:l[31]||(l[31]=r=>{i.isDeleteMode=!1,i.isMoveMode=!1,i.isResizeMode=!1,i.isDrawMode=!1,i.isSelectMode=!1,i.activeShape=void 0,i.isUnderline=!i.isUnderline,t.setCurrentStyleOfSelectedText()})},[De,t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeTextUnderline),5)):o.createCommentVNode("",!0)],6)])):o.createCommentVNode("",!0),o.createElementVNode("div",Ve,[o.withDirectives(o.createElementVNode("input",{type:"color",id:"colorPicker",name:"colorPicker","onUpdate:modelValue":l[32]||(l[32]=r=>i.selectedColor=r),onInput:l[33]||(l[33]=(...r)=>t.setColorOfSelectedShape&&t.setColorOfSelectedShape(...r)),style:o.normalizeStyle(`height: 30px; width: 30px; border-radius: ${t.FINAL_CONFIG.style.buttons.borderRadius}px; cursor: pointer`)},null,36),[[o.vModelText,i.selectedColor]]),t.FINAL_CONFIG.style.showTooltips?(o.openBlock(),o.createElementBlock("span",{key:0,class:"tooltiptext",style:o.normalizeStyle({backgroundColor:t.FINAL_CONFIG.style.tooltips.backgroundColor,color:t.FINAL_CONFIG.style.tooltips.color,border:t.FINAL_CONFIG.style.tooltips.border,borderRadius:`${t.FINAL_CONFIG.style.tooltips.borderRadius}px`,boxShadow:t.FINAL_CONFIG.style.tooltips.boxShadow})},o.toDisplayString(t.FINAL_CONFIG.translations.tooltipShapeColor),5)):o.createCommentVNode("",!0)]),o.createElementVNode("div",Ee,[o.createElementVNode("label",Re,o.toDisplayString(t.FINAL_CONFIG.translations.colorAlpha)+": "+o.toDisplayString(i.transparency>98?100:i.transparency)+" % ",1),o.withDirectives(o.createElementVNode("input",{id:"colorTransparency",name:"colorTransparency",type:"range","onUpdate:modelValue":l[34]||(l[34]=r=>i.transparency=r),onInput:l[35]||(l[35]=(...r)=>t.setTransparencyOfSelectedShape&&t.setTransparencyOfSelectedShape(...r)),min:0,max:100,style:{width:"100px"}},null,544),[[o.vModelText,i.transparency]])])])],36)]),o.createElementVNode("div",He,[o.renderSlot(e.$slots,"default",{},void 0,!0),i.isSummaryOpen?(o.openBlock(),o.createElementBlock("svg",{id:"annotatorSvg",key:i.step,ref:"mainSvg",class:o.normalizeClass({draw:!0,"draw--free":i.activeShape==="line"}),style:o.normalizeStyle([`cursor:${t.cursorClass}; font-family: Helvetica; z-index: 100000000;`,{position:"absolute",top:"0",left:"0"}]),viewBox:`0 0 ${i.svgWidth} ${i.svgHeight}`,width:i.sourceWidth,height:i.sourceHeight,onPointerdown:l[38]||(l[38]=r=>t.chooseAction(r)),onPointerup:l[39]||(l[39]=(...r)=>t.resetDraw&&t.resetDraw(...r)),onTouchend:l[40]||(l[40]=(...r)=>t.resetDraw&&t.resetDraw(...r)),onTouchstart:l[41]||(l[41]=r=>{t.setPointer(r),t.clickSvg(r)}),onPointermove:l[42]||(l[42]=r=>{t.setPointer(r),t.chooseMove(r)}),onPointerout:l[43]||(l[43]=r=>{i.preventEdit=!0,i.hoveredShapeId=void 0}),onPointerover:l[44]||(l[44]=r=>t.allowEditAndHoverShapes(r)),onClick:l[45]||(l[45]=r=>t.clickSvg(r))},[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.userShapes,(r,d)=>(o.openBlock(),o.createElementBlock("g",{key:`shape_${d}`,id:r.id,innerHTML:r,onClick:l[37]||(l[37]=c=>{t.clickShape(c),i.isMoveMode=!1})},null,8,Pe))),128))],46,We)):o.createCommentVNode("",!0),i.isPrinting?(o.openBlock(),o.createElementBlock("svg",{key:1,style:{position:"absolute",top:"0",left:"0"},height:i.sourceHeight,viewBox:`0 0 ${i.svgWidth} ${i.svgHeight}`,width:i.sourceWidth},[o.createElementVNode("circle",{class:"animated-circle-print",cx:i.svgWidth/2,cy:i.svgHeight/2,r:"50",stroke:"#6376DD","stroke-width":"10",fill:"none"},null,8,Ue)],8,Xe)):o.createCommentVNode("",!0)],512)])}const je=F._export_sfc(f,[["render",Ye],["__scopeId","data-v-14ebd65f"]]);exports.default=je;

package/dist/{vue-ui-candlestick-D7DjdYyw.cjs → vue-ui-candlestick-B9oSgBPN.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-DYUBiaGS.cjs"),ee=require("./useResponsive-B3TrDDIG.cjs"),ge=require("./Title-XBiDFYKD.cjs"),te=require("./usePrinter-ZlHxdaEz.cjs"),me=require("./Tooltip-DxtWkIt5.cjs"),ke=require("./DataTable-DjQzrklZ.cjs"),xe=require("./vue-ui-skeleton-ClpTCY1x.cjs"),be=require("./Slicer-i_oECHxH.cjs"),we=require("./vue-ui-accordion-1WxrfiCH.cjs"),le=require("./useNestedProp-w7AMWWmz.cjs"),Ce=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ne=["id"],$e=["xmlns","viewBox"],_e={key:0},Be=["id"],Se=["stop-color"],Ve=["stop-color"],Ee=["stop-color"],ze=["id"],Te=["stop-color"],Fe=["stop-color"],Ae=["stop-color"],Le={key:0},Re=["x1","x2","y1","y2","stroke","stroke-width"],Pe=["x1","x2","y1","y2","stroke","stroke-width"],Ie={key:1},Oe=["x1","x2","y1","y2","stroke","stroke-width"],Me=["x","y","font-size","fill","font-weight"],Ue={key:2},De=["transform","text-anchor","font-size","fill","font-weight"],qe=["x1","x2","y1","y2","stroke","stroke-width"],We={key:0},Ge=["cx","cy","r","fill"],He=["cx","cy","r","fill"],je={key:1},Xe=["x1","x2","y1","y2","stroke","stroke-width"],Ye=["x1","x2","y1","y2","stroke","stroke-width"],Je=["x","y","height","width","fill","rx"],Ke=["x","y","height","width","fill","rx","stroke","stroke-width"],Qe=["x","y","height","width","fill","onMouseover"],Ze={key:3,class:"vue-data-ui-watermark"},et=["innerHTML"],tt={__name:"vue-ui-candlestick",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(f,{expose:oe}){const h=f,{vue_ui_candlestick:ae}=i.useConfig(),m=e.computed(()=>!!h.dataset&&h.dataset.length),y=e.ref(i.createUid()),ue=e.ref(null),B=e.ref(!1),S=e.ref(""),V=e.ref(void 0),F=e.ref(0),k=e.ref(null),A=e.ref(null),L=e.ref(null),R=e.ref(null),b=e.ref(0),P=e.ref(0),I=e.ref(0),t=e.computed({get:()=>O(),set:l=>l});function O(){const l=le.useNestedProp({userConfig:h.config,defaultConfig:ae});return l.theme?{...le.useNestedProp({userConfig:i.themes.vue_ui_candlestick[l.theme]||h.config,defaultConfig:l})}:l}e.watch(()=>h.config,l=>{t.value=O(),M(),b.value+=1,I.value+=1,P.value+=1},{deep:!0}),e.watch(()=>h.dataset,l=>{d.value.start=0,d.value.end=l.length,b.value+=1},{deep:!0});const r=e.ref({height:t.value.style.height,width:t.value.style.width,xAxisFontSize:t.value.style.layout.grid.xAxis.dataLabels.fontSize,yAxisFontSize:t.value.style.layout.grid.yAxis.dataLabels.fontSize}),w=e.ref(null);e.onMounted(()=>{M()});function M(){if(i.objectIsEmpty(h.dataset)&&i.error({componentName:"VueUiCandlestick",type:"dataset"}),t.value.responsive){const l=ee.throttle(()=>{const{width:u,height:o}=ee.useResponsive({chart:k.value,title:t.value.style.title.text?A.value:null,slicer:R.value,legend:L.value});r.value.width=u,r.value.height=o,r.value.xAxisFontSize=i.translateSize({relator:Math.min(u,o),adjuster:t.value.style.width,source:t.value.style.layout.grid.xAxis.dataLabels.fontSize,threshold:6,fallback:6}),r.value.yAxisFontSize=i.translateSize({relator:Math.min(u,o),adjuster:t.value.style.width,source:t.value.style.layout.grid.yAxis.dataLabels.fontSize,threshold:6,fallback:6})});w.value=new ResizeObserver(l),w.value.observe(k.value.parentNode)}}e.onBeforeUnmount(()=>{w.value&&w.value.disconnect()});const{isPrinting:U,isImaging:D,generatePdf:q,generateImage:W}=te.usePrinter({elementId:`vue-ui-candlestick_${y.value}`,fileName:t.value.style.title.text||"vue-ui-candlestick"}),p=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.tooltip.show}),s=e.computed(()=>{const{top:l,right:u,bottom:o,left:a}=t.value.style.layout.padding;return{top:l,right:r.value.width-u,left:a,bottom:r.value.height-o,width:r.value.width-a-u,height:r.value.height-l-o}}),E=e.computed(()=>h.dataset.length),d=e.ref({start:0,end:E.value}),G=e.computed(()=>h.dataset.slice(d.value.start,d.value.end)),z=e.computed(()=>(h.dataset.forEach((l,u)=>{[null,void 0].includes(l[0])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"period (index 0)",index:u}),[null,void 0].includes(l[1])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"open (index 1)",index:u}),[null,void 0].includes(l[2])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"high (index 2)",index:u}),[null,void 0].includes(l[3])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"low (index 3)",index:u}),[null,void 0].includes(l[4])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"last (index 4)",index:u}),[null,void 0].includes(l[5])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"volume (index 5)",index:u})}),G.value.map(l=>({period:l[0],open:l[1],high:l[2],low:l[3],last:l[4],volume:l[5]})))),n=e.computed(()=>s.value.width/G.value.length),H=e.computed(()=>({max:Math.max(...z.value.map(l=>l.high)),min:0})),g=e.computed(()=>i.calculateNiceScale(H.value.min,H.value.max,t.value.style.layout.grid.yAxis.dataLabels.steps));function C(l,u){return{...l,x:i.checkNaN(s.value.left+u*n.value+n.value/2),y:i.checkNaN(s.value.top+(1-l/g.value.max)*s.value.height),value:i.checkNaN(l)}}const c=e.computed(()=>z.value.map((l,u)=>{const o=C(l.open,u),a=C(l.high,u),v=C(l.low,u),$=C(l.last,u),_=l.last>l.open;return{period:l.period,open:o,high:a,low:v,last:$,volume:l.volume,isBullish:_}}));function ie(l){return i.checkNaN(l/g.value.max)}const se=e.computed(()=>g.value.ticks.map(l=>({y:s.value.bottom-s.value.height*ie(l),value:i.checkNaN(l)}))),ne=e.computed(()=>z.value.map(l=>l.period)),T=e.ref(null);function re(l,u){V.value=l,T.value={datapoint:u,seriesIndex:l,series:c.value,config:t.value};const o=t.value.style.tooltip.customFormat;if(i.isFunction(o)&&i.functionReturnsString(()=>o({seriesIndex:l,datapoint:u,series:c.value,config:t.value})))S.value=o({seriesIndex:l,datapoint:u,series:c.value,config:t.value});else if(t.value.style.tooltip.show){let a="";const{period:v,open:$,high:_,low:J,last:K,volume:Q,isBullish:Z}=c.value[l],{period:ot,open:ve,high:ye,low:he,last:pe,volume:fe}=t.value.translations;a+=`<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${t.value.style.layout.candle.borderRadius*3}" stroke="${t.value.style.layout.candle.stroke}" stroke-width="${t.value.style.layout.candle.strokeWidth}"
-                fill="${t.value.style.layout.candle.gradient.show?Z?`url(#bullish_gradient_${y.value})`:`url(#bearish_gradient_${y.value})`:Z?t.value.style.layout.candle.colors.bullish:t.value.style.layout.candle.colors.bearish}"/></svg>${v}</div>`,a+=`${fe} : <b>${isNaN(Q)?"-":Number(Q.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()}</b>`,a+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${t.value.style.tooltip.borderColor}">`,a+=`<div>${ve}: <b>${t.value.style.tooltip.prefix} ${isNaN($.value)?"-":Number($.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+=`<div>${ye}: <b>${t.value.style.tooltip.prefix} ${isNaN(_.value)?"-":Number(_.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+=`<div>${he}: <b>${t.value.style.tooltip.prefix} ${isNaN(J.value)?"-":Number(J.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+=`<div>${pe}: <b>${t.value.style.tooltip.prefix} ${isNaN(K.value)?"-":Number(K.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+="</div>",S.value=`<div style="text-align:right">${a}</div>`}B.value=!0}function de(){d.value={start:0,end:E.value},b.value+=1}function j(){e.nextTick(()=>{const l=[t.value.translations.period,t.value.translations.open,t.value.translations.high,t.value.translations.low,t.value.translations.last,t.value.translations.volume],u=c.value.map(v=>[v.period,v.open.value,v.high.value,v.low.value,v.last.value,v.volume]),o=[[t.value.style.title.text],[t.value.style.title.subtitle.text],[[""],[""],[""]]].concat([l]).concat(u),a=i.createCsvContent(o);i.downloadCsv({csvContent:a,title:t.value.style.title.text||"vue-ui-candlestick"})})}const N=e.computed(()=>{const l=c.value.map(a=>[`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" :rx="${t.value.style.layout.candle.borderRadius*3}" fill="${t.value.style.layout.candle.gradient.show?a.isBullish?`url(#bullish_gradient_${y.value}`:`url(#bearish_gradient_${y.value})`:a.isBullish?t.value.style.layout.candle.colors.bullish:t.value.style.layout.candle.colors.bearish}"/></svg> ${a.period}`,`${t.value.table.td.prefix} ${isNaN(a.open.value)?"-":Number(a.open.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${t.value.table.td.prefix} ${isNaN(a.high.value)?"-":Number(a.high.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${t.value.table.td.prefix} ${isNaN(a.low.value)?"-":Number(a.low.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${t.value.table.td.prefix} ${isNaN(a.last.value)?"-":Number(a.last.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${isNaN(a.volume)?"-":a.volume.toLocaleString()}`]),u={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},o=[t.value.translations.period,t.value.translations.open,t.value.translations.high,t.value.translations.low,t.value.translations.last,t.value.translations.volume];return{head:o,body:l,config:u,colNames:o}}),x=e.ref(!1);function ce(l){x.value=l,F.value+=1}function X(){p.value.showTable=!p.value.showTable}function Y(){p.value.showTooltip=!p.value.showTooltip}return oe({generatePdf:q,generateCsv:j,generateImage:W,toggleTable:X,toggleTooltip:Y}),(l,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"candlestickChart",ref:k,class:e.normalizeClass(`vue-ui-candlestick ${x.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`position:relative;font-family:${t.value.style.fontFamily}; text-align:center;${t.value.style.title.text?"":"padding-top:36px"};background:${t.value.style.backgroundColor}; ${t.value.responsive?"height: 100%":""}`),id:`vue-ui-candlestick_${y.value}`},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:A,style:e.normalizeStyle(`width:100%;background:${t.value.style.backgroundColor}`)},[(e.openBlock(),e.createBlock(ge._sfc_main,{key:`title_${I.value}`,config:{title:{cy:"candlestick-div-title",...t.value.style.title},subtitle:{cy:"candlestick-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&m.value?(e.openBlock(),e.createBlock(te.UserOptions,{ref_key:"details",ref:ue,key:`user_options_${F.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isImaging:e.unref(D),isPrinting:e.unref(U),uid:y.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:x.value,isTooltip:p.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:k.value,onToggleFullscreen:ce,onGeneratePdf:e.unref(q),onGenerateCsv:j,onGenerateImage:e.unref(W),onToggleTable:X,onToggleTooltip:Y},e.createSlots({_:2},[l.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:a})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:a})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(i.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":x.value,"vue-data-ui-fulscreen--off":!x.value}),viewBox:`0 0 ${r.value.width<=0?10:r.value.width} ${r.value.height<=0?10:r.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.backgroundColor};color:${t.value.style.color}`)},[c.value.length>0?(e.openBlock(),e.createElementBlock("g",_e,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:`bearish_gradient_${y.value}`,x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.layout.candle.colors.bearish},null,8,Se),e.createElementVNode("stop",{offset:"50%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bearish,.02)}DE`},null,8,Ve),e.createElementVNode("stop",{offset:"100%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bearish,.05)}66`},null,8,Ee)],8,Be),e.createElementVNode("linearGradient",{id:`bullish_gradient_${y.value}`,x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.layout.candle.colors.bullish},null,8,Te),e.createElementVNode("stop",{offset:"50%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bullish,.02)}DE`},null,8,Fe),e.createElementVNode("stop",{offset:"100%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bullish,.05)}66`},null,8,Ae)],8,ze)]),t.value.style.layout.grid.show?(e.openBlock(),e.createElementBlock("g",Le,[e.createElementVNode("line",{x1:s.value.left,x2:s.value.left,y1:s.value.top,y2:s.value.bottom,stroke:t.value.style.layout.grid.stroke,"stroke-width":t.value.style.layout.grid.strokeWidth,"stroke-linecap":"round"},null,8,Re),e.createElementVNode("line",{x1:s.value.left,x2:s.value.right,y1:s.value.bottom,y2:s.value.bottom,stroke:t.value.style.layout.grid.stroke,"stroke-width":t.value.style.layout.grid.strokeWidth,"stroke-linecap":"round"},null,8,Pe)])):e.createCommentVNode("",!0),t.value.style.layout.grid.yAxis.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,(o,a)=>(e.openBlock(),e.createElementBlock("g",null,[o.value>=g.value.min&&o.value<=g.value.max?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value.left,x2:s.value.left-5,y1:o.y,y2:o.y,stroke:t.value.style.layout.grid.stroke,"stroke-width":t.value.style.layout.grid.strokeWidth,"stroke-linecap":"round"},null,8,Oe)):e.createCommentVNode("",!0),o.value>=g.value.min&&o.value<=g.value.max?(e.openBlock(),e.createElementBlock("text",{key:1,x:s.value.left-8+t.value.style.layout.grid.yAxis.dataLabels.offsetX,y:o.y+r.value.yAxisFontSize/3,"font-size":r.value.yAxisFontSize,"text-anchor":"end",fill:t.value.style.layout.grid.yAxis.dataLabels.color,"font-weight":t.value.style.layout.grid.yAxis.dataLabels.bold?"bold":"normal"},e.toDisplayString(t.value.style.layout.grid.yAxis.dataLabels.prefix)+" "+e.toDisplayString(e.unref(i.canShowValue)(o.value)?o.value.toFixed(t.value.style.layout.grid.yAxis.dataLabels.roundingValue):"")+" "+e.toDisplayString(t.value.style.layout.grid.yAxis.dataLabels.suffix),9,Me)):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.value.style.layout.grid.xAxis.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,(o,a)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("text",{transform:`translate(${s.value.left+n.value*a+n.value/2}, ${s.value.bottom+r.value.xAxisFontSize*2+t.value.style.layout.grid.xAxis.dataLabels.offsetY}), rotate(${t.value.style.layout.grid.xAxis.dataLabels.rotation})`,"text-anchor":t.value.style.layout.grid.xAxis.dataLabels.rotation>0?"start":t.value.style.layout.grid.xAxis.dataLabels.rotation<0?"end":"middle","font-size":r.value.xAxisFontSize,fill:t.value.style.layout.grid.xAxis.dataLabels.color,"font-weight":t.value.style.layout.grid.xAxis.dataLabels.bold?"bold":"normal"},e.toDisplayString(o),9,De)]))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("line",{x1:o.open.x,x2:o.open.x,y1:o.high.y,y2:o.low.y,stroke:t.value.style.layout.wick.stroke,"stroke-width":t.value.style.layout.wick.strokeWidth,"stroke-linecap":"round"},null,8,qe),t.value.style.layout.wick.extremity.shape==="circle"?(e.openBlock(),e.createElementBlock("g",We,[e.createElementVNode("circle",{cx:o.high.x,cy:o.high.y,r:t.value.style.layout.wick.extremity.size==="auto"?n.value/20:t.value.style.layout.wick.extremity.size,fill:t.value.style.layout.wick.extremity.color},null,8,Ge),e.createElementVNode("circle",{cx:o.low.x,cy:o.low.y,r:t.value.style.layout.wick.extremity.size==="auto"?n.value/20:t.value.style.layout.wick.extremity.size,fill:t.value.style.layout.wick.extremity.color},null,8,He)])):e.createCommentVNode("",!0),t.value.style.layout.wick.extremity.shape==="line"?(e.openBlock(),e.createElementBlock("g",je,[e.createElementVNode("line",{x1:o.high.x-(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,x2:o.high.x+(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,y1:o.high.y,y2:o.high.y,stroke:t.value.style.layout.wick.extremity.color,"stroke-width":t.value.style.layout.wick.strokeWidth,"stroke-linecap":"round"},null,8,Xe),e.createElementVNode("line",{x1:o.low.x-(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,x2:o.low.x+(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,y1:o.low.y,y2:o.low.y,stroke:t.value.style.layout.wick.extremity.color,"stroke-width":t.value.style.layout.wick.strokeWidth,"stroke-linecap":"round"},null,8,Ye)])):e.createCommentVNode("",!0)]))),256))]),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("rect",{x:o.open.x-n.value/2+n.value*(1-t.value.style.layout.candle.widthRatio)/2,y:o.isBullish?o.last.y:o.open.y,height:Math.abs(o.last.y-o.open.y)<=0?1e-4:Math.abs(o.last.y-o.open.y),width:n.value*t.value.style.layout.candle.widthRatio<=0?1e-4:n.value*t.value.style.layout.candle.widthRatio,fill:t.value.style.layout.candle.gradient.underlayer,rx:t.value.style.layout.candle.borderRadius,stroke:"none"},null,8,Je))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("rect",{x:o.open.x-n.value/2+n.value*(1-t.value.style.layout.candle.widthRatio)/2,y:o.isBullish?o.last.y:o.open.y,height:Math.abs(o.last.y-o.open.y)<=0?1e-4:Math.abs(o.last.y-o.open.y),width:n.value*t.value.style.layout.candle.widthRatio<=0?1e-4:n.value*t.value.style.layout.candle.widthRatio,fill:o.isBullish?t.value.style.layout.candle.gradient.show?`url(#bullish_gradient_${y.value})`:t.value.style.layout.candle.colors.bullish:t.value.style.layout.candle.gradient.show?`url(#bearish_gradient_${y.value})`:t.value.style.layout.candle.colors.bearish,rx:t.value.style.layout.candle.borderRadius,stroke:t.value.style.layout.candle.stroke,"stroke-width":t.value.style.layout.candle.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ke))),256))]),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value.left+a*n.value,y:s.value.top,height:s.value.height<=0?1e-4:s.value.height,width:n.value<=0?1e-4:n.value,fill:V.value===a?`${t.value.style.layout.selector.color}${e.unref(i.opacity)[t.value.style.layout.selector.opacity]}`:"transparent",onMouseover:v=>re(a,o),onMouseleave:u[0]||(u[0]=v=>{V.value=void 0,B.value=!1})},null,40,Qe))),256))])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:r.value},void 0,!0)],14,$e)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ze,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(U)||e.unref(D)})),void 0,!0)])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(xe.default,{key:4,config:{type:"candlesticks",style:{backgroundColor:t.value.style.backgroundColor,candlesticks:{axis:{color:"#CCCCCC"},candle:{color:"#CCCCCC"}}}}},null,8,["config"])),t.value.style.zoom.show&&m.value?(e.openBlock(),e.createElementBlock("div",{key:5,ref_key:"chartSlicer",ref:R},[(e.openBlock(),e.createBlock(be.Slicer,{key:`slicer_${b.value}`,background:t.value.style.zoom.color,borderColor:t.value.style.backgroundColor,fontSize:t.value.style.zoom.fontSize,useResetSlot:t.value.style.zoom.useResetSlot,labelLeft:f.dataset[d.value.start]?f.dataset[d.value.start][0]:f.dataset[0][0],labelRight:f.dataset[d.value.end-1]?f.dataset[d.value.end-1][0]:f.dataset.at(-1)[0],textColor:t.value.style.color,inputColor:t.value.style.zoom.color,selectColor:t.value.style.zoom.highlightColor,max:E.value,min:0,valueStart:d.value.start,valueEnd:d.value.end,start:d.value.start,"onUpdate:start":u[1]||(u[1]=o=>d.value.start=o),end:d.value.end,"onUpdate:end":u[2]||(u[2]=o=>d.value.end=o),onReset:de},{"reset-action":e.withCtx(({reset:o})=>[e.renderSlot(l.$slots,"reset-action",e.normalizeProps(e.guardReactiveProps({reset:o})),void 0,!0)]),_:3},8,["background","borderColor","fontSize","useResetSlot","labelLeft","labelRight","textColor","inputColor","selectColor","max","valueStart","valueEnd","start","end"]))],512)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"chartLegend",ref:L},[e.renderSlot(l.$slots,"legend",{legend:c.value},void 0,!0)],512),e.createVNode(me._sfc_main,{show:p.value.showTooltip&&B.value,backgroundColor:t.value.style.tooltip.backgroundColor,color:t.value.style.tooltip.color,borderRadius:t.value.style.tooltip.borderRadius,borderColor:t.value.style.tooltip.borderColor,borderWidth:t.value.style.tooltip.borderWidth,fontSize:t.value.style.tooltip.fontSize,backgroundOpacity:t.value.style.tooltip.backgroundOpacity,position:t.value.style.tooltip.position,offsetY:t.value.style.tooltip.offsetY,parent:k.value,content:S.value,isCustom:t.value.style.tooltip.customFormat&&typeof t.value.style.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...T.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...T.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isCustom"]),m.value?(e.openBlock(),e.createBlock(we.default,{key:6,hideDetails:"",config:{open:p.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.backgroundColor,color:t.value.style.color},head:{backgroundColor:t.value.style.backgroundColor,color:t.value.style.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ke.DataTable,{key:`table_${P.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${t.value.style.title.text}${t.value.style.title.subtitle.text?` : ${t.value.style.title.subtitle.text}`:""}`,onClose:u[3]||(u[3]=o=>p.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createTextVNode(e.toDisplayString(o),1)]),td:e.withCtx(({td:o})=>[e.createElementVNode("div",{innerHTML:o},null,8,et)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,Ne))}},lt=Ce._export_sfc(tt,[["__scopeId","data-v-ac51f136"]]);exports.default=lt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-TabZg_HV.cjs"),ee=require("./useResponsive-B3TrDDIG.cjs"),ge=require("./Title-D9lSjLTg.cjs"),te=require("./usePrinter--7sLxlpn.cjs"),me=require("./Tooltip-C0PSN8vf.cjs"),ke=require("./DataTable-CeHw-cqZ.cjs"),xe=require("./vue-ui-skeleton-CYeXVNFu.cjs"),be=require("./Slicer-Dt9iqvAA.cjs"),we=require("./vue-ui-accordion-0uSZBHsp.cjs"),le=require("./useNestedProp-CoLyVvV9.cjs"),Ce=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ne=["id"],$e=["xmlns","viewBox"],_e={key:0},Be=["id"],Se=["stop-color"],Ve=["stop-color"],Ee=["stop-color"],ze=["id"],Te=["stop-color"],Fe=["stop-color"],Ae=["stop-color"],Le={key:0},Re=["x1","x2","y1","y2","stroke","stroke-width"],Pe=["x1","x2","y1","y2","stroke","stroke-width"],Ie={key:1},Oe=["x1","x2","y1","y2","stroke","stroke-width"],Me=["x","y","font-size","fill","font-weight"],Ue={key:2},De=["transform","text-anchor","font-size","fill","font-weight"],qe=["x1","x2","y1","y2","stroke","stroke-width"],We={key:0},Ge=["cx","cy","r","fill"],He=["cx","cy","r","fill"],je={key:1},Xe=["x1","x2","y1","y2","stroke","stroke-width"],Ye=["x1","x2","y1","y2","stroke","stroke-width"],Je=["x","y","height","width","fill","rx"],Ke=["x","y","height","width","fill","rx","stroke","stroke-width"],Qe=["x","y","height","width","fill","onMouseover"],Ze={key:3,class:"vue-data-ui-watermark"},et=["innerHTML"],tt={__name:"vue-ui-candlestick",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(f,{expose:oe}){const h=f,{vue_ui_candlestick:ae}=i.useConfig(),m=e.computed(()=>!!h.dataset&&h.dataset.length),y=e.ref(i.createUid()),ue=e.ref(null),B=e.ref(!1),S=e.ref(""),V=e.ref(void 0),F=e.ref(0),k=e.ref(null),A=e.ref(null),L=e.ref(null),R=e.ref(null),b=e.ref(0),P=e.ref(0),I=e.ref(0),t=e.computed({get:()=>O(),set:l=>l});function O(){const l=le.useNestedProp({userConfig:h.config,defaultConfig:ae});return l.theme?{...le.useNestedProp({userConfig:i.themes.vue_ui_candlestick[l.theme]||h.config,defaultConfig:l})}:l}e.watch(()=>h.config,l=>{t.value=O(),M(),b.value+=1,I.value+=1,P.value+=1},{deep:!0}),e.watch(()=>h.dataset,l=>{d.value.start=0,d.value.end=l.length,b.value+=1},{deep:!0});const r=e.ref({height:t.value.style.height,width:t.value.style.width,xAxisFontSize:t.value.style.layout.grid.xAxis.dataLabels.fontSize,yAxisFontSize:t.value.style.layout.grid.yAxis.dataLabels.fontSize}),w=e.ref(null);e.onMounted(()=>{M()});function M(){if(i.objectIsEmpty(h.dataset)&&i.error({componentName:"VueUiCandlestick",type:"dataset"}),t.value.responsive){const l=ee.throttle(()=>{const{width:u,height:o}=ee.useResponsive({chart:k.value,title:t.value.style.title.text?A.value:null,slicer:R.value,legend:L.value});r.value.width=u,r.value.height=o,r.value.xAxisFontSize=i.translateSize({relator:Math.min(u,o),adjuster:t.value.style.width,source:t.value.style.layout.grid.xAxis.dataLabels.fontSize,threshold:6,fallback:6}),r.value.yAxisFontSize=i.translateSize({relator:Math.min(u,o),adjuster:t.value.style.width,source:t.value.style.layout.grid.yAxis.dataLabels.fontSize,threshold:6,fallback:6})});w.value=new ResizeObserver(l),w.value.observe(k.value.parentNode)}}e.onBeforeUnmount(()=>{w.value&&w.value.disconnect()});const{isPrinting:U,isImaging:D,generatePdf:q,generateImage:W}=te.usePrinter({elementId:`vue-ui-candlestick_${y.value}`,fileName:t.value.style.title.text||"vue-ui-candlestick"}),p=e.ref({showTable:t.value.table.show,showTooltip:t.value.style.tooltip.show}),s=e.computed(()=>{const{top:l,right:u,bottom:o,left:a}=t.value.style.layout.padding;return{top:l,right:r.value.width-u,left:a,bottom:r.value.height-o,width:r.value.width-a-u,height:r.value.height-l-o}}),E=e.computed(()=>h.dataset.length),d=e.ref({start:0,end:E.value}),G=e.computed(()=>h.dataset.slice(d.value.start,d.value.end)),z=e.computed(()=>(h.dataset.forEach((l,u)=>{[null,void 0].includes(l[0])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"period (index 0)",index:u}),[null,void 0].includes(l[1])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"open (index 1)",index:u}),[null,void 0].includes(l[2])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"high (index 2)",index:u}),[null,void 0].includes(l[3])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"low (index 3)",index:u}),[null,void 0].includes(l[4])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"last (index 4)",index:u}),[null,void 0].includes(l[5])&&i.error({componentName:"VueUiCandlestick",type:"datasetAttribute",property:"volume (index 5)",index:u})}),G.value.map(l=>({period:l[0],open:l[1],high:l[2],low:l[3],last:l[4],volume:l[5]})))),n=e.computed(()=>s.value.width/G.value.length),H=e.computed(()=>({max:Math.max(...z.value.map(l=>l.high)),min:0})),g=e.computed(()=>i.calculateNiceScale(H.value.min,H.value.max,t.value.style.layout.grid.yAxis.dataLabels.steps));function C(l,u){return{...l,x:i.checkNaN(s.value.left+u*n.value+n.value/2),y:i.checkNaN(s.value.top+(1-l/g.value.max)*s.value.height),value:i.checkNaN(l)}}const c=e.computed(()=>z.value.map((l,u)=>{const o=C(l.open,u),a=C(l.high,u),v=C(l.low,u),$=C(l.last,u),_=l.last>l.open;return{period:l.period,open:o,high:a,low:v,last:$,volume:l.volume,isBullish:_}}));function ie(l){return i.checkNaN(l/g.value.max)}const se=e.computed(()=>g.value.ticks.map(l=>({y:s.value.bottom-s.value.height*ie(l),value:i.checkNaN(l)}))),ne=e.computed(()=>z.value.map(l=>l.period)),T=e.ref(null);function re(l,u){V.value=l,T.value={datapoint:u,seriesIndex:l,series:c.value,config:t.value};const o=t.value.style.tooltip.customFormat;if(i.isFunction(o)&&i.functionReturnsString(()=>o({seriesIndex:l,datapoint:u,series:c.value,config:t.value})))S.value=o({seriesIndex:l,datapoint:u,series:c.value,config:t.value});else if(t.value.style.tooltip.show){let a="";const{period:v,open:$,high:_,low:J,last:K,volume:Q,isBullish:Z}=c.value[l],{period:ot,open:ve,high:ye,low:he,last:pe,volume:fe}=t.value.translations;a+=`<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${t.value.style.layout.candle.borderRadius*3}" stroke="${t.value.style.layout.candle.stroke}" stroke-width="${t.value.style.layout.candle.strokeWidth}"
+                fill="${t.value.style.layout.candle.gradient.show?Z?`url(#bullish_gradient_${y.value})`:`url(#bearish_gradient_${y.value})`:Z?t.value.style.layout.candle.colors.bullish:t.value.style.layout.candle.colors.bearish}"/></svg>${v}</div>`,a+=`${fe} : <b>${isNaN(Q)?"-":Number(Q.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()}</b>`,a+=`<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${t.value.style.tooltip.borderColor}">`,a+=`<div>${ve}: <b>${t.value.style.tooltip.prefix} ${isNaN($.value)?"-":Number($.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+=`<div>${ye}: <b>${t.value.style.tooltip.prefix} ${isNaN(_.value)?"-":Number(_.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+=`<div>${he}: <b>${t.value.style.tooltip.prefix} ${isNaN(J.value)?"-":Number(J.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+=`<div>${pe}: <b>${t.value.style.tooltip.prefix} ${isNaN(K.value)?"-":Number(K.value.toFixed(t.value.style.tooltip.roundingValue)).toLocaleString()} ${t.value.style.tooltip.suffix}</b></div>`,a+="</div>",S.value=`<div style="text-align:right">${a}</div>`}B.value=!0}function de(){d.value={start:0,end:E.value},b.value+=1}function j(){e.nextTick(()=>{const l=[t.value.translations.period,t.value.translations.open,t.value.translations.high,t.value.translations.low,t.value.translations.last,t.value.translations.volume],u=c.value.map(v=>[v.period,v.open.value,v.high.value,v.low.value,v.last.value,v.volume]),o=[[t.value.style.title.text],[t.value.style.title.subtitle.text],[[""],[""],[""]]].concat([l]).concat(u),a=i.createCsvContent(o);i.downloadCsv({csvContent:a,title:t.value.style.title.text||"vue-ui-candlestick"})})}const N=e.computed(()=>{const l=c.value.map(a=>[`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" :rx="${t.value.style.layout.candle.borderRadius*3}" fill="${t.value.style.layout.candle.gradient.show?a.isBullish?`url(#bullish_gradient_${y.value}`:`url(#bearish_gradient_${y.value})`:a.isBullish?t.value.style.layout.candle.colors.bullish:t.value.style.layout.candle.colors.bearish}"/></svg> ${a.period}`,`${t.value.table.td.prefix} ${isNaN(a.open.value)?"-":Number(a.open.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${t.value.table.td.prefix} ${isNaN(a.high.value)?"-":Number(a.high.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${t.value.table.td.prefix} ${isNaN(a.low.value)?"-":Number(a.low.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${t.value.table.td.prefix} ${isNaN(a.last.value)?"-":Number(a.last.value.toFixed(t.value.table.td.roundingValue)).toLocaleString()} ${t.value.table.td.suffix}`,`${isNaN(a.volume)?"-":a.volume.toLocaleString()}`]),u={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint},o=[t.value.translations.period,t.value.translations.open,t.value.translations.high,t.value.translations.low,t.value.translations.last,t.value.translations.volume];return{head:o,body:l,config:u,colNames:o}}),x=e.ref(!1);function ce(l){x.value=l,F.value+=1}function X(){p.value.showTable=!p.value.showTable}function Y(){p.value.showTooltip=!p.value.showTooltip}return oe({generatePdf:q,generateCsv:j,generateImage:W,toggleTable:X,toggleTooltip:Y}),(l,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"candlestickChart",ref:k,class:e.normalizeClass(`vue-ui-candlestick ${x.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`position:relative;font-family:${t.value.style.fontFamily}; text-align:center;${t.value.style.title.text?"":"padding-top:36px"};background:${t.value.style.backgroundColor}; ${t.value.responsive?"height: 100%":""}`),id:`vue-ui-candlestick_${y.value}`},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:A,style:e.normalizeStyle(`width:100%;background:${t.value.style.backgroundColor}`)},[(e.openBlock(),e.createBlock(ge._sfc_main,{key:`title_${I.value}`,config:{title:{cy:"candlestick-div-title",...t.value.style.title},subtitle:{cy:"candlestick-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&m.value?(e.openBlock(),e.createBlock(te.UserOptions,{ref_key:"details",ref:ue,key:`user_options_${F.value}`,backgroundColor:t.value.style.backgroundColor,color:t.value.style.color,isImaging:e.unref(D),isPrinting:e.unref(U),uid:y.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:x.value,isTooltip:p.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:k.value,onToggleFullscreen:ce,onGeneratePdf:e.unref(q),onGenerateCsv:j,onGenerateImage:e.unref(W),onToggleTable:X,onToggleTooltip:Y},e.createSlots({_:2},[l.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:a})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:a})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(i.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":x.value,"vue-data-ui-fulscreen--off":!x.value}),viewBox:`0 0 ${r.value.width<=0?10:r.value.width} ${r.value.height<=0?10:r.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.backgroundColor};color:${t.value.style.color}`)},[c.value.length>0?(e.openBlock(),e.createElementBlock("g",_e,[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:`bearish_gradient_${y.value}`,x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.layout.candle.colors.bearish},null,8,Se),e.createElementVNode("stop",{offset:"50%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bearish,.02)}DE`},null,8,Ve),e.createElementVNode("stop",{offset:"100%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bearish,.05)}66`},null,8,Ee)],8,Be),e.createElementVNode("linearGradient",{id:`bullish_gradient_${y.value}`,x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.style.layout.candle.colors.bullish},null,8,Te),e.createElementVNode("stop",{offset:"50%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bullish,.02)}DE`},null,8,Fe),e.createElementVNode("stop",{offset:"100%","stop-color":`${e.unref(i.shiftHue)(t.value.style.layout.candle.colors.bullish,.05)}66`},null,8,Ae)],8,ze)]),t.value.style.layout.grid.show?(e.openBlock(),e.createElementBlock("g",Le,[e.createElementVNode("line",{x1:s.value.left,x2:s.value.left,y1:s.value.top,y2:s.value.bottom,stroke:t.value.style.layout.grid.stroke,"stroke-width":t.value.style.layout.grid.strokeWidth,"stroke-linecap":"round"},null,8,Re),e.createElementVNode("line",{x1:s.value.left,x2:s.value.right,y1:s.value.bottom,y2:s.value.bottom,stroke:t.value.style.layout.grid.stroke,"stroke-width":t.value.style.layout.grid.strokeWidth,"stroke-linecap":"round"},null,8,Pe)])):e.createCommentVNode("",!0),t.value.style.layout.grid.yAxis.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(se.value,(o,a)=>(e.openBlock(),e.createElementBlock("g",null,[o.value>=g.value.min&&o.value<=g.value.max?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value.left,x2:s.value.left-5,y1:o.y,y2:o.y,stroke:t.value.style.layout.grid.stroke,"stroke-width":t.value.style.layout.grid.strokeWidth,"stroke-linecap":"round"},null,8,Oe)):e.createCommentVNode("",!0),o.value>=g.value.min&&o.value<=g.value.max?(e.openBlock(),e.createElementBlock("text",{key:1,x:s.value.left-8+t.value.style.layout.grid.yAxis.dataLabels.offsetX,y:o.y+r.value.yAxisFontSize/3,"font-size":r.value.yAxisFontSize,"text-anchor":"end",fill:t.value.style.layout.grid.yAxis.dataLabels.color,"font-weight":t.value.style.layout.grid.yAxis.dataLabels.bold?"bold":"normal"},e.toDisplayString(t.value.style.layout.grid.yAxis.dataLabels.prefix)+" "+e.toDisplayString(e.unref(i.canShowValue)(o.value)?o.value.toFixed(t.value.style.layout.grid.yAxis.dataLabels.roundingValue):"")+" "+e.toDisplayString(t.value.style.layout.grid.yAxis.dataLabels.suffix),9,Me)):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.value.style.layout.grid.xAxis.dataLabels.show?(e.openBlock(),e.createElementBlock("g",Ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,(o,a)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("text",{transform:`translate(${s.value.left+n.value*a+n.value/2}, ${s.value.bottom+r.value.xAxisFontSize*2+t.value.style.layout.grid.xAxis.dataLabels.offsetY}), rotate(${t.value.style.layout.grid.xAxis.dataLabels.rotation})`,"text-anchor":t.value.style.layout.grid.xAxis.dataLabels.rotation>0?"start":t.value.style.layout.grid.xAxis.dataLabels.rotation<0?"end":"middle","font-size":r.value.xAxisFontSize,fill:t.value.style.layout.grid.xAxis.dataLabels.color,"font-weight":t.value.style.layout.grid.xAxis.dataLabels.bold?"bold":"normal"},e.toDisplayString(o),9,De)]))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("line",{x1:o.open.x,x2:o.open.x,y1:o.high.y,y2:o.low.y,stroke:t.value.style.layout.wick.stroke,"stroke-width":t.value.style.layout.wick.strokeWidth,"stroke-linecap":"round"},null,8,qe),t.value.style.layout.wick.extremity.shape==="circle"?(e.openBlock(),e.createElementBlock("g",We,[e.createElementVNode("circle",{cx:o.high.x,cy:o.high.y,r:t.value.style.layout.wick.extremity.size==="auto"?n.value/20:t.value.style.layout.wick.extremity.size,fill:t.value.style.layout.wick.extremity.color},null,8,Ge),e.createElementVNode("circle",{cx:o.low.x,cy:o.low.y,r:t.value.style.layout.wick.extremity.size==="auto"?n.value/20:t.value.style.layout.wick.extremity.size,fill:t.value.style.layout.wick.extremity.color},null,8,He)])):e.createCommentVNode("",!0),t.value.style.layout.wick.extremity.shape==="line"?(e.openBlock(),e.createElementBlock("g",je,[e.createElementVNode("line",{x1:o.high.x-(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,x2:o.high.x+(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,y1:o.high.y,y2:o.high.y,stroke:t.value.style.layout.wick.extremity.color,"stroke-width":t.value.style.layout.wick.strokeWidth,"stroke-linecap":"round"},null,8,Xe),e.createElementVNode("line",{x1:o.low.x-(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,x2:o.low.x+(t.value.style.layout.wick.extremity.size==="auto"?n.value*t.value.style.layout.candle.widthRatio:t.value.style.layout.wick.extremity.size)/2,y1:o.low.y,y2:o.low.y,stroke:t.value.style.layout.wick.extremity.color,"stroke-width":t.value.style.layout.wick.strokeWidth,"stroke-linecap":"round"},null,8,Ye)])):e.createCommentVNode("",!0)]))),256))]),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("rect",{x:o.open.x-n.value/2+n.value*(1-t.value.style.layout.candle.widthRatio)/2,y:o.isBullish?o.last.y:o.open.y,height:Math.abs(o.last.y-o.open.y)<=0?1e-4:Math.abs(o.last.y-o.open.y),width:n.value*t.value.style.layout.candle.widthRatio<=0?1e-4:n.value*t.value.style.layout.candle.widthRatio,fill:t.value.style.layout.candle.gradient.underlayer,rx:t.value.style.layout.candle.borderRadius,stroke:"none"},null,8,Je))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("rect",{x:o.open.x-n.value/2+n.value*(1-t.value.style.layout.candle.widthRatio)/2,y:o.isBullish?o.last.y:o.open.y,height:Math.abs(o.last.y-o.open.y)<=0?1e-4:Math.abs(o.last.y-o.open.y),width:n.value*t.value.style.layout.candle.widthRatio<=0?1e-4:n.value*t.value.style.layout.candle.widthRatio,fill:o.isBullish?t.value.style.layout.candle.gradient.show?`url(#bullish_gradient_${y.value})`:t.value.style.layout.candle.colors.bullish:t.value.style.layout.candle.gradient.show?`url(#bearish_gradient_${y.value})`:t.value.style.layout.candle.colors.bearish,rx:t.value.style.layout.candle.borderRadius,stroke:t.value.style.layout.candle.stroke,"stroke-width":t.value.style.layout.candle.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ke))),256))]),e.createElementVNode("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,a)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value.left+a*n.value,y:s.value.top,height:s.value.height<=0?1e-4:s.value.height,width:n.value<=0?1e-4:n.value,fill:V.value===a?e.unref(i.setOpacity)(t.value.style.layout.selector.color,t.value.style.layout.selector.opacity):"transparent",onMouseover:v=>re(a,o),onMouseleave:u[0]||(u[0]=v=>{V.value=void 0,B.value=!1})},null,40,Qe))),256))])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"svg",{svg:r.value},void 0,!0)],14,$e)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ze,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(U)||e.unref(D)})),void 0,!0)])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(xe.default,{key:4,config:{type:"candlesticks",style:{backgroundColor:t.value.style.backgroundColor,candlesticks:{axis:{color:"#CCCCCC"},candle:{color:"#CCCCCC"}}}}},null,8,["config"])),t.value.style.zoom.show&&m.value?(e.openBlock(),e.createElementBlock("div",{key:5,ref_key:"chartSlicer",ref:R},[(e.openBlock(),e.createBlock(be.Slicer,{key:`slicer_${b.value}`,background:t.value.style.zoom.color,borderColor:t.value.style.backgroundColor,fontSize:t.value.style.zoom.fontSize,useResetSlot:t.value.style.zoom.useResetSlot,labelLeft:f.dataset[d.value.start]?f.dataset[d.value.start][0]:f.dataset[0][0],labelRight:f.dataset[d.value.end-1]?f.dataset[d.value.end-1][0]:f.dataset.at(-1)[0],textColor:t.value.style.color,inputColor:t.value.style.zoom.color,selectColor:t.value.style.zoom.highlightColor,max:E.value,min:0,valueStart:d.value.start,valueEnd:d.value.end,start:d.value.start,"onUpdate:start":u[1]||(u[1]=o=>d.value.start=o),end:d.value.end,"onUpdate:end":u[2]||(u[2]=o=>d.value.end=o),onReset:de},{"reset-action":e.withCtx(({reset:o})=>[e.renderSlot(l.$slots,"reset-action",e.normalizeProps(e.guardReactiveProps({reset:o})),void 0,!0)]),_:3},8,["background","borderColor","fontSize","useResetSlot","labelLeft","labelRight","textColor","inputColor","selectColor","max","valueStart","valueEnd","start","end"]))],512)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"chartLegend",ref:L},[e.renderSlot(l.$slots,"legend",{legend:c.value},void 0,!0)],512),e.createVNode(me._sfc_main,{show:p.value.showTooltip&&B.value,backgroundColor:t.value.style.tooltip.backgroundColor,color:t.value.style.tooltip.color,borderRadius:t.value.style.tooltip.borderRadius,borderColor:t.value.style.tooltip.borderColor,borderWidth:t.value.style.tooltip.borderWidth,fontSize:t.value.style.tooltip.fontSize,backgroundOpacity:t.value.style.tooltip.backgroundOpacity,position:t.value.style.tooltip.position,offsetY:t.value.style.tooltip.offsetY,parent:k.value,content:S.value,isCustom:t.value.style.tooltip.customFormat&&typeof t.value.style.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...T.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(l.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...T.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isCustom"]),m.value?(e.openBlock(),e.createBlock(we.default,{key:6,hideDetails:"",config:{open:p.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.backgroundColor,color:t.value.style.color},head:{backgroundColor:t.value.style.backgroundColor,color:t.value.style.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ke.DataTable,{key:`table_${P.value}`,colNames:N.value.colNames,head:N.value.head,body:N.value.body,config:N.value.config,title:`${t.value.style.title.text}${t.value.style.title.subtitle.text?` : ${t.value.style.title.subtitle.text}`:""}`,onClose:u[3]||(u[3]=o=>p.value.showTable=!1)},{th:e.withCtx(({th:o})=>[e.createTextVNode(e.toDisplayString(o),1)]),td:e.withCtx(({td:o})=>[e.createElementVNode("div",{innerHTML:o},null,8,et)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,Ne))}},lt=Ce._export_sfc(tt,[["__scopeId","data-v-b23b9d6f"]]);exports.default=lt;