https://fontpainter.com/_nuxt/D6JnUhnl.js

1import{aa as ke,g as we,r as b,A as rt,e as mt,a6 as Ce,a7 as Me,c as O,o as A,a as s,ac as ct,d as C,Z as et,aZ as nt,P as j,t as ut,F as ee,ad as ne,ar as oe,v as _e}from"./CZKrCW95.js";import{o as se,t as Se,C as le,L as ie,a as $e}from"./chwulL9D.js";import{_ as Oe}from"./DlAUqK2U.js";const Ae={class:"page mobile-first"},Le={key:0,class:"toolbar"},Pe={class:"btn"},Ie=["disabled"],Re=["disabled"],Fe=["disabled"],je=["disabled"],We={class:"chk"},Ee={class:"chk"},Ve={class:"chk"},Ye=["disabled"],De=["disabled"],Te=["disabled"],Xe=["disabled"],Ue=["disabled"],Be=["disabled"],ze={key:1,class:"topbar-mobile"},Ne={class:"left"},Ge={class:"right"},He={key:0,class:"side"},Ke={class:"paths"},Ze=["onClick"],qe={key:0,class:"grid"},Je={key:2,class:"mobile-more"},Qe={class:"section"},tn={class:"row"},en=["disabled"],nn=["disabled"],on={class:"section"},sn={class:"row mb-5"},ln=["disabled"],an=["disabled"],rn=["disabled"],cn=["disabled"],un=["disabled"],dn={class:"section"},pn={class:"row toggles"},fn={class:"toggle"},vn={class:"toggle"},hn={class:"toggle"},yn={key:3,class:"bottom-bar"},bn={class:"icon-btn big"},xn=["disabled"],mn=["disabled"],gn=["disabled"],kn=["disabled"],wn={class:"drawer-panel"},Cn={class:"drawer-head"},Mn={class:"paths mobile"},_n=["onClick"],Sn=ke({__name:"editorSvg",setup($n){const{$svgjs:ae}=we(),jt=b(null),dt=b(null),pt=b(null);let ot,z,M,P,_;const p=rt({scale:1,pan:{x:0,y:0}}),Z=b(!1),N=b(!1),st=b(!1),gt=b(!1),I=rt({width:"",height:"",viewBox:"",par:"",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"",version:"1.1",doctype:"",xmlDecl:'<?xml version="1.0" standalone="no"?>'}),S=b([]),G=b(-1),V=mt(()=>S.value[G.value]||null),Y=b(-1),f=rt({mode:null,anchorIndex:-1,handle:null,start:{x:0,y:0},changed:!1}),lt=b(!0),it=b(!1),q=b(!1),m=mt(()=>S.value.length>0),at=b(!0),R=b(!0),D=rt(new Map),W=rt({active:!1,startDist:0,startScale:1,center:{x:0,y:0}}),T=b([]),L=b(-1),kt=mt(()=>L.value>0),wt=mt(()=>L.value>=0&&L.value<T.value.length-1);function Ct(e){return{x:e.x,y:e.y}}function Wt(e){return{pos:Ct(e.pos),in:Ct(e.in),out:Ct(e.out)}}function re(e){return{fill:e.data("origFill")??e.attr("fill")??void 0,fillRule:e.data("origFillRule")||void 0,fillOpacity:e.data("origFillOpacity"),stroke:e.data("origStroke")??void 0,strokeWidth:e.data("origStrokeWidth"),strokeOpacity:e.data("origStrokeOpacity"),linecap:e.data("origLinecap")||void 0,linejoin:e.data("origLinejoin")||void 0,miterlimit:e.data("origMiterlimit")}}function Et(e,t){t.fill!==void 0&&e.fill(t.fill==="none"?"none":t.fill),t.fillRule&&e.attr({"fill-rule":t.fillRule}),t.fill!=="none"&&t.fillOpacity!=null&&t.fillOpacity!==1&&e.attr({"fill-opacity":t.fillOpacity}),t.stroke&&t.stroke!=="none"?(e.stroke({color:t.stroke,width:t.strokeWidth??1,linecap:t.linecap||"butt",linejoin:t.linejoin||"miter",miterlimit:t.miterlimit??4}),t.strokeOpacity!=null&&t.strokeOpacity!==1&&e.attr({"stroke-opacity":t.strokeOpacity})):e.stroke({color:"none",width:0}),t.fill!==void 0&&e.data("origFill",t.fill),t.fillRule&&e.data("origFillRule",t.fillRule),t.fillOpacity!=null&&e.data("origFillOpacity",t.fillOpacity),t.stroke!==void 0&&e.data("origStroke",t.stroke),t.strokeWidth!=null&&e.data("origStrokeWidth",t.strokeWidth),t.strokeOpacity!=null&&e.data("origStrokeOpacity",t.strokeOpacity),t.linecap&&e.data("origLinecap",t.linecap),t.linejoin&&e.data("origLinejoin",t.linejoin),t.miterlimit!=null&&e.data("origMiterlimit",t.miterlimit)}function ce(){const e=M.matrixify(),t=[e.a,e.b,e.c,e.d,e.e,e.f];return{paths:S.value.map(o=>({anchors:o.anchors.map(Wt),closed:o.closed,style:re(o.element)})),art:t,activeIndex:G.value}}function Vt(e){P.clear(),S.value=[],e.paths.forEach(n=>{const o=Xt(n.anchors,n.closed),l=P.path(o);Et(l,n.style),S.value.push({element:l,anchors:n.anchors.map(Wt),closed:n.closed})}),M.transform({a:e.art[0],b:e.art[1],c:e.art[2],d:e.art[3],e:e.art[4],f:e.art[5]});const t=Math.min(Math.max(0,e.activeIndex),Math.max(0,S.value.length-1));G.value=S.value.length?t:-1,_.clear(),S.value.length&&J()}function X(){const e=ce();L.value<T.value.length-1&&T.value.splice(L.value+1),T.value.push(e),L.value=T.value.length-1}function Mt(){kt.value&&(L.value--,Vt(T.value[L.value]))}function _t(){wt.value&&(L.value++,Vt(T.value[L.value]))}Ce(()=>{var n;const e=window.matchMedia("(max-width: 768px)"),t=o=>{N.value=!!o.matches};t(e),(n=e.addEventListener)==null||n.call(e,"change",t),ot=ae().addTo(jt.value).size("100%","100%"),z=ot.group().attr({id:"viewport"}),M=z.group().attr({id:"art"}),P=M.group().attr({id:"content"}),_=M.group().attr({id:"overlay"}),_.front(),E(),window.addEventListener("keydown",Yt)}

1),Me(()=>{window.removeEventListener("keydown",Yt)});function Yt(e){const t=e.key.toLowerCase();(e.ctrlKey||e.metaKey)&&(t==="z"&&!e.shiftKey?(e.preventDefault(),Mt()):(t==="y"||t==="z"&&e.shiftKey)&&(e.preventDefault(),_t()))}function ue(){M&&M.transform({a:1,b:0,c:0,d:1,e:0,f:0}),p.scale=1,p.pan.x=0,p.pan.y=0,E()}function E(){const e=p.scale,t=p.pan.x,n=p.pan.y;z.attr("transform",`matrix(${e} 0 0 ${e} ${t} ${n})`)}async function Dt(e){var l;const t=e.target,n=(l=t.files)==null?void 0:l[0];if(!n)return;const o=await n.text();await de(o),t.value=""}function St(){P.clear(),_.clear(),S.value=[],G.value=-1,Y.value=-1,T.value=[],L.value=-1}function ft(e,t){return{x:e.a*t.x+e.c*t.y+e.e,y:e.b*t.x+e.d*t.y+e.f}}function vt(e){const t=ot.point(e.clientX,e.clientY),n=z.matrixify().inverse();let o=ft(n,{x:t.x,y:t.y});const l=M.matrixify().inverse();return o=ft(l,o),o}async function de(e){ue(),St();const n=new DOMParser().parseFromString(e,"image/svg+xml"),o=n.documentElement;if(!o||o.nodeName.toLowerCase()!=="svg")return;I.width=o.getAttribute("width")||"",I.height=o.getAttribute("height")||"",I.viewBox=o.getAttribute("viewBox")||"",I.par=o.getAttribute("preserveAspectRatio")||"",I.version=o.getAttribute("version")||I.version,I.xmlns=o.getAttribute("xmlns")||I.xmlns,I.xmlnsXlink=o.getAttribute("xmlns:xlink")||"";const l=n.doctype;I.doctype=l?`<!DOCTYPE ${l.name}${l.publicId?` PUBLIC "${l.publicId}"`:""}${l.systemId?` "${l.systemId}"`:""}>`:"",pt.value.innerHTML="",pt.value.appendChild(o);const i=Array.from(o.querySelectorAll("path")),a=i.some(r=>{const u=r.getCTM();return!!(u&&u.d<0)});i.forEach(r=>{const u=r.getAttribute("d")||"";if(!u)return;const c=r.getCTM(),v=c?[c.a,c.b,c.c,c.d,c.e,c.f]:[1,0,0,1,0,0],d=se(u),x=Se(d,v),F=le(ie(x,5)),h=window.getComputedStyle(r),$=(K,B,tt)=>{const te=r.getAttribute(K);return te??(B||tt)},g=(K,B=1)=>{if(!K)return B;const tt=parseFloat(K);return Number.isFinite(tt)?tt:B},k=$("fill",h.fill,"black"),w=$("fill-rule",h.fillRule||""),U=g(r.getAttribute("fill-opacity")??h.fillOpacity??h.opacity,1),H=$("stroke",h.stroke,"none"),ht=g(r.getAttribute("stroke-width")??h.strokeWidth??"1",1),yt=g(r.getAttribute("stroke-opacity")??h.strokeOpacity??h.opacity,1),bt=$("stroke-linecap",h.strokeLinecap||""),xt=$("stroke-linejoin",h.strokeLinejoin||""),Ft=g(r.getAttribute("stroke-miterlimit")??h.strokeMiterlimit??"4",4),y=P.path(F);Et(y,{fill:k,fillRule:w,fillOpacity:U,stroke:H,strokeWidth:ht,strokeOpacity:yt,linecap:bt,linejoin:xt,miterlimit:Ft});{const K=y.attr("fill"),B=y.attr("stroke"),tt=+y.attr("stroke-width")||0;(K==="none"||K==null)&&(B==="none"||B==null||tt===0)&&y.stroke({color:"#000",width:1})}const ge=pe(y);S.value.push({element:y,...ge})}),pt.value.innerHTML="",S.value.length&&(Rt(0),a&&(await _e(),It()),Tt(40,"top-center"),X())}function Tt(e=40,t="top-center",n=6,o=.05){if(!m.value||!dt.value)return;p.scale=1,p.pan.x=0,p.pan.y=0,E();const l=M.rbox(z),i=4,a=Math.max(l.width||0,i),r=Math.max(l.height||0,i),u=dt.value.getBoundingClientRect(),c=Math.max(10,u.width-2*e),v=Math.max(10,u.height-2*e),d=Math.min(c/a,v/r),x=Math.max(o,Math.min(d,n)),F=u.width/2,h=u.height/2,$=x*(l.x+a/2),g=x*(l.y+r/2);let k,w;t==="center"?(k=F-$,w=h-g):(k=F-$,w=e-x*l.y),p.scale=x,p.pan.x=k,p.pan.y=w,E()}function pe(e){const t=e.attr("d")||"";let n;try{n=$e(t)}catch{return{anchors:[],closed:!1}}const o=[];let l=!1;for(const i of n){if(!Array.isArray(i))continue;const a=i[0];if(a==="M")o.push($t(i[1],i[2]));else if(a==="C"){const r=i[1],u=i[2],c=i[3],v=i[4],d=i[5],x=i[6];o.length>0&&(o[o.length-1].out={x:r,y:u}),o.push($t(d,x,{x:c,y:v}))}else a==="Z"&&(l=!0)}return{anchors:o,closed:l}}function $t(e,t,n=null,o=null){return{pos:{x:e,y:t},in:n?{...n}:{x:e,y:t},out:o?{...o}:{x:e,y:t}}}function Xt(e,t){var o,l,i,a;const n=[];if(!e.length)return"";n.push("M",e[0].pos.x,e[0].pos.y);for(let r=1;r<e.length;r++){const u=e[r-1],c=e[r],v=((o=u.out)==null?void 0:o.x)??u.pos.x,d=((l=u.out)==null?void 0:l.y)??u.pos.y,x=((i=c.in)==null?void 0:i.x)??c.pos.x,F=((a=c.in)==null?void 0:a.y)??c.pos.y;n.push("C",v,d,x,F,c.pos.x,c.pos.y)}return t&&n.push("Z"),n.join(" ")}function Ot(e){const{element:t,anchors:n,closed:o}=e;t.plot(Xt(n,o))}function J(){if(_.clear(),!R.value)return;const e=V.value;if(!e)return;const t=1/(p.scale||1),n=Math.max(1,1*t),o=3*t,l=12*t,i=14*t;_.path(e.element.attr("d")).fill("none").stroke({color:"#93c5fd",width:8*t,opacity:.15}

1).back(),e.anchors.forEach((a,r)=>{_.line(a.pos.x,a.pos.y,a.in.x,a.in.y).attr({"vector-effect":"non-scaling-stroke"}).stroke({color:"#60a5fa",width:n,dasharray:`${o} ${o}`}),_.line(a.pos.x,a.pos.y,a.out.x,a.out.y).attr({"vector-effect":"non-scaling-stroke"}).stroke({color:"#f87171",width:n,dasharray:`${o} ${o}`});const u=_.circle(l).center(a.in.x,a.in.y).fill("#60a5fa").addClass("handle handle-in").data("idx",r),c=_.circle(l).center(a.out.x,a.out.y).fill("#f87171").addClass("handle handle-out").data("idx",r),v=_.circle(i).center(a.pos.x,a.pos.y).fill("#111").addClass("anchor").data("idx",r);u.on("pointerdown",d=>At("handle","in",r,d)),c.on("pointerdown",d=>At("handle","out",r,d)),v.on("pointerdown",d=>At("anchor",null,r,d)),v.on("click",()=>{Y.value=r})})}function At(e,t,n,o){if(!R.value&&e!=="pan")return;const l=vt(o);f.mode=e,f.handle=t,f.anchorIndex=n,f.start=l,f.changed=!1}function fe(e){var t,n;if((n=(t=e.target).setPointerCapture)==null||n.call(t,e.pointerId),D.set(e.pointerId,{x:e.clientX,y:e.clientY}),D.size===2){const[o,l]=Array.from(D.values()),i=l.x-o.x,a=l.y-o.y;W.startDist=Math.hypot(i,a),W.startScale=p.scale,W.center=vt(e),W.active=!0;return}if(!(!R.value&&!Z.value)){if(Z.value){f.mode="pan",f.start={x:e.clientX,y:e.clientY};return}if(q.value&&V.value){const o=vt(e);be(o),X()}}}function ve(e){if(W.active&&D.size>=2){D.set(e.pointerId,{x:e.clientX,y:e.clientY});const[a,r]=Array.from(D.values()).slice(0,2),u=r.x-a.x,c=r.y-a.y,d=(Math.hypot(u,c)||1)/(W.startDist||1);p.scale=Math.max(.1,Math.min(20,W.startScale*d)),E();return}if(!R.value&&f.mode!=="pan"||!f.mode)return;if(f.mode==="pan"){const a=f.start,r=e.clientX-a.x,u=e.clientY-a.y;f.start={x:e.clientX,y:e.clientY},p.pan.x+=r,p.pan.y+=u,E();return}const t=vt(e),n=t.x-f.start.x,o=t.y-f.start.y;f.start=t;const l=V.value;if(!l)return;const i=l.anchors[f.anchorIndex];if(f.mode==="anchor")i.pos.x+=n,i.pos.y+=o,i.in.x+=n,i.in.y+=o,i.out.x+=n,i.out.y+=o;else if(f.mode==="handle"){const a=f.handle==="in"?"in":"out";if(i[a].x+=n,i[a].y+=o,lt.value){const r=a==="in"?"out":"in";i[r].x=i.pos.x-(i[a].x-i.pos.x),i[r].y=i.pos.y-(i[a].y-i.pos.y)}}it.value&&me(i),Ot(l),J(),f.changed=!0}function Lt(e){var t,n;(n=(t=e.target).releasePointerCapture)==null||n.call(t,e.pointerId),D.delete(e.pointerId),W.active&&D.size<2&&(W.active=!1),f.mode&&f.changed&&X(),f.mode=null,f.anchorIndex=-1,f.handle=null,f.changed=!1}function Ut(){Z.value=!Z.value}function Pt(){q.value=!q.value}function Bt(){R.value=!R.value,R.value?J():_.clear()}function zt(){const e=V.value;if(!e||Y.value<0)return;const t=Y.value;t===0?e.anchors.shift():t===e.anchors.length-1?e.anchors.pop():e.anchors.splice(t,1),Y.value=-1,Ot(e),J(),X()}function he(e,t,n,o,l){const i=1-l;return{x:i*i*i*e.x+3*i*i*l*t.x+3*i*l*l*n.x+l*l*l*o.x,y:i*i*i*e.y+3*i*i*l*t.y+3*i*l*l*n.y+l*l*l*o.y}}function ye(e,t,n,o,l){const i=Q(e,t,l),a=Q(t,n,l),r=Q(n,o,l),u=Q(i,a,l),c=Q(a,r,l),v=Q(u,c,l);return{left:[e,i,u,v],right:[v,c,r,o]}}function Q(e,t,n){return{x:e.x+(t.x-e.x)*n,y:e.y+(t.y-e.y)*n}}function be(e){const t=V.value;if(!t||t.anchors.length<2)return;let n={segIndex:1,t:.5,dist:1/0};for(let c=1;c<t.anchors.length;c++){const v=t.anchors[c-1],d=t.anchors[c],x=v.pos,F=v.out,h=d.in,$=d.pos;for(let g=0;g<=1;g+=.02){const k=he(x,F,h,$,g),w=Math.hypot(k.x-e.x,k.y-e.y);w<n.dist&&(n={segIndex:c,t:g,dist:w})}}const o=n.segIndex,l=t.anchors[o-1],i=t.anchors[o],{left:a,right:r}=ye(l.pos,l.out,i.in,i.pos,n.t);l.out={x:a[1].x,y:a[1].y};const u=$t(a[3].x,a[3].y,{x:a[2].x,y:a[2].y},{x:r[1].x,y:r[1].y});i.in={x:r[2].x,y:r[2].y},t.anchors.splice(o,0,u),Ot(t),J()}function Nt(e){const t=dt.value.getBoundingClientRect(),n=ot.point(t.left+t.width/2,t.top+t.height/2),o=z.matrixify().inverse(),l=ft(o,{x:n.x,y:n.y});p.pan.x=l.x-e*(l.x-p.pan.x),p.pan.y=l.y-e*(l.y-p.pan.y),p.scale=Math.max(.1,Math.min(20,p.scale*e)),E()}function Gt(){Nt(1.1)}function Ht(){Nt(.9)}function Kt(){Tt(40,"top-center"),E()}function xe(e){const t=e.deltaY<0?1.1:.9,n=ot.point(e.clientX,e.clientY),o=z.matrixify().inverse(),l=ft(o,{x:n.x,y:n.y});p.pan.x=l.x-t*(l.x-p.pan.x),p.pan.y=l.y-t*(l.y-p.pan.y),p.scale=Math.max(.1,Math.min(20,p.scale*t)),E()}function It(){const e=P.bbox();M.scale(1,-1,e.cx,e.cy),X()}function Zt(){const e=P.bbox();M.scale(-1,1,e.cx,e.cy),X()}function qt(){const e=P.bbox();M.rotate(90,e.cx,e.cy),X()}function Jt(){const e=P.bbox();M.rotate(-90,e.cx,e.cy),X()}function Rt(e){G.value=e,Y.value=-1,_.clear(),J()}function Qt(e={}){if(!m.value)return;const t=Math.max(0,e.precision??3),n=e.filename??"export.svg",o=100,l=100,i="translate(0.000000,100.000000) scale(0.100000,-0.100000)",a=[];if(P.find("path").forEach(d=>{const x=d.attr("d");if(!x)return;const F=se(x),h=ie(F,t),$=le(h);let g=d.attr("fill")??"none";const k=d.attr("fill-opacity");let w=d.attr("stroke")??"none",U=d.attr("stroke-width");const H=d.attr("stroke-opacity"),ht=d.attr("stroke-linecap"),yt=d.attr("stroke-linejoin"),bt=d.attr("stroke-miterlimit"),xt=g!=="none"&&(k==null||+k>0),Ft=w!=="none"&&(H==null||+H>0)&&(U==null||+U>0);!xt&&!Ft&&(w="#000",U=U??"1");const y=[`d="${$}"`];y.push(`fill="${xt?g:"#000"}"`),k!=null&&+k!=1&&y.push(`fill-opacity="${+k}"`),w&&w!=="none"&&(y.push(`stroke="${w}"`),U!=null&&y.push(`stroke-width="${+U}"`),H!=null&&+H!=1&&y.push(`stroke-opacity="${+H}"`),ht&&y.push(`stroke-linecap="${ht}"`),yt&&y.push(`stroke-linejoin="${yt}"`),bt!=null&&y.push(`stroke-miterlimit="${+bt}"`)),a.push(`<path ${y.join(" ")} />`)}),!a.length)return;const r=`<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 ${o} ${l}" width="${o}" height="${l}" preserveAspectRatio="xMidYMid meet">
2  <g xmlns="http://www.w3.org/2000/svg" transform="${i}" fill="#000000" stroke="none">
3${a.map(d=>"    "+d).join(`
4`)}
5  </g>
6</svg>

6`,u=new Blob([r],{type:"image/svg+xml;charset=utf-8"}),c=URL.createObjectURL(u),v=document.createElement("a");v.href=c,v.download=n,v.rel="noopener",v.target="_blank",document.body.appendChild(v),v.click(),setTimeout(()=>{v.remove(),URL.revokeObjectURL(c)},0)}function me(e,t=10){const n=o=>Math.round(o/t)*t;e.pos.x=n(e.pos.x),e.pos.y=n(e.pos.y),e.in.x=n(e.in.x),e.in.y=n(e.in.y),e.out.x=n(e.out.x),e.out.y=n(e.out.y)}return(e,t)=>(A(),O("div",Ae,[N.value?(A(),O("header",ze,[s("div",Ne,[s("button",{class:"icon-btn",title:"Пути",onClick:t[3]||(t[3]=n=>st.value=!0)},"🧩")]),t[19]||(t[19]=s("div",{class:"center title"},"SVG Editor",-1)),s("div",Ge,[s("button",{class:"icon-btn",title:"Меню",onClick:t[4]||(t[4]=n=>gt.value=!gt.value)},"⋯")])])):(A(),O("header",Le,[s("label",Pe,[t[10]||(t[10]=C(" Загрузить SVG ")),s("input",{type:"file",accept:".svg",onChange:Dt},null,32)]),s("button",{class:"btn",onClick:Qt,disabled:!m.value},"Скачать SVG",8,Ie),s("button",{class:"btn",onClick:St,disabled:!m.value},"Очистить",8,Re),t[14]||(t[14]=s("span",{class:"sep"},null,-1)),s("button",{class:"btn",onClick:Mt,disabled:!kt.value},"⟲ Отменить",8,Fe),s("button",{class:"btn",onClick:_t,disabled:!wt.value},"⟳ Повторить",8,je),t[15]||(t[15]=s("span",{class:"sep"},null,-1)),s("button",{class:"btn",onClick:Gt},"+ Зум"),s("button",{class:"btn",onClick:Ht},"− Зум"),s("button",{class:"btn",onClick:Kt},"Сброс зума"),t[16]||(t[16]=s("span",{class:"sep"},null,-1)),s("label",We,[et(s("input",{type:"checkbox","onUpdate:modelValue":t[0]||(t[0]=n=>lt.value=n)},null,512),[[nt,lt.value]]),t[11]||(t[11]=C(" Симметричные ручки"))]),s("label",Ee,[et(s("input",{type:"checkbox","onUpdate:modelValue":t[1]||(t[1]=n=>it.value=n)},null,512),[[nt,it.value]]),t[12]||(t[12]=C(" Привязка к сетке"))]),s("label",Ve,[et(s("input",{type:"checkbox","onUpdate:modelValue":t[2]||(t[2]=n=>at.value=n)},null,512),[[nt,at.value]]),t[13]||(t[13]=C(" Показать сетку"))]),t[17]||(t[17]=s("span",{class:"sep"},null,-1)),s("button",{class:j(["btn",{active:q.value}]),onClick:Pt,disabled:!V.value},"Добавить точку",10,Ye),s("button",{class:"btn",onClick:zt,disabled:Y.value===-1},"Удалить точку",8,De),s("button",{class:j(["btn",{active:Z.value}]),onClick:Ut},"Панорамирование",2),s("button",{class:j(["btn",{active:!R.value}]),onClick:Bt},ut(R.value?"Скрыть точки":"Показать точки"),3),t[18]||(t[18]=s("span",{class:"sep"},null,-1)),s("button",{class:"btn",onClick:It,disabled:!m.value},"Отразить по Y",8,Te),s("button",{class:"btn",onClick:Zt,disabled:!m.value},"Отразить по X",8,Xe),s("button",{class:"btn",onClick:Jt,disabled:!m.value},"⟲ 90°",8,Ue),s("button",{class:"btn",onClick:qt,disabled:!m.value},"⟲ 90°",8,Be)])),s("div",{class:j(["content",{"content--mobile":N.value}])},[N.value?ct("",!0):(A(),O("aside",He,[t[20]||(t[20]=s("h3",null,"Пути",-1)),s("ul",Ke,[(A(!0),O(ee,null,ne(S.value,(n,o)=>(A(),O("li",{key:o,class:j({active:G.value===o}),onClick:l=>Rt(o)}

6,[C(" Path "+ut(o+1)+" ",1),s("small",null,"("+ut(n.anchors.length)+" узл.)",1)],10,Ze))),128))])])),s("div",{class:"stage",ref_key:"stageRef",ref:dt,onPointerdown:fe,onPointermove:ve,onPointerup:Lt,onPointercancel:Lt,onPointerleave:Lt,onWheel:oe(xe,["prevent"])},[s("div",{ref_key:"svgMount",ref:jt,class:"svg-mount"},null,512),at.value?(A(),O("div",qe)):ct("",!0)],544)],2),N.value&&gt.value?(A(),O("div",Je,[s("div",{class:"section"},[t[21]||(t[21]=s("div",{class:"section-title"},"Просмотр",-1)),s("div",{class:"row"},[s("button",{class:"pill",onClick:Gt},"+ Зум"),s("button",{class:"pill",onClick:Ht},"− Зум"),s("button",{class:"pill",onClick:Kt},"Сброс")])]),s("div",Qe,[t[22]||(t[22]=s("div",{class:"section-title"},"Инструменты",-1)),s("div",tn,[s("button",{class:j(["pill",{active:q.value}]),onClick:Pt,disabled:!V.value},"+ Точка",10,en),s("button",{class:"pill",onClick:zt,disabled:Y.value===-1},"Удалить точку",8,nn),s("button",{class:j(["pill",{active:Z.value}]),onClick:Ut},"Панорама",2),s("button",{class:j(["pill",{active:!R.value}]),onClick:Bt},"Точки",2)])]),s("div",on,[t[23]||(t[23]=s("div",{class:"section-title"},"Правка",-1)),s("div",sn,[s("button",{class:"pill",onClick:It,disabled:!m.value},"Flip Y",8,ln),s("button",{class:"pill",onClick:Zt,disabled:!m.value},"Flip X",8,an),s("button",{class:"pill",onClick:Jt,disabled:!m.value},"⟲90°",8,rn),s("button",{class:"pill",onClick:qt,disabled:!m.value},"⟳90°",8,cn),s("button",{class:"pill danger",onClick:St,disabled:!m.value},"Очистить",8,un)])]),s("div",dn,[s("div",pn,[s("label",fn,[et(s("input",{type:"checkbox","onUpdate:modelValue":t[5]||(t[5]=n=>lt.value=n)},null,512),[[nt,lt.value]]),t[24]||(t[24]=C(" Симметричные"))]),s("label",vn,[et(s("input",{type:"checkbox","onUpdate:modelValue":t[6]||(t[6]=n=>it.value=n)},null,512),[[nt,it.value]]),t[25]||(t[25]=C(" Привязка"))]),s("label",hn,[et(s("input",{type:"checkbox","onUpdate:modelValue":t[7]||(t[7]=n=>at.value=n)},null,512),[[nt,at.value]]),t[26]||(t[26]=C(" Сетка"))])])])])):ct("",!0),N.value?(A(),O("nav",yn,[s("label",bn,[t[27]||(t[27]=C(" 📂 ")),s("input",{type:"file",accept:".svg",onChange:Dt},null,32),t[28]||(t[28]=s("span",null,"Открыть",-1))]),s("button",{class:"icon-btn big",disabled:!kt.value,onClick:Mt},t[29]||(t[29]=[C("↩️"),s("span",null,"Назад",-1)]),8,xn),s("button",{class:"icon-btn big",disabled:!wt.value,onClick:_t},t[30]||(t[30]=[C("↪️"),s("span",null,"Вперёд",-1)]),8,mn),s("button",{class:"icon-btn big",disabled:!m.value,onClick:Qt},t[31]||(t[31]=[C("💾"),s("span",null,"Скачать",-1)]),8,gn),s("button",{class:j(["icon-btn big",{active:q.value}]),disabled:!V.value,onClick:Pt},t[32]||(t[32]=[C("➕"),s("span",null,"Точка",-1)]),10,kn)])):ct("",!0),N.value&&st.value?(A(),O("div",{key:4,class:"drawer",onClick:t[9]||(t[9]=oe(n=>st.value=!1,["self"]))},[s("div",wn,[s("div",Cn,[t[33]||(t[33]=s("div",{class:"title"},"Пути",-1)),s("button",{class:"icon-btn",onClick:t[8]||(t[8]=n=>st.value=!1)},"✖")]),s("ul",Mn,[(A(!0),O(ee,null,ne(S.value,(n,o)=>(A(),O("li",{key:o,class:j({active:G.value===o}),onClick:l=>{Rt(o),st.value=!1}}

6,[C(" Path "+ut(o+1)+" ",1),s("small",null,"("+ut(n.anchors.length)+" узл.)",1)],10,_n))),128))])])])):ct("",!0),s("div",{ref_key:"importHost",ref:pt,class:"import-host","aria-hidden":"true"},null,512)]))}}),Pn=Oe(Sn,[["__scopeId","data-v-90c3359f"]]);export{Pn as default};