vue-data-ui 2.6.51 → 2.6.52-beta.1

package/dist/vue-ui-annotator-Ye4UmfpY.cjs

@@ -1,371 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./html2canvas.esm-BA_v9SIU.cjs"),b=require("./jspdf.es.min-C518mmma.cjs"),h=require("./index-BprEQiKM.cjs"),o=require("vue"),I=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:h.opacity}},watch:{shapes:{handler(e){e.length===0&&(this.lastSelectedShape=void 0)}}},computed:{FINAL_CONFIG(){const e=h.useConfig().vue_ui_annotator;if(!Object.keys(this.config||{}).length)return e;const i=this.treeShake({defaultConfig:e,userConfig:this.config});return this.convertConfigColors(i)},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 i=e.strokeWidth>3?5:10,s=e.strokeWidth>3?2.5:5;return`
-                        <defs>
-                        <marker 
-                            id="${e.id}" 
-                            markerWidth="${i}" 
-                            markerHeight="${i}" 
-                            refX="0" 
-                            refY="${s}" 
-                            orient="auto"
-                        >
-                            <polygon 
-                            points="0 0,${i} ${s}, 0 ${i}" 
-                            fill="${e.color}"
-                            />
-                        </marker>
-                        </defs>
-                        ${this.includeSelectionIndicator(e)}
-                        <g id="${e.id}">
-                            <path 
-                            style="stroke-linecap: round !important; ${e.isDash?`stroke-dasharray: ${e.strokeWidth*3}`:""}" 
-                            stroke="${e.color}" 
-                            id="${e.id}" 
-                            d="M${e.x},${e.y} ${e.endX},${e.endY}" 
-                            stroke-width="${e.strokeWidth}" 
-                            marker-end="url(#${e.id})"
-                            />
-                        </g>
-                        <g id="${e.id}">
-                        <rect 
-                            id="${e.id}"
-                            x="${e.x-10}"
-                            y="${e.y-10}"
-                            height="20"
-                            width="20"
-                            fill="rgba(0,0,0,0.3)"
-                            style="display:${this.isResizeMode||this.isMoveMode?"initial":"none"}; rx:1 !important; ry:1 !important;"
-                        />
-                        </g>
-                        ${this.includeDeleteButton(e)}
-                        </g>
-                        `;case(e&&e.type==="circle"):return`
-                            <g id="${e.id}">
-                                ${this.includeSelectionIndicator(e)}
-                                <circle 
-                                id="${e.id}" 
-                                cx="${e.x}" 
-                                cy="${e.y}" 
-                                r="${e.circleRadius?e.circleRadius:Number.MIN_VALUE}"
-                                fill="${e.isFilled?e.color+e.alpha:"rgba(255,255,255,0.001)"}" 
-                                stroke="${e.color+e.alpha}" 
-                                stroke-width="${e.strokeWidth}"
-                                style="${e.isDash?`stroke-dasharray: ${e.strokeWidth*3}`:""}"
-                                >
-                                </circle>
-                            </g>
-                            
-                            ${this.includeDeleteButton(e)}`;case(e&&e.type==="group"):return`<g id="${e.id}">
-                            <rect
-                                id="${this.isResizeMode?"":e.id}"
-                                x="${e.x}"
-                                y="${e.y}"
-                                fill="transparent"
-                                height="${e.rectHeight}"
-                                width="${e.rectWidth}"
-                                stroke="grey"
-                                stroke-width="1"
-                                style="rx:1 !important; ry:1 !important; ${e.isDash?`stroke-dasharray: ${e.strokeWidth*3}`:""}; display:${this.isSelectMode||this.isDeleteMode||this.hoveredShapeId&&this.hoveredShapeId===e.id?"initial":"none"};"
-                            />
-                <g id="${e.id}">
-                ${e.content?e.content:""}
-                </g>
-                            ${this.includeDeleteButton(e)}
-                            </g> `;case(e&&e.type==="rect"):return`<g id="${e.id}">
-                            ${this.includeSelectionIndicator(e)}
-                            <rect
-                                id="${this.isResizeMode?"":e.id}"
-                                x="${e.x}"
-                                y="${e.y}"
-                                fill="${e.isFilled?e.color+e.alpha:"rgba(255,255,255,0.001)"}"
-                                height="${e.rectHeight}"
-                                width="${e.rectWidth}"
-                                stroke="${e.color+e.alpha}"
-                                stroke-width="${e.strokeWidth}"
-                                style="rx:1 !important; ry:1 !important; ${e.isDash?`stroke-dasharray: ${e.strokeWidth*3}`:""}"
-                            />
-                            <rect id="${e.id}"
-                                x="${e.x+e.rectWidth}"
-                                y="${e.y+e.rectHeight}"
-                                height="20"
-                                width="20"
-                                fill="rgba(0,0,0,0.3)"
-                                style="display:${this.isResizeMode?"initial":"none"}; rx:1 !important; ry:1 !important;"
-                            />
-                            ${this.includeDeleteButton(e)}
-                            </g> `;case(e&&e.type==="line"):return`
-                    <g id="${e.id}">
-                        <path 
-                        id="${e.id}" 
-                        d="M${e.path?e.path:""}" 
-                        style="stroke:${e.color+e.alpha} !important; fill:none; stroke-width:${e.strokeWidth} !important; stroke-linecap: round !important; stroke-linejoin: round !important;"        
-                        />
-                ${this.includeDeleteButton(e)}
-                    </g>
-                    `;case(e&&e.type==="text"):const n=e.textContent.split("‎"),l=[];for(let t=0;t<n.length;t+=1)l.push(`
-            ${e.isBulletTextMode?`<tspan x="${e.x-e.fontSize}" y="${e.y+e.fontSize*t}" id="${e.id}" font-size="${e.fontSize/2}">⬤</tspan>`:""}
-                    <tspan id="${e.id}" x="${e.x}" y="${e.y+e.fontSize*t}">
-                        ${n[t]}
-                    </tspan>`);return`
-                            ${this.includeSelectionIndicator(e)}
-                            ${this.computeTextElement(e,l,e.isBulletTextMode)}
-                            `}})}},mounted(){const e=this.$refs.drawSvgContainer;let i=!1;this.walkTheDOM(e,l=>{if(!i&&["DIV","svg","section","canvas"].includes(l.tagName)){this.slottedSvg=l,i=!0;return}});const s=this.slottedSvg.getBoundingClientRect();this.sizeRatio=s.height/s.width,this.svgWidth=1e3,this.svgHeight=this.sizeRatio*1e3,this.sourceWidth=s.width,this.sourceHeight=s.height,new ResizeObserver(l=>{l.forEach(t=>{this.sourceWidth=t.contentRect.width,this.sourceHeight=t.contentRect.height,this.sizeRatio=t.contentRect.height/t.contentRect.width,this.svgHeight=this.sizeRatio*1e3})}).observe(this.slottedSvg),window.addEventListener("keydown",l=>{this.write(l)})},destroyed(){window.removeEventListener("keydown",e=>{this.write(e)})},methods:{treeShake:h.treeShake,convertConfigColors:h.convertConfigColors,bringShapeTo(e){const i=this.shapes.find(s=>s.id===this.lastSelectedShape.id);switch(!0){case e==="front":this.shapes=this.shapes.filter(s=>s.id!==i.id),this.shapes.push(i);break;case e==="back":this.shapes=this.shapes.filter(s=>s.id!==i.id),this.shapes=[i,...this.shapes];break;default:return}},clickSvg(e){if(this.isDeleteMode)return;this.deleteEmptyTextElement(),this.isTextMode?(this.isWriting=!0,this.showCaret=!0):(this.isWriting=!1,this.showCaret=!1,this.isTextMode=!1);let i=`text_${Math.random()*1e4}_${Math.random()*99999}`;if(this.isWriting){this.shapes.push({id:i,type:"text",lines:0,x:this.pointerPosition.x,y:this.pointerPosition.y,textContent:"",fontSize:this.copy(this.textFont),textAlign:this.copy(this.textAlign),isBold:this.copy(this.isBold),isItalic:this.copy(this.isItalic),isUnderline:this.copy(this.isUnderline),color:this.copy(this.selectedColor),isBulletTextMode:this.copy(this.isBulletTextMode)}),this.currentTarget=this.shapes.at(-1),this.lastSelectedShape=this.shapes.at(-1);return}const s=()=>{this.isDash=this.shapes.find(l=>l.id===e.target.id).isDash},n=()=>{this.strokeSize=this.shapes.find(l=>l.id===e.target.id).strokeWidth};if(this.isSelectMode=!1,e.target.id.includes("arrow")){this.activeShape="arrow",s(),n();return}if(e.target.id.includes("circle")){this.activeShape="circle",this.options.circle.filled=this.shapes.find(l=>l.id===e.target.id).isFilled,s(),n();return}if(e.target.id.includes("rect")){this.activeShape="rect",this.options.rect.filled=this.shapes.find(l=>l.id===e.target.id).isFilled,s(),n();return}if(e.target.id.includes("line")){this.activeShape="line",n();return}if(e.target.id.includes("text")){this.isTextMode=!0,this.isWriting=!0,this.showCaret=!0;const l=this.shapes.find(t=>t.id===e.target.id);l&&l.textAlign&&(this.textAlign=this.shapes.find(t=>t.id===e.target.id).textAlign),l&&(this.isBulletTextMode=this.shapes.find(t=>t.id===e.target.id).isBulletTextMode);return}},copyPaste(){const e={...this.lastSelectedShape,id:`${this.lastSelectedShape.id}_copy`,x:this.lastSelectedShape.x-100<0?1:this.lastSelectedShape.x-100,y:this.lastSelectedShape.y-100<0?1:this.lastSelectedShape.y-100};this.shapes.push(e)},includeDeleteButton(e,i=!1){switch(!0){case e.type==="circle":return`
-                    <g id="${e.id}" style="display:${this.isDeleteMode?"initial":"none"};">
-                        <circle id="${e.id}" cx="${e.x}" cy="${e.y}" r="12" fill="red"/>
-                        <line stroke="white" stroke-width="2" id="${e.id}" x1="${e.x-4}" y1="${e.y-4}" x2="${e.x+4}" y2="${e.y+4}"/>
-                        <line stroke="white" stroke-width="2" id="${e.id}" x1="${e.x+4}" y1="${e.y-4}" x2="${e.x-4}" y2="${e.y+4}"/>
-                    </g>
-                `;case e.type==="text":let s,n=[-8,-12,-4,-12,-4];switch(!0){case e.textAlign==="start":i?s=[-20,-24,-16,-16,-24]:s=[-16,-20,-12,-12,-20];break;case e.textAlign==="middle":s=[0,-4,4,4,-4],n=[-32,-36,-28,-36,-28];break;case e.textAlign==="end":s=[16,20,12,12,20];break;default:s=[0,0,0];break}return`
-                    <g id="${e.id}" style="display:${this.isDeleteMode?"initial":"none"};">
-                        <circle id="${e.id}" cx="${e.x+s[0]}" cy="${e.y+n[0]}" r="12" fill="red"/>
-                        <line stroke="white" stroke-width="2" id="${e.id}" x1="${e.x+s[1]}" y1="${e.y+n[1]}" x2="${e.x+s[2]}" y2="${e.y+n[2]}"/>
-                        <line stroke="white" stroke-width="2" id="${e.id}" x1="${e.x+s[3]}" y1="${e.y+n[3]}" x2="${e.x+s[4]}" y2="${e.y+n[4]}"/>
-                    </g>
-                `;default:return`
-                    <g id="${e.id}" style="display:${this.isDeleteMode?"initial":"none"};">
-                        <circle id="${e.id}" cx="${e.x-4}" cy="${e.y-4}" r="12" fill="red"/>
-                        <line stroke="white" stroke-width="2" id="${e.id}" x1="${e.x-8}" y1="${e.y-8}" x2="${e.x}" y2="${e.y}"/>
-                        <line stroke="white" stroke-width="2" id="${e.id}" x1="${e.x}" y1="${e.y-8}" x2="${e.x-8}" y2="${e.y}"/>
-                    </g>
-                `}},includeSelectionIndicator(e){if(e)switch(!0){case e.type==="rect":return`
-                    <rect
-                    id="${e.id}" 
-                    style="stroke-dasharray: 10; display:${this.hoveredShapeId&&this.hoveredShapeId===e.id?"initial":"none"}"
-                    x="${e.x-20}"
-                    y="${e.y-20}"
-                    height="${e.rectHeight+40}"
-                    width="${e.rectWidth+40}"
-                    fill="transparent"
-                    stroke="grey"
-                    />
-                `;case e.type==="circle":return`
-                    <rect
-                    id="${e.id}" 
-                    style="stroke-dasharray: 10; display:${this.hoveredShapeId&&this.hoveredShapeId===e.id?"initial":"none"}"
-                    x="${e.x-e.circleRadius-20}"
-                    y="${e.y-e.circleRadius-20}"
-                    height="${e.circleRadius*2+40}"
-                    width="${e.circleRadius*2+40}"
-                    fill="transparent"
-                    stroke="grey"
-                    />
-                `;case e.type==="arrow":const i=e.endX-e.x>0,s=e.endY-e.y>0;return`
-                    <rect
-                    id="${e.id}" 
-                    style="stroke-dasharray: 10; display:${this.hoveredShapeId&&this.hoveredShapeId===e.id?"initial":"none"}"
-                    x="${i?e.x-20:e.endX-20}"
-                    y="${s?e.y-20:e.endY-20}"
-                    height="${s?e.endY-e.y+40:e.y-e.endY+40}"
-                    width="${i?e.endX-e.x+40:e.x-e.endX+40}"
-                    fill="transparent"
-                    stroke="grey"
-                    />
-                `;case e.type==="text":const n=Array.from(document.getElementsByTagName("text")).find(c=>c.id===e.id);if(!n)return;const{x:l,y:t,width:r,height:d}=n.getBBox();return`
-                    <rect
-                    id="${e.id}" 
-                    style="stroke-dasharray: 10; display:${this.hoveredShapeId&&this.hoveredShapeId===e.id?"initial":"none"}"
-                    x="${l-20}"
-                    y="${t-20}"
-                    height="${d+40}"
-                    width="${r+40}"
-                    fill="transparent"
-                    stroke="grey"
-                    />
-                `;default:return""}},allowEditAndHoverShapes(e){e.preventDefault(),this.preventEdit=!1,e.target&&e.target.id&&(this.hoveredShapeId=e.target.id)},setSelectedTextAlignTo(e){!this.lastSelectedShape||this.lastSelectedShape.type!=="text"||(this.lastSelectedShape.textAlign=e)},undoLastShape(){this.lastSelectedShape=void 0,this.shapes=this.shapes.slice(0,-1)},write(e){if(this.preventEdit)return;e.preventDefault();const i=e.keyCode;if(!this.isWriting)return;this.showCaret=!0;let s;if(this.lastSelectedShape.type==="text"?s=this.shapes.find(l=>l.id===this.lastSelectedShape.id):s=this.shapes.at(-1),this.currentTarget=s,s.type!=="text")return;this.currentTarget.isBold=this.copy(this.isBold),this.currentTarget.isItalic=this.copy(this.isItalic),this.currentTarget.isUnderline=this.copy(this.isUnderline);const n=[16,17,18,20,27,33,34,35,36,37,38,39,40,45,91,112,113,114,115,116,117,118,119,120,121,122,123,221,255,"Unidentified"];switch(!0){case i===8:s.textContent=s.textContent.slice(0,-1);break;case i===9:s.textContent+="&nbsp; &nbsp; &nbsp; &nbsp;";break;case i===13:s.lines+=1,s.textContent+="‎";return;case n.includes(i):return;default:s.textContent+=e.key}},groupShapes(){if(this.selectedGroup=[],this.activeShape!=="group"){this.isSelectMode=!1,this.shapes=this.shapes.filter(i=>i.type!=="group");return}const e=this.shapes.at(-1);if(this.shapes.forEach(i=>{if(i.type!=="group")switch(!0){case i.type==="arrow":const s=i.x<=i.endX&&i.y<=i.endY&&e.x<=i.x&&e.y<=i.y&&e.x+e.rectWidth>=i.endX&&e.y+e.rectHeight>=i.endY,n=i.endY<i.y&&i.x<i.endX&&e.x<=i.x&&e.y<=i.y&&e.x+e.rectWidth>=i.endX&&e.y+e.rectHeight>=i.y,l=i.x>i.endX&&i.y<i.endY&&e.x<=i.endX&&e.y<=i.endY&&e.x+e.rectWidth>=i.x&&e.y+e.rectHeight>=i.endY,t=i.x>i.endX&&i.y>i.endY&&e.x<=i.endX&&e.y<=i.endY&&e.x+e.rectWidth>=i.x&&e.y+e.rectHeight>=i.y;(s||n||l||t)&&this.selectedGroup.push(i);break;case i.type==="circle":e.x<=i.x+i.circleRadius&&e.y<=i.y+i.circleRadius&&i.x+i.circleRadius<=e.x+e.rectWidth&&i.y+i.circleRadius<=e.y+e.rectHeight&&this.selectedGroup.push(i);break;case i.type==="rect":e.x<=i.x&&e.y<=i.y&&i.x<=e.x+e.rectWidth&&i.y<=e.y+e.rectHeight&&i.x+i.rectWidth<=e.x+e.rectWidth&&i.y+i.rectHeight<=e.y+e.rectHeight&&i.rectWidth<=e.rectWidth&&i.rectHeight<=e.rectHeight&&this.selectedGroup.push(i);break;case i.type==="text":e.x<=i.x&&e.y<=i.y&&this.selectedGroup.push(i);break}}),this.selectedGroup=this.selectedGroup.map(i=>({...i,id:e.id,oldId:i.id,diffX:i.x-e.x,diffY:i.y-e.y,diffEndX:i.endX?i.endX-e.x:0,diffEndY:i.endY?i.endY-e.y:0})),e.source=this.selectedGroup,this.selectedGroup.length>1){const i=this.copy(this.selectedGroup).map(s=>s.oldId);this.shapes=this.shapes.filter(s=>!i.includes(s.id)),this.selectedGroup.forEach(s=>{switch(!0){case s.type==="circle":e.content+=`
-                <circle
-                id="${s.id}"
-                cx="${s.x}"
-                cy="${s.y}"
-                r="${s.circleRadius?s.circleRadius:Number.MIN_VALUE}"
-                fill="${s.isFilled?s.color+s.alpha:"rgba(255,255,255,0.001)"}"
-                stroke="${s.color+s.alpha}" 
-                                stroke-width="${s.strokeWidth}"
-                                style="${s.isDash?`stroke-dasharray: ${s.strokeWidth*3}`:""}"
-                                />
-            `;break;case s.type==="rect":e.content+=`
-                <rect
-                id="${this.isResizeMode?"":s.id}"
-                x="${s.x}"
-                y="${s.y}"
-                fill="${s.isFilled?s.color+s.alpha:"rgba(255,255,255,0.001)"}"
-                height="${s.rectHeight}"
-                width="${s.rectWidth}"
-                stroke="${s.color+s.alpha}"
-                stroke-width="${s.strokeWidth}"
-                style="rx:1 !important; ry:1 !important; ${s.isDash?`stroke-dasharray: ${s.strokeWidth*3}`:""}"
-                            />
-            `;break;case s.type==="arrow":const n=s.strokeWidth>3?5:10,l=s.strokeWidth>3?2.5:5,t=Date.now();e.content+=`
-                <g id="${s.id}">
-                <defs>
-                    <marker 
-                    id="${t}" 
-                    markerWidth="${n}" 
-                    markerHeight="${n}" 
-                    refX="0" 
-                    refY="${l}" 
-                    orient="auto"
-                    >
-                    <polygon 
-                    points="0 0,${n} ${l}, 0 ${n}" 
-                    fill="${s.color}"
-                    />
-                    </marker>
-                </defs>
-
-                <path 
-                    style="stroke-linecap: round !important; ${s.isDash?`stroke-dasharray: ${s.strokeWidth*3}`:""}" 
-                    stroke="${s.color}" 
-                    id="${s.id}" 
-                    d="M${s.x},${s.y} ${s.endX},${s.endY}" 
-                    stroke-width="${s.strokeWidth}" 
-                    marker-end="url(#${t})"
-                />
-                </g>
-            `;break;case s.type==="text":const r=s.textContent.split("‎"),d=[];for(let c=0;c<r.length;c+=1)d.push(`
-                ${s.isBulletTextMode?`<tspan x="${s.x-s.fontSize}" y="${s.y+s.fontSize*c}" id="${s.id}" font-size="${s.fontSize/2}">⬤</tspan>`:""}
-                <tspan id="${s.id}" x="${s.x}" y="${s.y+s.fontSize*c}">
-                    ${r[c]}
-                </tspan>`);e.content+=`
-                ${this.computeTextElement(s,d,s.isBulletTextMode)}
-                `;break}})}else this.shapes=this.shapes.filter(i=>i.id!==e.id)},moveGroup(e){e.content="",e.x=this.copy(this.pointerPosition.x)-e.rectWidth/2,e.y=this.copy(this.pointerPosition.y)-e.rectHeight/2,e.source.forEach(i=>{switch(!0){case i.type==="circle":e.content+=`
-                <circle
-                id="${i.id}"
-                cx="${this.copy(this.pointerPosition.x)+i.diffX-e.rectWidth/2}"
-                cy="${this.copy(this.pointerPosition.y)+i.diffY-e.rectHeight/2}"
-                r="${i.circleRadius?i.circleRadius:Number.MIN_VALUE}"
-                fill="${i.isFilled?i.color+i.alpha:"rgba(255,255,255,0.001)"}"
-                stroke="${i.color+i.alpha}" 
-                                stroke-width="${i.strokeWidth}"
-                                style="${i.isDash?`stroke-dasharray: ${i.strokeWidth*3}`:""}"
-                                />
-            `;break;case i.type==="rect":e.content+=`
-                <rect
-                id="${this.isResizeMode?"":i.id}"
-                x="${this.copy(this.pointerPosition.x)+i.diffX-e.rectWidth/2}"
-                y="${this.copy(this.pointerPosition.y)+i.diffY-e.rectHeight/2}"
-                fill="${i.isFilled?i.color+i.alpha:"rgba(255,255,255,0.001)"}"
-                height="${i.rectHeight}"
-                width="${i.rectWidth}"
-                stroke="${i.color+i.alpha}"
-                stroke-width="${i.strokeWidth}"
-                style="rx:1 !important; ry:1 !important; ${i.isDash?`stroke-dasharray: ${i.strokeWidth*3}`:""}"
-                            />
-            `;break;case i.type==="arrow":const s=i.strokeWidth>3?5:10,n=i.strokeWidth>3?2.5:5,l=Date.now();e.content+=`
-                <g id="${i.id}">
-                <defs>
-                    <marker 
-                    id="${l}" 
-                    markerWidth="${s}" 
-                    markerHeight="${s}" 
-                    refX="0" 
-                    refY="${n}" 
-                    orient="auto"
-                    >
-                    <polygon 
-                    points="0 0,${s} ${n}, 0 ${s}" 
-                    fill="${i.color}"
-                    />
-                    </marker>
-                </defs>
-
-                <path 
-                    style="stroke-linecap: round !important; ${i.isDash?`stroke-dasharray: ${i.strokeWidth*3}`:""}" 
-                    stroke="${i.color}" 
-                    id="${i.id}" 
-                    d="M${this.copy(this.pointerPosition.x)+i.diffX-e.rectWidth/2},${this.copy(this.pointerPosition.y)+i.diffY-e.rectHeight/2} ${this.copy(this.pointerPosition.x)+i.diffEndX-e.rectWidth/2},${this.copy(this.pointerPosition.y)+i.diffEndY-e.rectHeight/2}" 
-                    stroke-width="${i.strokeWidth}" 
-                    marker-end="url(#${l})"
-                />
-                </g>
-            `;break;case i.type==="text":const t=i.textContent.split("‎"),r=[];for(let d=0;d<t.length;d+=1)r.push(`
-                ${i.isBulletTextMode?`<tspan x="${this.copy(this.pointerPosition.x)+i.diffX-i.fontSize-e.rectWidth/2}" y="${this.copy(this.pointerPosition.y)+i.diffY+i.fontSize*d-e.rectHeight/2}" id="${i.id}" font-size="${i.fontSize/2}">⬤</tspan>`:""}
-                <tspan id="${i.id}" x="${this.copy(this.pointerPosition.x)+i.diffX-e.rectWidth/2}" y="${this.copy(this.pointerPosition.y)+i.diffY+i.fontSize*d-e.rectHeight/2}">
-                    ${t[d]}
-                </tspan>`);e.content+=`
-                ${this.computeTextElement(i,r,i.isBulletTextMode)}
-                `;break}})},chooseAction(e){switch(e.preventDefault(),this.isMouseDown=!0,!0){case this.isDrawMode:this.drawDown();break}},chooseMove(e){switch(e.preventDefault(),e.target.localName!=="svg"&&(this.currentTarget=e.target),!0){case(this.isMoveMode&&this.isMouseDown):this.moveDown();break;case(this.isResizeMode&&this.isMouseDown):this.resize();break}},computeCaretPosition(e){switch(!0){case e.textAlign==="middle":return`<path stroke="black" stroke-width="2" d="M${e.x},${e.y-e.fontSize} ${e.x},${e.y-e.fontSize-15}" /> <path stroke="black" stroke-width="2" d="M${e.x-3},${e.y-e.fontSize-5} ${e.x},${e.y-e.fontSize} ${e.x+3},${e.y-e.fontSize-5}"/>`;case e.textAlign==="start":const i=e.isBulletTextMode?e.fontSize:0;return`<path d="M${e.x-20-i},${e.y-e.fontSize/6} ${e.x-5-i},${e.y-e.fontSize/6}" stroke="black" stroke-width="2" />
-                        <path  d="M${e.x-10-i},${e.y-e.fontSize/3} ${e.x-5-i},${e.y-e.fontSize/6} ${e.x-10-i},${e.y}" stroke="black" stroke-width="2">`;case e.textAlign==="end":return`<path d="M${e.x+20},${e.y-e.fontSize/6} ${e.x+5},${e.y-e.fontSize/6}" stroke="black" stroke-width="2" />
-                        <path d="M${e.x+10},${e.y-e.fontSize/3} ${e.x+5},${e.y-e.fontSize/6} ${e.x+10},${e.y}" stroke="black" stroke-width="2">`;default:return""}},computeTextElement(e,i,s=!1){switch(!0){case e.textAlign==="start":return`
-                <g id="${e.id}">
-                    <rect 
-                        id="${e.id}" 
-                        style="display:${this.lastSelectedShape&&this.lastSelectedShape.id===e.id?"initial":"none"};" 
-                        x="${e.x}" 
-                        y="${e.y-50}" 
-                        height="${e.lines===0||e.lines===1?e.fontSize*4:e.fontSize*2*e.lines}"
-                        width="100" 
-                        fill="rgba(0,0,0,0)"
-                    />
-                    <text
-                    style="user-select:none; height:100px;"
-                    id="${e.id}"
-                    x="${e.x}"
-                    y="${e.y}"
-                    text-anchor="${e.textAlign}"
-                    font-size="${e.fontSize}"
-                    fill="${e.color}"
-                    font-weight="${e.isBold?"bold":"normal"}"
-                    font-style="${e.isItalic?"italic":"normal"}"
-                    text-decoration="${e.isUnderline?"underline":"none"}"
-                    >
-                        ${i.join("")}
-                    </text>
-                    ${this.showCaret&&this.lastSelectedShape&&this.lastSelectedShape.id===e.id?this.computeCaretPosition(e):""}
-                    ${this.includeDeleteButton(e,s)}
-                </g> 
-                `;case e.textAlign==="middle":return`
-                    <g id="${e.id}">
-                    <rect 
-                        id="${e.id}" 
-                        style="display:${this.lastSelectedShape&&this.lastSelectedShape.id===e.id?"initial":"none"};" 
-                        x="${e.x-50}" 
-                        y="${e.y-50}" 
-                        height="${e.lines===0||e.lines===1?e.fontSize*4:e.fontSize*2*e.lines}"
-                        width="100" 
-                        fill="rgba(0,0,0,0)"
-                    />
-                    <text
-                    style="user-select:none; height:100px;"
-                    id="${e.id}"
-                    x="${e.x}"
-                    y="${e.y}"
-                    text-anchor="${e.textAlign}"
-                    font-size="${e.fontSize}"
-                    fill="${e.color}"
-                    font-weight="${e.isBold?"bold":"normal"}"
-                    font-style="${e.isItalic?"italic":"normal"}"
-                    text-decoration="${e.isUnderline?"underline":"none"}"
-                    >
-                        ${i.join("")}
-                    </text>
-                    ${this.showCaret&&this.lastSelectedShape&&this.lastSelectedShape.id===e.id?this.computeCaretPosition(e):""}
-                    ${this.includeDeleteButton(e)}
-                    </g>
-                `;case e.textAlign==="end":return`
-                <g id="${e.id}">
-                    <rect 
-                        id="${e.id}" 
-                        style="display:${this.lastSelectedShape&&this.lastSelectedShape.id===e.id?"initial":"none"};" 
-                        x="${e.x-100}" 
-                        y="${e.y-50}" 
-                        height="${e.lines===0||e.lines===1?e.fontSize*4:e.fontSize*2*e.lines}"
-                        width="100" 
-                        fill="rgba(0,0,0,0)"
-                    />
-                    <text
-                    style="user-select:none; height:100px;"
-                    id="${e.id}"
-                    x="${e.x}"
-                    y="${e.y}"
-                    text-anchor="${e.textAlign}"
-                    font-size="${e.fontSize}"
-                    fill="${e.color}"
-                    font-weight="${e.isBold?"bold":"normal"}"
-                    font-style="${e.isItalic?"italic":"normal"}"
-                    text-decoration="${e.isUnderline?"underline":"none"}"
-                    >
-                        ${i.join("")}
-                    </text>
-                    ${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 i=e.target.id;switch(!0){case this.isDeleteMode:this.shapes=[...this.shapes].filter(s=>s.id!==i),this.lastSelectedShape=void 0;break;default:this.lastSelectedShape=this.shapes.find(s=>s.id===i);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 i;this.shapes.length>0&&this.currentTarget&&(i=[...this.shapes].find(d=>d.id===this.currentTarget.id));let s,n,l;i&&(s=i.x-this.currentPointer.end.x,n=i.y-this.currentPointer.end.y,l=Math.sqrt(s*s+n*n));let t,r;e?(t=Math.max(this.currentPointer.end.x,i.x),r=Math.min(this.currentPointer.end.x,i.x),Math.max(this.currentPointer.end.y,i.y),Math.min(this.currentPointer.end.y,i.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:l+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 i=Array.from(document.getElementsByTagName("text")).find(r=>r.id===e.id);if(!i)return;const{x:s,y:n,width:l,height:t}=i.getBBox();e.textAlign==="start"&&(e.x=this.copy(this.pointerPosition.x-l/2)),e.textAlign==="middle"&&(e.x=this.copy(this.pointerPosition.x)),e.textAlign==="end"&&(e.x=this.copy(this.pointerPosition.x+l/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,i=this.shapes.find(s=>s.id===e);this.shapes=this.shapes.filter(s=>s.id!==e),this.shapes.push(i),this.pointerDownId===-1&&e&&this.move(i)},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,i={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))}),N.default(e).then(s=>{const n=s.width,l=s.height,t=n/i.width*i.height;let r=l,d=0;const c=i.width,u=582.28/n*l,y=s.toDataURL("image/png",1),a=new b.E("","pt","a4");if(r<t)a.addImage(y,"PNG",0,0,c,u,"","FAST");else for(;r>0;)a.addImage(y,"PNG",0,d,c,u,"","FAST"),r-=t,d-=i.height-24,r>0&&a.addPage();a.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 i=this.shapes.find(s=>s.id===e);this.activeShape=i.type,this.shapes=this.shapes.filter(s=>s.id!==e),this.shapes.push(i),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,l;e.touches&&e.touches.length>0?(n=e.touches[0].clientX,l=e.touches[0].clientY):(n=e.clientX,l=e.clientY),this.pointerPosition.x=(n-s.left)/s.width*this.svgWidth,this.pointerPosition.y=(l-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,i){for(i(e),e=e.firstChild;e;)this.walkTheDOM(e,i),e=e.nextSibling},save(){this.$emit("saveAnnotations",{shapes:this.shapes,lastSelectedShape:this.lastSelectedShape})}}},f={class:"vue-ui-annotator"},C={"data-html2canvas-ignore":""},S={class:"tool-selection",style:{"margin-top":"24px"}},x=["disabled"],k=["disabled"],g=["disabled"],m=["disabled"],p={style:{width:"80%"},viewBox:"0 0 24 24"},v=["disabled"],w={style:{width:"80%"},viewBox:"0 0 24 24"},A=["disabled"],M={style:{width:"80%"},viewBox:"0 0 24 24"},O=["disabled"],L=["disabled"],G={class:"tool-selection",style:{"margin-top":"6px"}},_={viewBox:"0 0 12 12",style:{width:"100%"}},z=["fill"],B={key:0,class:"tool-input"},T={for:"circleFill"},D=["checked"],V={viewBox:"0 0 12 12",style:{width:"100%"}},E=["fill"],R={key:1,class:"tool-input"},H={for:"rectFill"},W=["checked"],P={viewBox:"0 0 24 24",style:{width:"100%"}},X=["stroke"],U={key:2},Y={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},j={for:"textFont",style:{"font-size":"0.7em"}},q={key:3},Z={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},J={for:"dashStyle",style:{"font-size":"0.7em"}},K={viewBox:"0 0 24 24",height:"24",width:"24",style:{"margin-bottom":"-5px","margin-top":"-10px"}},Q=["checked"],$={style:{width:"80%"},viewBox:"0 0 24 24",fill:"currentColor"},ee={key:4},te={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"}},oe={for:"textFont",style:{"font-size":"0.7em"}},ie={key:5},le={key:6},se=["disabled"],re={key:7},ne=["disabled"],de={key:8},ce={key:9},ae={key:10},he={key:11},ue={style:{display:"flex","flex-direction":"column","align-items":"center","justify-content":"center"},class:"tooltip"},ye={style:{display:"flex","flex-direction":"column","align-items":"start","justify-content":"center"}},Ne={for:"colorTransparency",style:{"font-size":"0.7em"}},be={class:"annotator annotator__wrapper",ref:"drawSvgContainer",style:{position:"relative"}},Ie=["viewBox","width","height"],Fe=["id","innerHTML"],fe=["height","viewBox","width"],Ce=["cx","cy"];function Se(e,i,s,n,l,t){return o.openBlock(),o.createElementBlock("div",f,[o.createElementVNode("div",C,[o.createElementVNode("details",{class:"vue-ui-annotator-summary",onToggle:i[36]||(i[36]=(...r)=>t.toggleSummary&&t.toggleSummary(...r)),style:o.normalizeStyle(`${l.isSummaryOpen?"padding-bottom: 12px":""}; background: ${t.FINAL_CONFIG.style.backgroundColor}; color:${t.FINAL_CONFIG.style.color}; ${t.FINAL_CONFIG.style.fixedTools&&l.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",S,[o.createElementVNode("button",{disabled:l.shapes.length===0,style:o.normalizeStyle({background:l.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:l.isMoveMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:l.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":l.isMoveMode,tooltip:!0}),onClick:i[0]||(i[0]=r=>{t.deleteEmptyTextElement(),l.isMoveMode=!l.isMoveMode,l.activeShape=void 0,l.isDeleteMode=!1,l.isDrawMode=!1,l.isResizeMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.showCaret=!1})},[i[46]||(i[46]=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)),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,x),o.createElementVNode("button",{disabled:l.shapes.length===0||l.activeShape==="line",style:o.normalizeStyle({background:l.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:l.isResizeMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:l.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":l.isResizeMode,tooltip:!0}),onClick:i[1]||(i[1]=r=>{t.deleteEmptyTextElement(),l.isResizeMode=!l.isResizeMode,l.isMoveMode=!1,l.isDeleteMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.activeShape=void 0,l.showCaret=!1})},[i[47]||(i[47]=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)),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,k),o.createElementVNode("button",{disabled:l.shapes.length===0,style:o.normalizeStyle({background:l.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:l.isDeleteMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:l.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":l.isDeleteMode,tooltip:!0}),onClick:i[2]||(i[2]=r=>{t.deleteEmptyTextElement(),l.isDeleteMode=!l.isDeleteMode,l.isMoveMode=!1,l.isResizeMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.activeShape=void 0,l.showCaret=!1})},[i[48]||(i[48]=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)),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,g),o.createElementVNode("button",{disabled:!t.canSelect,style:o.normalizeStyle({background:l.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.controls.backgroundColor,border:l.isSelectMode?t.FINAL_CONFIG.style.buttons.controls.selected.border:t.FINAL_CONFIG.style.buttons.controls.border,color:l.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":l.isSelectMode,tooltip:!0}),onClick:i[3]||(i[3]=r=>{t.deleteEmptyTextElement(),t.setShapeTo("group"),l.isSelectMode=!l.isSelectMode,l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isTextMode=!1,l.isWriting=!1,l.activeShape="group",l.showCaret=!1})},[(o.openBlock(),o.createElementBlock("svg",p,i[49]||(i[49]=[o.createElementVNode("path",{fill:"currentColor",d:"M1,1V5H2V19H1V23H5V22H19V23H23V19H22V5H23V1H19V2H5V1M5,4H19V5H20V19H19V20H5V19H4V5H5M6,6V14H9V18H18V9H14V6M8,8H12V12H8M14,11H16V16H11V14H14"},null,-1)]))),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,m),o.createElementVNode("button",{disabled:l.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:i[4]||(i[4]=r=>{l.isResizeMode=!1,l.isMoveMode=!0,l.isDeleteMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.showCaret=!1,t.bringShapeTo("front")})},[(o.openBlock(),o.createElementBlock("svg",w,i[50]||(i[50]=[o.createElementVNode("path",{fill:"currentColor",d:"M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z"},null,-1)]))),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,v),o.createElementVNode("button",{disabled:l.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:i[5]||(i[5]=r=>{l.isResizeMode=!1,l.isMoveMode=!0,l.isDeleteMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.showCaret=!1,t.bringShapeTo("back")})},[(o.openBlock(),o.createElementBlock("svg",M,i[51]||(i[51]=[o.createElementVNode("path",{fill:"currentColor",d:"M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z"},null,-1)]))),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,A),o.createElementVNode("button",{disabled:l.shapes.length===0||l.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:i[6]||(i[6]=r=>{t.deleteEmptyTextElement(),l.isResizeMode=!1,l.isMoveMode=!0,l.isDeleteMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.showCaret=!1,t.copyPaste()})},[i[52]||(i[52]=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)),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,O),o.createElementVNode("button",{disabled:l.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:i[7]||(i[7]=r=>{l.isResizeMode=!1,l.isMoveMode=!1,l.isDeleteMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.isTextMode=!1,l.isWriting=!1,l.activeShape=void 0,l.showCaret=!1,t.undoLastShape()})},[i[53]||(i[53]=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)),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,L),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:i[8]||(i[8]=(...r)=>t.print&&t.print(...r))},[i[54]||(i[54]=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)),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:i[9]||(i[9]=(...r)=>t.save&&t.save(...r))},[i[55]||(i[55]=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)),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",G,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.activeShape==="circle",tooltip:!0}),style:o.normalizeStyle({background:l.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.activeShape==="circle"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[10]||(i[10]=r=>{t.setShapeTo("circle"),l.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",_,[o.createElementVNode("circle",{cx:6,cy:6,r:"4",fill:l.options.circle.filled?(l.activeShape==="circle",l.selectedColor+t.colorTransparency):"none",stroke:"currentColor"},null,8,z)])),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),l.activeShape==="circle"?(o.openBlock(),o.createElementBlock("div",B,[o.createElementVNode("label",T,o.toDisplayString(t.FINAL_CONFIG.translations.filled),1),o.withDirectives(o.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":i[11]||(i[11]=r=>l.options.circle.filled=r),onChange:i[12]||(i[12]=(...r)=>t.setFillOfSelectedCircle&&t.setFillOfSelectedCircle(...r)),checked:l.options.circle.filled},null,40,D),[[o.vModelCheckbox,l.options.circle.filled]])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.activeShape==="rect",tooltip:!0}),style:o.normalizeStyle({background:l.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.activeShape==="rect"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[13]||(i[13]=r=>{t.setShapeTo("rect"),l.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",V,[o.createElementVNode("rect",{x:"3",y:"3",style:{rx:"0 !important",ry:"0 !important"},height:"6",width:"6",fill:l.options.rect.filled?(l.activeShape==="rect",l.selectedColor+t.colorTransparency):"none",stroke:"currentColor"},null,8,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.tooltipShapeRect),5)):o.createCommentVNode("",!0)],6),l.activeShape==="rect"?(o.openBlock(),o.createElementBlock("div",R,[o.createElementVNode("label",H,o.toDisplayString(t.FINAL_CONFIG.translations.filled),1),o.withDirectives(o.createElementVNode("input",{id:"rectFill",type:"checkbox","onUpdate:modelValue":i[14]||(i[14]=r=>l.options.rect.filled=r),onChange:i[15]||(i[15]=(...r)=>t.setFillOfSelectedRect&&t.setFillOfSelectedRect(...r)),checked:l.options.rect.filled},null,40,W),[[o.vModelCheckbox,l.options.rect.filled]])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.activeShape==="arrow",tooltip:!0}),style:o.normalizeStyle({background:l.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.activeShape==="arrow"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[16]||(i[16]=r=>{t.setShapeTo("arrow"),l.isSelectMode=!1})},[(o.openBlock(),o.createElementBlock("svg",P,[o.createElementVNode("path",{stroke:l.options.arrow.filled?l.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,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.tooltipShapeArrow),5)):o.createCommentVNode("",!0)],6),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.activeShape==="line",tooltip:!0}),style:o.normalizeStyle({background:l.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.activeShape==="line"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[17]||(i[17]=r=>{t.setShapeTo("line"),l.isSelectMode=!1})},[i[56]||(i[56]=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)),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(l.activeShape)?(o.openBlock(),o.createElementBlock("div",U,[o.createElementVNode("div",Y,[o.createElementVNode("label",j,o.toDisplayString(t.FINAL_CONFIG.translations.thickness),1),o.withDirectives(o.createElementVNode("input",{id:"textFont",type:"number","onUpdate:modelValue":i[18]||(i[18]=r=>l.strokeSize=r),onInput:i[19]||(i[19]=(...r)=>t.setStrokeWidthOfSelectedShape&&t.setStrokeWidthOfSelectedShape(...r)),style:{padding:"0 4px",width:"40px",border:"1px solid #dadada","border-radius":"3px"}},null,544),[[o.vModelText,l.strokeSize]])])])):o.createCommentVNode("",!0),["arrow","circle","rect"].includes(l.activeShape)?(o.openBlock(),o.createElementBlock("div",q,[o.createElementVNode("div",Z,[o.createElementVNode("label",J,o.toDisplayString(t.FINAL_CONFIG.translations.dashedLines),1),(o.openBlock(),o.createElementBlock("svg",K,i[57]||(i[57]=[o.createElementVNode("line",{x1:"0",x2:"24",y1:"12",y2:"12","stroke-width":"2",stroke:"black","stroke-dasharray":"3"},null,-1)]))),o.withDirectives(o.createElementVNode("input",{id:"dashStyle",name:"dashStyle",type:"checkbox","onUpdate:modelValue":i[20]||(i[20]=r=>l.isDash=r),onChange:i[21]||(i[21]=(...r)=>t.setSelectedShapeToDash&&t.setSelectedShapeToDash(...r)),checked:l.isDash},null,40,Q),[[o.vModelCheckbox,l.isDash]])])])):o.createCommentVNode("",!0),o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.isTextMode,tooltip:!0}),style:o.normalizeStyle({background:l.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.isTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[22]||(i[22]=r=>{t.deleteEmptyTextElement(),l.isTextMode=!l.isTextMode,l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isSelectMode=!1,l.isDrawMode=!1,l.activeShape=void 0})},[(o.openBlock(),o.createElementBlock("svg",$,i[58]||(i[58]=[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)]))),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),l.isTextMode?(o.openBlock(),o.createElementBlock("div",ee,[o.createElementVNode("div",te,[o.createElementVNode("label",oe,o.toDisplayString(t.FINAL_CONFIG.translations.fontSize),1),o.withDirectives(o.createElementVNode("input",{id:"textFont",type:"number","onUpdate:modelValue":i[23]||(i[23]=r=>l.textFont=r),onInput:i[24]||(i[24]=(...r)=>t.setCurrentStyleOfSelectedText&&t.setCurrentStyleOfSelectedText(...r)),style:{padding:"0 4px",width:"40px",border:"1px solid #dadada","border-radius":"3px"}},null,544),[[o.vModelText,l.textFont]])])])):o.createCommentVNode("",!0),l.isTextMode?(o.openBlock(),o.createElementBlock("div",ie,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.textAlign==="start",tooltip:!0}),style:o.normalizeStyle({background:l.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.textAlign==="start"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[25]||(i[25]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.textAlign="start",t.setSelectedTextAlignTo("start")})},[i[59]||(i[59]=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)),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),l.isTextMode?(o.openBlock(),o.createElementBlock("div",le,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.textAlign==="middle",tooltip:!0}),style:o.normalizeStyle({background:l.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.textAlign==="middle"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:l.isBulletTextMode,onClick:i[26]||(i[26]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.textAlign="middle",t.setSelectedTextAlignTo("middle")})},[i[60]||(i[60]=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)),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,se)])):o.createCommentVNode("",!0),l.isTextMode?(o.openBlock(),o.createElementBlock("div",re,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.textAlign==="end",tooltip:!0}),style:o.normalizeStyle({background:l.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.textAlign==="end"?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:l.isBulletTextMode,onClick:i[27]||(i[27]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.textAlign="end",t.setSelectedTextAlignTo("end")})},[i[61]||(i[61]=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)),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,ne)])):o.createCommentVNode("",!0),l.isTextMode?(o.openBlock(),o.createElementBlock("div",de,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.isBulletTextMode,tooltip:!0}),style:o.normalizeStyle({background:l.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.isBulletTextMode?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[28]||(i[28]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.isBulletTextMode=!l.isBulletTextMode,l.textAlign="start",t.setSelectedTextAlignTo("start"),t.setCurrentStyleOfSelectedText()})},[i[62]||(i[62]=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)),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),l.isTextMode?(o.openBlock(),o.createElementBlock("div",ce,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.isBold,tooltip:!0}),style:o.normalizeStyle({background:l.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.isBold?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[29]||(i[29]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.isBold=!l.isBold,t.setCurrentStyleOfSelectedText()})},[i[63]||(i[63]=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)),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),l.isTextMode?(o.openBlock(),o.createElementBlock("div",ae,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.isItalic,tooltip:!0}),style:o.normalizeStyle({background:l.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.isItalic?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[30]||(i[30]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.isItalic=!l.isItalic,t.setCurrentStyleOfSelectedText()})},[i[64]||(i[64]=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)),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),l.isTextMode?(o.openBlock(),o.createElementBlock("div",he,[o.createElementVNode("button",{class:o.normalizeClass({"button-tool":!0,"button-tool--selected":l.isUnderline,tooltip:!0}),style:o.normalizeStyle({background:l.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.backgroundColor:t.FINAL_CONFIG.style.buttons.shapes.backgroundColor,border:l.isUnderline?t.FINAL_CONFIG.style.buttons.shapes.selected.border:t.FINAL_CONFIG.style.buttons.shapes.border,color:l.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:i[31]||(i[31]=r=>{l.isDeleteMode=!1,l.isMoveMode=!1,l.isResizeMode=!1,l.isDrawMode=!1,l.isSelectMode=!1,l.activeShape=void 0,l.isUnderline=!l.isUnderline,t.setCurrentStyleOfSelectedText()})},[i[65]||(i[65]=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)),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",ue,[o.withDirectives(o.createElementVNode("input",{type:"color",id:"colorPicker",name:"colorPicker","onUpdate:modelValue":i[32]||(i[32]=r=>l.selectedColor=r),onInput:i[33]||(i[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,l.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",ye,[o.createElementVNode("label",Ne,o.toDisplayString(t.FINAL_CONFIG.translations.colorAlpha)+": "+o.toDisplayString(l.transparency>98?100:l.transparency)+" % ",1),o.withDirectives(o.createElementVNode("input",{id:"colorTransparency",name:"colorTransparency",type:"range","onUpdate:modelValue":i[34]||(i[34]=r=>l.transparency=r),onInput:i[35]||(i[35]=(...r)=>t.setTransparencyOfSelectedShape&&t.setTransparencyOfSelectedShape(...r)),min:0,max:100,style:{width:"100px"}},null,544),[[o.vModelText,l.transparency]])])])],36)]),o.createElementVNode("div",be,[o.renderSlot(e.$slots,"default",{},void 0,!0),l.isSummaryOpen?(o.openBlock(),o.createElementBlock("svg",{id:"annotatorSvg",key:l.step,ref:"mainSvg",class:o.normalizeClass({draw:!0,"draw--free":l.activeShape==="line"}),style:o.normalizeStyle([`cursor:${t.cursorClass}; font-family: Helvetica; z-index: 100000000;`,{position:"absolute",top:"0",left:"0"}]),viewBox:`0 0 ${l.svgWidth} ${l.svgHeight}`,width:l.sourceWidth,height:l.sourceHeight,onPointerdown:i[38]||(i[38]=r=>t.chooseAction(r)),onPointerup:i[39]||(i[39]=(...r)=>t.resetDraw&&t.resetDraw(...r)),onTouchend:i[40]||(i[40]=(...r)=>t.resetDraw&&t.resetDraw(...r)),onTouchstart:i[41]||(i[41]=r=>{t.setPointer(r),t.clickSvg(r)}),onPointermove:i[42]||(i[42]=r=>{t.setPointer(r),t.chooseMove(r)}),onPointerout:i[43]||(i[43]=r=>{l.preventEdit=!0,l.hoveredShapeId=void 0}),onPointerover:i[44]||(i[44]=r=>t.allowEditAndHoverShapes(r)),onClick:i[45]||(i[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:i[37]||(i[37]=c=>{t.clickShape(c),l.isMoveMode=!1})},null,8,Fe))),128))],46,Ie)):o.createCommentVNode("",!0),l.isPrinting?(o.openBlock(),o.createElementBlock("svg",{key:1,style:{position:"absolute",top:"0",left:"0"},height:l.sourceHeight,viewBox:`0 0 ${l.svgWidth} ${l.svgHeight}`,width:l.sourceWidth},[o.createElementVNode("circle",{class:"animated-circle-print",cx:l.svgWidth/2,cy:l.svgHeight/2,r:"50",stroke:"#6376DD","stroke-width":"10",fill:"none"},null,8,Ce)],8,fe)):o.createCommentVNode("",!0)],512)])}const xe=I._export_sfc(F,[["render",Se],["__scopeId","data-v-14ebd65f"]]);exports.default=xe;

package/dist/vue-ui-cursor-DMCSD6tW.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),y=require("./useNestedProp-Cf-JPzTa.cjs"),i=require("./index-BprEQiKM.cjs"),C=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_=["xmlns","height","width"],p={id:"follower",fy:"30%",fx:"30%"},x=["stop-color","stop-opacity"],E=["r","fill","stroke","stroke-width","stroke-dasharray"],N=["r"],g={key:2,class:"wave"},V=["id"],w=["id"],S=["filter","stroke"],B={key:3,class:"crosshair"},R=["x1","stroke","stroke-width","stroke-dasharray"],b=["x1","stroke","stroke-width","stroke-dasharray"],F=["y1","stroke","stroke-width","stroke-dasharray"],z=["y1","stroke","stroke-width","stroke-dasharray"],L=["cy","r","fill"],O=["cy","r","fill"],I=["cx","r","fill"],T=["cx","r","fill"],D={key:5,class:"coordinates"},$=["x","y","font-size","fill"],W=["transform"],G=["font-size","fill"],P={__name:"vue-ui-cursor",props:{config:{type:Object,default:{}}},setup(f){const{vue_ui_cursor:h}=i.useConfig(),k=f,n=t.ref(i.createUid()),e=t.computed(()=>y.useNestedProp({userConfig:k.config,defaultConfig:h})),o=t.ref({x:-100,y:-100});function u({clientX:r,clientY:l,...A}){o.value.x=r-e.value.centerCircleRadius,o.value.y=l-e.value.centerCircleRadius}function d(r){o.value.x=r.targetTouches[0].clientX-e.value.centerCircleRadius,o.value.y=r.targetTouches[0].clientY-e.value.centerCircleRadius}const v=t.ref(!0);function a(r){v.value=r}const s=t.ref(!1),c=t.ref(null);function m(){s.value=!1,c.value&&clearTimeout(c.value),t.nextTick(()=>{s.value=!0,c.value=setTimeout(()=>{s.value=!1},1e3)})}return t.onMounted(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.addEventListener("mousemove",u),r.addEventListener("touchmove",d),r.addEventListener("mouseleave",()=>a(!1)),r.addEventListener("mouseenter",()=>a(!0)),r.addEventListener("click",m)}),t.onBeforeUnmount(()=>{const r=e.value.parentId?document.getElementById(e.value.parentId):document.getElementsByTagName("div")[0];r.removeEventListener("mousemove",u),r.removeEventListener("touchmove",d),r.removeEventListener("mouseleave",()=>a(!1)),r.removeEventListener("mouseenter",()=>a(!0)),r.removeEventListener("click",m)}),t.computed(()=>e.value.centerCircleRadius/2.5),(r,l)=>v.value?(t.openBlock(),t.createElementBlock("svg",{key:0,"data-html2canvas-ignore":"",xmlns:t.unref(i.XMLNS),style:t.normalizeStyle(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${o.value.y}px; left:${o.value.x}px;`),viewBox:"0 0 100 100",height:e.value.centerCircleRadius*2,width:e.value.centerCircleRadius*2},[t.createElementVNode("defs",null,[t.createElementVNode("radialGradient",p,[t.createElementVNode("stop",{offset:"10%","stop-color":e.value.bubbleEffectColor,"stop-opacity":e.value.bubbleEffectOpacity},null,8,x),l[0]||(l[0]=t.createElementVNode("stop",{offset:"95%","stop-color":"transparent"},null,-1))])]),e.value.showCenterCircle?(t.openBlock(),t.createElementBlock("circle",{key:0,cx:50,cy:50,r:e.value.centerCircleRadius,fill:t.unref(i.setOpacity)(e.value.centerCircleColor,e.value.centerCircleOpacity*100),stroke:e.value.centerCircleStroke,"stroke-width":e.value.centerCircleStrokeWidth,"stroke-dasharray":e.value.centerCircleDasharray},null,8,E)):t.createCommentVNode("",!0),e.value.bubbleEffect?(t.openBlock(),t.createElementBlock("circle",{key:1,cx:50,cy:50,r:e.value.centerCircleRadius,fill:"url(#follower)",stroke:"none"},null,8,N)):t.createCommentVNode("",!0),e.value.useWaveOnClick?(t.openBlock(),t.createElementBlock("g",g,[t.createElementVNode("defs",null,[t.createElementVNode("filter",{id:`blur_${n.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[t.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:4,id:`blur_std_${n.value}`},null,8,w),l[1]||(l[1]=t.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1))],8,V)]),s.value?(t.openBlock(),t.createElementBlock("circle",{key:0,class:t.normalizeClass({"circle-wave":s.value}),cx:50,cy:50,r:50,filter:`url(#blur_${n.value})`,stroke:e.value.centerCircleStroke,fill:"none","stroke-width":"3"},null,10,S)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.value.showCrosshair?(t.openBlock(),t.createElementBlock("g",B,[t.createElementVNode("line",{x1:-e.value.centerCircleRadius+50,x2:-5e3,y1:50,y2:50,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,R),t.createElementVNode("line",{x1:50+e.value.centerCircleRadius,x2:5e3,y1:50,y2:50,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,b),t.createElementVNode("line",{x1:50,x2:50,y1:-e.value.centerCircleRadius+50,y2:-5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,F),t.createElementVNode("line",{x1:50,x2:50,y1:e.value.centerCircleRadius+50,y2:5e3,stroke:e.value.crosshairStroke,"stroke-width":e.value.crosshairStrokeWidth,"stroke-dasharray":e.value.crosshairDasharray,"stroke-linecap":"round"},null,8,z)])):t.createCommentVNode("",!0),e.value.showIntersectCircles?(t.openBlock(),t.createElementBlock("g",{key:4,class:t.normalizeClass({"rotating-circles":e.value.isLoading})},[t.createElementVNode("circle",{cx:50,cy:e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,L),t.createElementVNode("circle",{cx:50,cy:-e.value.centerCircleRadius+50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,O),t.createElementVNode("circle",{cx:-e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,I),t.createElementVNode("circle",{cx:e.value.centerCircleRadius+50,cy:50,r:e.value.intersectCirclesRadius,fill:e.value.intersectCirclesFill},null,8,T)],2)):t.createCommentVNode("",!0),e.value.showCoordinates?(t.openBlock(),t.createElementBlock("g",D,[t.createElementVNode("text",{"text-anchor":"end",x:-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,y:50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset,"font-size":e.value.coordinatesFontSize,fill:e.value.coordinatesColor,style:{"font-variant-numeric":"tabular-nums"},"font-family":"Arial"},t.toDisplayString(o.value.x.toFixed(0)),9,$),t.createElementVNode("g",{transform:`translate(${50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset}, ${-e.value.centerCircleRadius+50-e.value.coordinatesFontSize/2+e.value.coordinatesOffset})`},[t.createElementVNode("text",{"text-anchor":"start","font-size":e.value.coordinatesFontSize,fill:e.value.coordinatesColor,style:{"font-variant-numeric":"tabular-nums"},transform:"rotate(-90)","font-family":"Arial"},t.toDisplayString(o.value.y.toFixed(0)),9,G)],8,W)])):t.createCommentVNode("",!0)],12,_)):t.createCommentVNode("",!0)}},q=C._export_sfc(P,[["__scopeId","data-v-0cca0d39"]]);exports.default=q;

package/dist/vue-ui-dashboard-Cewv6xvc.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),A=require("./pdf-BpXLKlRx.cjs"),G=require("./useNestedProp-Cf-JPzTa.cjs"),$=require("./index-BprEQiKM.cjs"),J=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),K={key:0,"data-html2canvas-ignore":"",style:{width:"100%",display:"flex","justify-content":"end"}},Q=["disabled"],Z=["stroke"],ee={key:1},te=["id"],oe=["onMousedown","onTouchstart"],le=["onMousedown","onTouchstart"],ae=["onMousedown","onTouchstart"],ne=["onMousedown","onTouchstart"],ue=["onMousedown","onTouchstart"],M=20,se={__name:"vue-ui-dashboard",props:{dataset:Array,config:Object},emits:["change"],setup(x,{expose:S,emit:X}){o.useCssVars(e=>({"014a5839":F.value,c96c137e:R.value}));const{vue_ui_dashboard:Y}=$.useConfig(),_=x,r=o.computed(()=>G.useNestedProp({userConfig:_.config,defaultConfig:Y})),E=o.ref($.createUid()),c=o.ref(r.value.locked);function V(){c.value=!c.value}const s=o.ref(_.dataset.map((e,t)=>({...e,index:t}))),h=o.ref(null),u=o.ref(null),v=o.ref({x:0,y:0}),f=o.ref({x:0,y:0}),i=o.ref(null),d=o.ref(!1),p=o.ref(null),m=o.ref(!1),b=o.ref(!1);function z(e){const t=e.target;(t.tagName==="INPUT"&&t.type==="range"||t.classList.contains("range-handle"))&&(b.value=!0)}function N(e){const t=e.target;t.tagName==="INPUT"&&t.type==="range"&&(b.value=!1)}function C(){m.value=!0,A.default({domElement:document.getElementById(`vue-ui-dashboard_${E.value}`),fileName:"vue-ui-dashboard"}).finally(()=>{m.value=!1})}function H(e){if(!c.value&&(d.value=!0,p.value=e,u.value===null)){h.value=e,v.value={x:event.clientX,y:event.clientY};const t=s.value[e],a=100-t.width,l=100-t.height;t.left<0&&(t.left=0),t.top<0&&(t.top=0),t.left>a&&(t.left=a),t.top>l&&(t.top=l),t.left<0&&(t.left=0),t.top<0&&(t.top=0),t.left+t.width>100&&(t.left=100-t.width),t.top+t.height>100&&(t.top=100-t.height)}}function y(e,t){d.value=!0,p.value=e,u.value={index:e,direction:t};const a=s.value[e];f.value={x:event.clientX,y:event.clientY,initialWidth:a.width,initialHeight:a.height}}function B(e,t,a){if(u.value.direction.includes("top")){const l=e.height-a/i.value.offsetHeight*100;l>=M&&(e.top+=a/i.value.offsetHeight*100,e.height=l)}if(u.value.direction.includes("bottom")){const l=e.height+a/i.value.offsetHeight*100;l>=M&&(e.height=l)}if(u.value.direction.includes("left")){const l=e.width-t/i.value.offsetWidth*100;l>=M&&(e.left+=t/i.value.offsetWidth*100,e.width=l)}if(u.value.direction.includes("right")){const l=e.width+t/i.value.offsetWidth*100;l>=M&&(e.width=l)}}function I(e){if(!(c.value||b.value)){if(d.value=!0,h.value!==null){const t=s.value[h.value],a=e.clientX-v.value.x,l=e.clientY-v.value.y,n=t.left+a/i.value.offsetWidth*100,g=t.top+l/i.value.offsetHeight*100;n>=0&&g>=0&&n+t.width<=100&&g+t.height<=100&&(t.left=n,t.top=g),v.value={x:e.clientX,y:e.clientY}}if(u.value!==null){const t=s.value[u.value.index],a=e.clientX-f.value.x,l=e.clientY-f.value.y;B(t,a,l),f.value={x:e.clientX,y:e.clientY}}}}const P=X;o.watch(s,e=>{e&&!d.value&&P("change",s.value)},{deep:!0});function D(){h.value=null,u.value=null,d.value=!1,p.value=null,s.value.forEach(e=>{e.left=Math.round(e.left/100*100),e.top=Math.round(e.top/100*100),e.width=Math.round(e.width/100*100),e.height=Math.round(e.height/100*100)})}function L(e){c.value||b.value||(d.value=!0,p.value=e,u.value===null&&(h.value=e,v.value={x:event.touches[0].clientX,y:event.touches[0].clientY}))}function k(e,t,a){if(d.value=!0,p.value=e,u.value===null){u.value={index:e,direction:t};const l=s.value[e];f.value={x:a.touches[0].clientX,y:a.touches[0].clientY,initialWidth:l.width,initialHeight:l.height}}}function T(e){if(d.value=!0,e.preventDefault(),u.value!==null){const t=s.value[u.value.index],a=e.touches[0].clientX-f.value.x,l=e.touches[0].clientY-f.value.y;B(t,a,l),f.value={x:e.touches[0].clientX,y:e.touches[0].clientY}}}function W(e){if(!(c.value||b.value)&&(d.value=!0,e.preventDefault(),h.value!==null)){const t=s.value[h.value],a=e.touches[0].clientX-v.value.x,l=e.touches[0].clientY-v.value.y,n=t.left+a/i.value.offsetWidth*100,g=t.top+l/i.value.offsetHeight*100;n>=0&&g>=0&&n+t.width<=100&&g+t.height<=100&&(t.left=n,t.top=g),v.value={x:e.touches[0].clientX,y:e.touches[0].clientY}}}function w(){d.value=!1,p.value=null,h.value=null,u.value=null,s.value.forEach(e=>{e.left=Math.round(e.left/100*100),e.top=Math.round(e.top/100*100),e.width=Math.round(e.width/100*100),e.height=Math.round(e.height/100*100)})}const F=o.computed(()=>r.value.style.item.borderColor),R=o.computed(()=>r.value.style.resizeHandles.backgroundColor),q=o.computed(()=>r.value.style.board.aspectRatio),O=o.computed(()=>r.value.style.board.backgroundColor),U=o.computed(()=>r.value.style.board.border);function j(){return s.value}return S({generatePdf:C,getItemsPositions:j,toggleLock:V}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{onMousedown:z,onMouseup:N,onTouchstart:z,onTouchend:N},[r.value.allowPrint?(o.openBlock(),o.createElementBlock("div",K,[o.createElementVNode("button",{class:"vue-ui-dashboard-button",onClick:C,disabled:m.value,style:o.normalizeStyle([{"margin-top":"12px"},`color:${r.value.style.board.color}`])},[m.value?(o.openBlock(),o.createElementBlock("svg",{key:0,class:"vue-ui-dashboard-print-icon",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:r.value.style.board.color,fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},t[4]||(t[4]=[o.createStaticVNode('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-07570d07></path><path d="M18 16v.01" data-v-07570d07></path><path d="M6 16v.01" data-v-07570d07></path><path d="M12 5v.01" data-v-07570d07></path><path d="M12 12v.01" data-v-07570d07></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-07570d07></path>',6)]),8,Z)):(o.openBlock(),o.createElementBlock("span",ee,"PDF"))],12,Q)])):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"vue-ui-dashboard-container",ref_key:"dashboardContainer",ref:i,id:`vue-ui-dashboard_${E.value}`,style:o.normalizeStyle(`border:${U.value}; sbackground:${O.value}; aspect-ratio:${q.value}`)},[o.createElementVNode("div",{class:"vue-ui-dashboard-grid-container",ref:"container",onMousemove:I,onMouseup:D,onTouchmove:W,onTouchend:w,style:o.normalizeStyle(`background:${r.value.style.board.backgroundColor}`)},[t[5]||(t[5]=o.createElementVNode("div",{class:"vue-ui-dashboard-grid"},null,-1)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.value,(a,l)=>(o.openBlock(),o.createElementBlock("div",{key:a.id,class:o.normalizeClass({"vue-ui-dashboard-grid-item":!0,"vue-ui-dashboard-grid-item--locked":c.value}),style:o.normalizeStyle({width:`${a.width}%`,height:`${a.height}%`,left:`${a.left}%`,top:`${a.top}%`,cursor:"move",boxShadow:p.value===l?"0 6px 12px -3px rgba(0,0,0,0.3)":"",zIndex:p.value===l?s.value.length+1:a.index,backgroundColor:r.value.style.item.backgroundColor}),onMousedown:n=>H(l),onTouchstart:n=>L(l)},[c.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",onMousedown:n=>y(l,"top-left"),onTouchstart:n=>k(l,"top-left",n),onTouchmove:t[0]||(t[0]=n=>T(n)),onTouchend:w},null,40,le),o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",onMousedown:n=>y(l,"top-right"),onTouchstart:n=>k(l,"top-right",n),onTouchmove:t[1]||(t[1]=n=>T(n)),onTouchend:w},null,40,ae),o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",onMousedown:n=>y(l,"bottom-left"),onTouchstart:n=>k(l,"bottom-left",n),onTouchmove:t[2]||(t[2]=n=>T(n)),onTouchend:w},null,40,ne),o.createElementVNode("div",{class:"vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",onMousedown:n=>y(l,"bottom-right"),onTouchstart:n=>k(l,"bottom-right",n),onTouchmove:t[3]||(t[3]=n=>T(n)),onTouchend:w},null,40,ue)],64)),o.renderSlot(e.$slots,"content",{item:a,index:l,left:a.left,top:a.top,height:a.height,width:a.width},void 0,!0)],46,oe))),128))],36)],12,te)],32))}},re=J._export_sfc(se,[["__scopeId","data-v-07570d07"]]);exports.default=re;