https://ebooked.ai/_next/static/chunks/7315.dfce49c5862694fb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7315],{97315:function(e,t,l){l.r(t),l.d(t,{Workspace:function(){return eR},default:function(){return eD}});var n=l(2265),r=l(91690),o=l(73372),a=l(92609),i=l(71173),s=l(76379);let c=(0,s.zo)("div",n.forwardRef)`
2  position: absolute;
3  top: 0;
4  left: 0;
5  pointer-events: none;
6`,d=(0,s.zo)("div",n.forwardRef)`
7  height: 14px;
8  position: sticky;
9  font-size: 8px;
10  line-height: 14px;
11  top: 0;
12  left: 0;
13  color: grey;
14  border-bottom: 1px solid grey;
15  background-color: #e8e8e8;
16  overflow: hidden;
17`,u=(0,s.zo)("div",n.forwardRef)`
18  left: 0;
19  width: 14px;
20  position: sticky;
21  font-size: 8px;
22  line-height: 14px;
23  color: grey;
24  border-right: 1px solid grey;
25  background-color: #e8e8e8;
26  overflow: hidden;
27`,p=(0,s.zo)("div",n.forwardRef)`
28  position: absolute;
29  border-left: 1px solid grey;
30  padding-left: 2px;
31`,m=(0,s.zo)("div",n.forwardRef)`
32  position: absolute;
33  left: 14px;
34  border-left: 1px solid grey;
35  padding-left: 2px;
36  transform: rotate(90deg);
37  transform-origin: left top;
38  overflow: hidden;
39`,h=[.1,.2,.5,1,2,5,10,20,25,50,100,200,500,1e3,2e3,5e3,1e4],g=(0,r.observer)(({store:e,width:t,height:l,pageSizes:r,layout:o="vertical",renderOnlyActivePage:s})=>{var g;let v=n.useRef(null);if(!e.activePage)return null;let f=e.activePage,E=(e.bleedVisible&&f.bleed,f.computedWidth*e.scale),y=f.computedHeight*e.scale,x=(t-E)/2,b=(l-y)/2,w=(g=t=>(0,i.LU)({unitVal:t,dpi:e.dpi,unit:e.unit})*e.scale,h.find(e=>g(e)>30)||1e4),k=(0,i.LU)({unitVal:w,dpi:e.dpi,unit:e.unit})*e.scale,C=Math.round(E/k)+1,P=Math.round(y/k)+1,L=(0,a.Ne)(e.selectedShapes);return n.createElement(c,{ref:v,className:"polotno-rulers",style:{display:"flex",flexDirection:"column"}},"horizontal"===o?n.createElement(n.Fragment,null,n.createElement("div",{style:{display:"flex",flexDirection:"row",position:"sticky",top:0,zIndex:1}},n.createElement("div",{style:{width:"14px",height:"14px",flexShrink:0,backgroundColor:"#e8e8e8",borderRight:"1px solid grey",borderBottom:"1px solid grey",position:"sticky",left:0,zIndex:2}}),(s?[e.activePage]:e.pages).map((l,o)=>{var a;if(!l)return null;let i=r?r[o]:t,s=(i-l.computedWidth*e.scale)/2;return n.createElement(d,{key:l.id,style:{width:i+"px",flexShrink:0,position:"relative"},className:"polotno-x-ruler"},[...Array(C)].map((t,l)=>n.createElement(p,{key:l,style:{left:s+l*k+"px",width:k+"px"}},"px"===e.unit||w>=1?Math.round(w*l):(w*l).toFixed(1))),(null===(a=e.selectedShapes[0])||void 0===a?void 0:a.page)===l&&n.createElement("div",{style:{position:"absolute",left:s+L.x*e.scale+"px",height:"14px",width:L.width*e.scale,backgroundColor:"rgba(0,0,0,0.15)"}}))})),n.createElement(u,{style:{height:l+"px",position:"sticky",left:0,marginTop:"-14px"},className:"polotno-y-ruler"},[...Array(P)].map((t,l)=>n.createElement(m,{key:l,style:{top:b+l*k+"px",width:k+"px"}},"px"===e.unit||w>=1?Math.round(w*l):(w*l).toFixed(1))),!!e.selectedShapes.length&&n.createElement("div",{style:{position:"absolute",top:b+L.y*e.scale+"px",width:"14px",height:L.height*e.scale,backgroundColor:"rgba(0,0,0,0.15)"}}))):n.createElement(n.Fragment,null,n.createElement(d,{style:{width:t+"px"},className:"polotno-x-ruler"},[...Array(C)].map((t,l)=>n.createElement(p,{key:l,style:{left:x+l*k+"px",width:k+"px"}},"px"===e.unit||w>=1?Math.round(w*l):(w*l).toFixed(1))),!!e.selectedShapes.length&&n.createElement("div",{style:{position:"absolute",left:x+L.x*e.scale+"px",height:"14px",width:L.width*e.scale,backgroundColor:"rgba(0,0,0,0.15)"}})),(s?[e.activePage]:e.pages).map((t,o)=>{var a;if(!t)return null;let i=r?r[o]:l,s=(i-t.computedHeight*e.scale)/2,c=0===o?14:0;return n.createElement(u,{key:t.id,style:{height:i-c+"px"},className:"polotno-y-ruler"},[...Array(P)].map((t,l)=>n.createElement(m,{key:l,style:{top:s+l*k-c+"px",width:k+"px"}},"px"===e.unit||w>=1?Math.round(w*l):(w*l).toFixed(1))),(null===(a=e.selectedShapes[0])||void 0===a?void 0:a.page)===t&&n.createElement("div",{style:{position:"absolute",top:s+L.y*e.scale-c+"px",width:"14px",height:L.height*e.scale,backgroundColor:"rgba(0,0,0,0.15)"}}))})))});var v=l(74679);let f=(0,r.observer)(({audio:e,store:t})=>{let[l,r]=function(e){let[t,l]=n.useState(null),[r,o]=n.useState("loading");return n.useEffect(()=>{let t=new Audio(e),n=()=>{o("loaded"),l(t)},r=()=>{o("failed"),l(null)};return t.addEventListener("canplay",n),t.addEventListener("error",r),()=>{t.removeEventListener("canplay",n),t.removeEventListener("error",r)}},[e]),[t,r]}(e.src);return n.useEffect(()=>{l&&t.history.ignore(()=>{e.set({duration:1e3*l.duration})})},[l,e,t.history]),n.useEffect(()=>{if(!l)return;let n=()=>{l.currentTime=e.startTime*e.duration/1e3},r=()=>{let t=e.endTime*e.duration/1e3;l.currentTime>=t&&(l.pause(),l.currentTime=e.startTime*e.duration/1e3)};l.addEventListener("ended",n),l.addEventListener("timeupdate",r);let o=(0,v.EH)(()=>{let n=t.animatedElementsIds;if(n.length&&!n.includes(e.id))return;let r=t.currentTime-e.delay,o=e.duration*(e.endTime-e.startTime);if(!t.isPlaying||0!==t.animatedElementsIds.length||!(r>=0&&r<o))return void l.pause();l.volume=e.volume,l.paused&&l.play();let a=r%o/1e3+e.startTime*e.duration/1e3,i=l.currentTime;Math.abs(i-a)>.5&&a!==i&&(l.currentTime=a)});return()=>{l.pause(),l.removeEventListener("ended",n),l.removeEventListener("timeupdate",r),o()}},[t.isPlaying,e.startTime,e.endTime,e.volume,l]),null});var E=l(28692);let y={data:[],pageId:""},x="polotno_clipboard",b=(e,t)=>{y={data:JSON.parse(JSON.stringify(e)),pageId:t||""};try{localStorage.setItem(x,JSON.stringify(e)),localStorage.setItem(x+"_page",t||"")}catch(e){}},w=()=>{try{let e=localStorage.getItem(x),t=localStorage.getItem(x+"_page");if(e)return{data:JSON.parse(e),pageId:t}}catch(e){}return y},k=e=>{var t;0!==e.selectedElements.length&&b(e.selectedElements.map(e=>e.toJSON()),null===(t=e.activePage)||void 0===t?void 0:t.id)},C=e=>{var t;b(e.selectedElements.map(e=>e.toJSON()),null===(t=e.activePage)||void 0===t?void 0:t.id);let l=e.selectedElements.filter(e=>e.removable).map(e=>e.id);e.deleteElements(l)},P=e=>{e.history.transaction(()=>{var t,l;let n=0,r=0,{data:o,pageId:i}=w();if(i===(null===(t=e.activePage)||void 0===t?void 0:t.id))n=e.width/20,r=e.height/20;else{let t=[];(0,E.lc)({children:o},e=>{"group"!==e.type&&t.push(e)});let l=(0,a.Ne)(t);l.maxX>e.width&&(n=-l.minX),l.maxY>e.height&&(r=-l.minY)}let s=[];(0,E.lc)({children:o},e=>{delete e.id,"group"!==e.type&&(e.x+=n,e.y+=r)}),o.forEach(t=>{var l;let n=null===(l=e.activePage)||void 0===l?void 0:l.addElement(t);n&&s.push(n.id)}),b(o,null===(l=e.activePage)||void 0===l?void 0:l.id),e.selectElements(s)})};var L=l(34563),S=l(88653);let T="rgba(191, 191, 191, 100)";var M=l(26534);let R=(e,t,l)=>Math.max(t,Math.min(l,e)),D=(e,t)=>Math.sqrt(Math.pow(t.clientX-e.clientX,2)+Math.pow(t.clientY-e.clientY,2)),N=({store:e})=>n.createElement("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center"}},n.createElement("p",null,(0,M.t)("workspace.noPages")),n.createElement("button",{onClick:()=>{e.addPage()}},(0,M.t)("workspace.addPage"))),O=({width:e,height:t,xPadding:l,yPadding:r,backgroundColor:o})=>n.createElement("div",{style:{width:e+"px",height:t+"px",backgroundColor:o,paddingLeft:l+"px",paddingRight:l+"px",paddingTop:r+"px",paddingBottom:r+"px",flexShrink:0}},n.createElement("div",{style:{width:" 100%",height:"100%",backgroundColor:"white"}})),z=[4,6],I=(0,r.observer)(({store:e,layout:t="vertical",pageControlsEnabled:l,backgroundColor:r,pageBorderColor:a,activePageBorderColor:i,bleedColor:s,snapGuideStroke:c,snapGuideStrokeWidth:d,snapGuideDash:u,selectionRectFill:p,selectionRectStroke:m,selectionRectStrokeWidth:h,transformLabelFill:v,transformLabelTextFill:E,distanceGuideStroke:y,distanceLabelFill:x,distanceLabelTextFill:b,components:w,onKeyDown:M,paddingX:I,paddingY:A,pageGap:F,altCloneEnabled:B=!0,visiblePagesOffset:H,renderOnlyActivePage:K,tooltipSafeArea:V})=>{var _;let J,W;let G="horizontal"===t,Y=null!=I?I:20,X=null!=A?A:55,[j,U]=n.useState({width:100,height:100}),Z=n.useRef(j),q=n.useRef(null),Q=n.useRef(null),$=n.useRef(0),ee=e.bleedVisible?Math.max(0,...e.pages.map(e=>e.bleed)):0,et=Math.max(...e.pages.map(e=>e.computedWidth)),el=Math.max(...e.pages.map(e=>e.computedHeight)),en=(null===(_=e.activePage)||void 0===_?void 0:_.computedHeight)||0,er=et+2*ee,eo=(K?en:el)+2*ee,ea=async({skipTimeout:t}={skipTimeout:!1})=>{if(t||await new Promise(e=>setTimeout(e,50)),null===q.current)return;let l=q.current.getBoundingClientRect();0!==l.width&&0!==l.height||(console.warn("Polotno warning: <Workspace /> component can not automatically detect its size.\nWidth or height of parent elements is equal 0.\nPlease make sure it has non-zero size. You may need to adjust it with your styles. <Workspace /> will automatically fit into parent container.\nFor simpler debugging here is the log of the parent element:"),console.log(q.current));let n=Q.current.clientWidth||l.width,r={width:n,height:l.height};(Z.current.width!==r.width||Z.current.height!==r.height)&&(U(r),Z.current=r);let o=(n-2*Y)/er,a=e.pages.length>1?3.1:2,i=(l.height-X*a)/eo,s=(n-Y*(e.pages.length>1?3.1:2))/er,c=(l.height-2*X)/eo,d=e.pages.length?Math.max(Math.min(G?s:o,G?c:i),.01):1;e.scaleToFit!==d&&(e.setScale(d),e._setScaleToFit(d))};n.useLayoutEffect(()=>{ea({skipTimeout:!0})},[]),n.useEffect(()=>{ea()},[er,eo,A,I]),n.useLayoutEffect(()=>{ea({skipTimeout:!0})},[e.openedSidePanel]),n.useEffect(()=>{e.__()},[]),n.useEffect(()=>{let e=q.current;if(window.ResizeObserver){let t=new ResizeObserver(()=>{ea({skipTimeout:!0})});return t.observe(e),()=>t.unobserve(e)}{let e=setInterval(()=>{ea({skipTimeout:!0})},100);return()=>clearInterval(e)}},[er,eo]);let ei=K?1:e.pages.length;if(G){let t=er*e.scale*ei;J=Math.max(Y,(j.width-t)/ei/2),W=Math.max(X,(j.height-eo*e.scale)/2)}else{J=Math.max(Y,(j.width-er*e.scale)/2);let t=eo*e.scale*ei;W=Math.max(X,(j.height-t)/ei/2)}n.useEffect(()=>{let t=t=>{(M||function(e,t){var l,n,r,o;

39if("INPUT"===(null===(l=document.activeElement)||void 0===l?void 0:l.tagName)||"TEXTAREA"===(null===(n=document.activeElement)||void 0===n?void 0:n.tagName)||"true"===(null===(r=document.activeElement)||void 0===r?void 0:r.contentEditable))return;let a=document.querySelector(".polotno-workspace-container");if(document.activeElement!==a&&!(null==a?void 0:a.contains(document.activeElement))){let e=window.getSelection();if(e&&e.toString().length>0)return}let i=t.selectedElements.filter(e=>e.removable).map(e=>e.id);46!==e.keyCode&&8!==e.keyCode||t.deleteElements(i);let s=e.ctrlKey||e.metaKey,c=e.shiftKey,d=e.altKey;if("Escape"===e.key&&"draw"===t.tool)return e.preventDefault(),void t.setTool("selection");if(!s||c||"z"!==e.key.toLowerCase()&&"y"!==e.key.toLowerCase()||(e.preventDefault(),t.history.undo()),s&&c&&("z"===e.key.toLowerCase()||"y"===e.key.toLowerCase())&&(e.preventDefault(),t.history.redo()),s&&"KeyA"===e.code){e.preventDefault();let l=null===(o=t.activePage)||void 0===o?void 0:o.children.filter(e=>e.selectable),n=(null==l?void 0:l.map(e=>e.id))||[];t.selectElements(n)}if(s&&"KeyC"===e.code&&(e.preventDefault(),k(t)),s&&"KeyX"===e.code&&(e.preventDefault(),C(t)),s&&"KeyV"===e.code&&(e.preventDefault(),P(t)),"ArrowDown"===e.code&&(e.preventDefault(),t.selectedShapes.forEach(e=>{e.draggable&&e.set({y:e.y+1})})),"ArrowUp"===e.code&&(e.preventDefault(),t.selectedShapes.forEach(e=>{e.draggable&&e.set({y:e.y-1})})),"ArrowLeft"===e.code&&(e.preventDefault(),t.selectedShapes.forEach(e=>{e.draggable&&e.set({x:e.x-1})})),"ArrowRight"===e.code&&(e.preventDefault(),t.selectedShapes.forEach(e=>{e.draggable&&e.set({x:e.x+1})})),s&&"KeyG"===e.code){e.preventDefault();let l=t.selectedElements[0];l&&"group"===l.type?t.ungroupElements([l.id]):t.groupElements(t.selectedElements.map(e=>e.id))}if(s&&"KeyD"===e.code&&(e.preventDefault(),(0,L._)(t.selectedElements,t)),"KeyT"===e.code&&!s){e.preventDefault();let l=t.width/2,n=t.width/2-l/2,r=t.height/2-15,o=(t.width+t.height)/2160;t.activePage.addElement({type:"text",x:n,y:r,width:l,fontSize:30*o,text:"Sample Text",fontFamily:"Roboto"})}if("KeyR"===e.code&&!s){e.preventDefault();let l={type:"figure",x:t.width/4,y:t.height/4,width:300,height:300,fill:T,stroke:"#0c0c0c",strokeWidth:0,subType:"rect"};t.activePage.addElement(l)}if("KeyL"===e.code&&!s){e.preventDefault();let l=t.activePage.computedWidth/3,n={type:"line",x:t.activePage.computedWidth/2-l/2,y:t.activePage.computedHeight/2,width:l,color:T};t.activePage.addElement(n)}if("KeyO"===e.code&&!s){e.preventDefault(),e.preventDefault();let l={type:"figure",x:t.width/4,y:t.height/4,width:300,height:300,fill:T,stroke:"#0c0c0c",strokeWidth:0,subType:"circle"};t.activePage.addElement(l)}s&&"Equal"===e.code&&(e.preventDefault(),t.setScale(t.scale+.1)),s&&"Minus"===e.code&&(e.preventDefault(),t.setScale(t.scale-.1)),d&&("KeyA"===e.code&&(e.preventDefault(),(0,S.H_)(t)),"KeyD"===e.code&&(e.preventDefault(),(0,S.cP)(t)),"KeyS"===e.code&&(e.preventDefault(),(0,S.Ew)(t)),"KeyW"===e.code&&(e.preventDefault(),(0,S.Lb)(t)),"KeyV"===e.code&&(e.preventDefault(),(0,S.vA)(t)),"KeyH"===e.code&&(e.preventDefault(),(0,S.A8)(t))),"BracketRight"===e.code&&(e.preventDefault(),s?t.activePage.moveElementsUp(t.selectedElementsIds):t.activePage.moveElementsTop(t.selectedElementsIds)),"BracketLeft"===e.code&&(e.preventDefault(),s?t.activePage.moveElementsDown(t.selectedElementsIds):t.activePage.moveElementsBottom(t.selectedElementsIds))})(t,e)};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[]),n.useEffect(()=>{let t=t=>{if(t.ctrlKey||t.metaKey){t.preventDefault();let l=Math.max(5,e.scaleToFit),n=Math.min(.1,e.scaleToFit);G&&er>0&&Number.isFinite(er)&&(n=Math.max(n,300/er)),n=Math.max(n,.01);let r=R(t.deltaY<0?1.03*e.scale:e.scale/1.03,n,l);return void e.setScale(r)}},l=Q.current;return null==l||l.addEventListener("wheel",t),()=>null==l?void 0:l.removeEventListener("wheel",t)},[G,er,e]),n.useEffect(()=>{let t=Q.current;if(!t)return;let l=e=>{2===e.touches.length&&($.current=D(e.touches[0],e.touches[1]))},n=l=>{if(2===l.touches.length&&$.current>0){l.preventDefault();

39let n=D(l.touches[0],l.touches[1]),r=n/$.current,o=Math.max(5,e.scaleToFit),a=Math.min(.1,e.scaleToFit);G&&er>0&&Number.isFinite(er)&&(a=Math.max(a,300/er)),a=Math.max(a,.01);let i=e.scale,s=R(i*r,a,o),c=s/i,d=t.getBoundingClientRect(),u=(l.touches[0].clientX+l.touches[1].clientX)/2-d.left,p=(l.touches[0].clientY+l.touches[1].clientY)/2-d.top,m=t.scrollLeft+u,h=t.scrollTop+p;ep.current=!0,e.setScale(s),t.scrollLeft=m*c-u,t.scrollTop=h*c-p,$.current=n}},r=()=>{$.current=0};return t.addEventListener("touchstart",l,{passive:!0}),t.addEventListener("touchmove",n,{passive:!1}),t.addEventListener("touchend",r,{passive:!0}),()=>{t.removeEventListener("touchstart",l),t.removeEventListener("touchmove",n),t.removeEventListener("touchend",r)}},[G,er,e]);let es=void 0!==F,ec=n.useMemo(()=>e.pages.map(t=>{if(G){let l=(t.computedWidth+2*ee)*e.scale;return es?l+F:l+2*J}{let l=(t.computedHeight+2*ee)*e.scale;return es?l+F:l+2*W}}),[e.pages,e.scale,ee,J,W,F,G,es]),ed=n.useMemo(()=>{let e=[],t=es?G?J:W:0;for(let l=0;l<ec.length;l++)e.push(t),t+=ec[l];return e},[ec,es,G,J,W]),eu=n.useMemo(()=>{let e=ec.reduce((e,t)=>e+t,0);return es?e+(G?2*J:2*W):e},[ec,es,G,J,W]),ep=n.useRef(!1),[,em]=n.useReducer(e=>e+1,0);((e,t,l,r,o,a)=>{let i=n.useRef(t),s=n.useRef(0),c=n.useRef(!1),d=n.useRef(r.pages.length);c.current=d.current!==r.pages.length,d.current=r.pages.length,n.useEffect(()=>{let t=e.current,l=e=>{s.current=a?t.scrollLeft:t.scrollTop};return t.addEventListener("scroll",l),()=>{t.removeEventListener("scroll",l)}},[a]),n.useLayoutEffect(()=>{if(!e.current||c.current)return;let l=e.current,n=a?l.offsetWidth:l.offsetHeight,r=(s.current+n/2)/i.current;o.current=!0;let d=r*t-n/2;a?l.scrollLeft=d:l.scrollTop=d,i.current=t},[l,t,a])})(Q,eu,e.scale,e,ep,G);let{handleScroll:eh}=((e,t,l,r,o,a,i,s,c)=>{let d=n.useRef(!1),u=n.useRef(null),p=n.useRef(!1),m="horizontal"===s;n.useEffect(()=>{let t=e.current,l=()=>{a.current};return t.addEventListener("scroll",l),()=>{t.removeEventListener("scroll",l)}},[]);let h=r.pages.indexOf(r.activePage);return n.useLayoutEffect(()=>{if(i||!r.activePage||!e.current||d.current)return;let n=e.current,o=r.pages.indexOf(r.activePage),a=t[o]||0,s=m?n.scrollLeft:n.scrollTop,u=l[o]||l[0]||0,h=()=>{};return(Math.abs(a-s)>.5*u||p.current)&&(p.current=!0,h=(({element:e,scrollTop:t,scrollLeft:l,duration:n=300,onFinish:r=()=>{}})=>{let o=void 0!==t,a=o?e.scrollTop:e.scrollLeft,i=o?t:l,s=i-a,c=0,d=!1;if(0===n)return o?e.scrollTop=i:e.scrollLeft=i,()=>{};let u=()=>{if(d)return;let t=p(c+=20,a,s,n);o?e.scrollTop=t:e.scrollLeft=t,c<n?setTimeout(u,20):r()},p=(e,t,l,n)=>(e/=n/2)<1?l/2*e*e+t:-l/2*(--e*(e-2)-1)+t;return u(),()=>{d=!0}})(Object.assign(Object.assign({element:n},m?{scrollLeft:a}:{scrollTop:a}),{onFinish:()=>{p.current=!1,null==c||c()},duration:r.isPlaying?0:300}))),h},[r.activePage,h,r.isPlaying,i,s,t,l]),{handleScroll:e=>{if(i||p.current)return;d.current=!0,clearTimeout(u.current),u.current=setTimeout(()=>{d.current=!1},300);let l=(m?e.currentTarget.scrollLeft:e.currentTarget.scrollTop)+(m?o.width:o.height)/3,n=0;for(let e=t.length-1;e>=0;e--)if(l>=t[e]){n=e;break}let a=r.pages[n];a&&r.activePage!==a&&a.select()}}})(Q,ed,ec,e,j,ep,K,t,em),eg=j.width>=er*e.scale+2*J,ev=j.height>=eo*e.scale+2*W,ef=r||"rgba(232, 232, 232, 0.9)",eE=(null==w?void 0:w.NoPages)||N,ey=G?j.width:j.height,ex=Q.current?G?Q.current.scrollLeft:Q.current.scrollTop:0,eb=e=>{for(let t=ed.length-1;t>=0;t--)if(e>=ed[t])return t;return 0},ew=Math.max(0,eb(ex)),ek=Math.min(e.pages.length-1,eb(ex+ey)),eC=null!=H?H:1,eP=Math.max(0,ew-eC),eL=Math.min(e.pages.length-1,ek+eC);return n.createElement("div",{ref:q,style:{width:"100%",height:"100%",position:"relative",outline:"none",flex:1,backgroundColor:ef,overflow:"hidden"},tabIndex:0,className:"polotno-workspace-container"},n.createElement("div",{ref:Q,onScroll:eh,style:Object.assign({position:"absolute",top:0,left:0,width:"100%",height:"100%",display:"flex",flexDirection:G?"row":"column",overflow:"auto",overflowX:G?"auto":eg?"hidden":"auto",overflowY:G&&ev?"hidden":"auto"},es&&{paddingTop:G?0:W,paddingBottom:G?0:W,paddingLeft:G?J:0,paddingRight:G?J:0,boxSizing:"border-box"}),className:"polotno-workspace-inner"},e.pages.map((r,g)=>{let f=r===e.activePage;if(K&&!f&&!r._exportingOrRendering&&!r._forceMount)return null;let k=f||g>=eP&&g<=eL||r._exportingOrRendering||r._forceMount,C=G?ec[g]:er*e.scale+2*J,P=G?eo*e.scale+2*W:ec[g];if(!k)return n.createElement("div",{key:r.id,style:{flexShrink:0}},n.createElement(O,{width:C,height:P,backgroundColor:ef,xPadding:J,yPadding:W}));let L=n.createElement(o.ZP,{key:r.id,page:r,xPadding:J,yPadding:W,width:C,height:P,store:e,pageControlsEnabled:l,backColor:ef,pageBorderColor:a||"lightgrey",activePageBorderColor:i||"rgb(0, 161, 255)",altCloneEnabled:B,bleedColor:s||"rgba(255, 0, 0, 0.1)",selectionRectFill:p,selectionRectStroke:m,selectionRectStrokeWidth:h,snapGuideStroke:c||"rgb(0, 161, 255)",snapGuideStrokeWidth:d||1,snapGuideDash:u||z,transformLabelFill:v,transformLabelTextFill:E,distanceGuideStroke:y||"rgb(0, 161, 255)",distanceLabelFill:x||"rgb(0, 161, 255)",distanceLabelTextFill:b||"white",components:w,viewportSize:j,layout:t,tooltipSafeArea:V});return(r._exportingOrRendering||r._forceMount)&&!f&&K?n.createElement("div",{style:{display:"none",flexShrink:0},key:r.id},L):L}),e.rulesVisible&&n.createElement(g,{store:e,xPadding:J,yPadding:W,width:er*e.scale+2*J,height:eo*e.scale+2*W,pageSizes:ec,layout:t,renderOnlyActivePage:K}),0===e.pages.length&&n.createElement(eE,{store:e}),e.audios.map(t=>n.createElement(f,{key:t.id,audio:t,store:e}))))});var A=l(85482),F=l(87461),B=l(28533),H=l(68603),K=l(80199),V=n.forwardRef(function(e,t){var l=e.size>=H.J.LARGE,r=l?H.J.LARGE:H.J.STANDARD,o="".concat(-1*r/.05/2);

39return n.createElement(K.l,(0,B.pi)({iconName:"chevron-left",ref:t},e),n.createElement("path",{d:l?"M168.2 200L274 305.8C277.8 309.4 280 314.4 280 320C280 331 271 340 260 340C254.4 340 249.4 337.8 245.8 334.2L125.8 214.2C122.2 210.6 120 205.6 120 200C120 194.4 122.2 189.4 125.8 185.8L245.8 65.8C249.4 62.2 254.4 60 260 60C271 60 280 69 280 80C280 85.6 277.8 90.6 274.2000000000001 94.2000000000001L168.2 200z":"M148.2 160L214 225.8C217.8 229.4 220 234.4 220 240C220 251 211 260 200 260C194.4 260 189.4 257.8 185.8 254.2L105.8 174.2C102.2 170.6 100 165.6 100 160C100 154.4 102.2 149.4 105.8 145.8L185.8 65.8C189.4 62.2 194.4 60 200 60C211 60 220 69 220 80C220 85.6 217.8 90.6 214.2 94.2L148.2 160z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(o,", ").concat(o,")"),style:{transformOrigin:"center"}}))});V.defaultProps={size:H.J.STANDARD},V.displayName="Blueprint5.Icon.ChevronLeft";var _=l(32993),J=n.forwardRef(function(e,t){var l=e.size>=H.J.LARGE,r=l?H.J.LARGE:H.J.STANDARD,o="".concat(-1*r/.05/2);return n.createElement(K.l,(0,B.pi)({iconName:"chevron-right",ref:t},e),n.createElement("path",{d:l?"M274.2000000000001 214.2L154.2 334.2000000000001C150.6 337.8 145.6 340 140 340C129 340 120 331 120 320C120 314.4 122.2 309.4 125.8 305.8L231.8 200L126 94.2000000000001C122.2 90.6 120 85.6 120 80C120 69 129 60 140 60C145.6 60 150.6 62.2 154.2 65.8L274.2000000000001 185.8C277.8 189.4 280 194.4 280 200C280 205.6 277.8 210.6 274.2000000000001 214.2z":"M214.2 174.2L134.2 254.2C130.6 257.8 125.6 260 120 260C109 260 100 251 100 240C100 234.4 102.2 229.4 105.8 225.8L171.8 160L106 94.2C102.2 90.6 100 85.6 100 80C100 69 109 60 120 60C125.6 60 130.6 62.2 134.2 65.8L214.2 145.8C217.8 149.4 220 154.4 220 160C220 165.6 217.8 170.6 214.2 174.2z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(o,", ").concat(o,")"),style:{transformOrigin:"center"}}))});J.defaultProps={size:H.J.STANDARD},J.displayName="Blueprint5.Icon.ChevronRight";var W=l(8668),G=l(89315),Y=l(34965),X=n.forwardRef(function(e,t){var l=e.size>=H.J.LARGE,r=l?H.J.LARGE:H.J.STANDARD,o="".concat(-1*r/.05/2);return n.createElement(K.l,(0,B.pi)({iconName:"insert",ref:t},e),n.createElement("path",{d:l?"M380 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM100 180H180V100C180 88 188 80 200 80S220 88 220 100V180H300C312 180 320 188 320 200S312 220 300 220H220V300C220 312 212 320 200 320S180 312 180 300V220H100C88 220 80 212 80 200S88 180 100 180L100 180z":"M100 140H140V100C140 88 148 80 160 80S180 88 180 100V140H220C232 140 240 148 240 160S232 180 220 180H180V220C180 232 172 240 160 240S140 232 140 220V180H100C88 180 80 172 80 160S88 140 100 140L100 140zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(o,", ").concat(o,")"),style:{transformOrigin:"center"}}))});X.defaultProps={size:H.J.STANDARD},X.displayName="Blueprint5.Icon.Insert";let j=(0,r.observer)(({store:e,page:t,xPadding:l,yPadding:r,layout:o="vertical"})=>{let a=e.pages.length>1,i=e.pages.indexOf(t),s="horizontal"===o,c=s?V:_.K,d=s?J:W._,u=(0,M.t)(s?"workspace.moveLeft":"workspace.moveUp"),p=(0,M.t)(s?"workspace.moveRight":"workspace.moveDown");return"selection"!==e.tool?null:n.createElement("div",{style:{position:"absolute",top:r-40+"px",right:l+"px"}},a&&n.createElement(A.u,{content:u,disabled:0===i},n.createElement(F.z,{icon:n.createElement(c,null),minimal:!0,disabled:0===i,onClick:()=>{t.setZIndex(i-1)},"aria-label":u})),a&&n.createElement(A.u,{content:p,disabled:i===e.pages.length-1},n.createElement(F.z,{icon:n.createElement(d,null),"aria-label":p,minimal:!0,disabled:i===e.pages.length-1,onClick:()=>{let l=e.pages.indexOf(t);t.setZIndex(l+1)}})),n.createElement(A.u,{content:(0,M.t)("workspace.duplicatePage")},n.createElement(F.z,{icon:n.createElement(G.F,null),minimal:!0,"aria-label":(0,M.t)("workspace.duplicatePage"),onClick:()=>{t.clone()}})),a&&n.createElement(A.u,{content:(0,M.t)("workspace.removePage")},n.createElement(F.z,{icon:n.createElement(Y.r,null),"aria-label":(0,M.t)("workspace.removePage"),minimal:!0,onClick:()=>{e.deletePages([t.id])}})),n.createElement(A.u,{content:(0,M.t)("workspace.addPage")},n.createElement(F.z,{icon:n.createElement(X,null),minimal:!0,"aria-label":(0,M.t)("workspace.addPage"),onClick:()=>{var l,n,r;let o=e.addPage({bleed:(null===(l=e.activePage)||void 0===l?void 0:l.bleed)||0,width:(null===(n=e.activePage)||void 0===n?void 0:n.width)||"auto",height:(null===(r=e.activePage)||void 0===r?void 0:r.height)||"auto"}),a=e.pages.indexOf(t);o.setZIndex(a+1)}})))});var U=l(48763),Z=l(46098),q=l(83701),Q=l(95477),$=l(36755),ee=l(1108),et=l(24880),el=l(2631),en=l(71607),er=l(49223);function eo(e,t){return e.classList.contains(t)?e:e.parentElement?eo(e.parentElement,t):null}let ea=()=>null,ei=(0,r.observer)(({store:e,page:t,components:l,stageRef:r,tooltipSafeArea:o})=>{var i,s,c;let d=e.selectedShapes.every(e=>e.page===t),u=n.useRef(null),[p,m]=n.useState(!1),h=e._hasCroppedImages;e.selectedElements.length,n.useEffect(()=>{var e,t,l;let n=()=>{m(!0)},o=()=>{m(!1)};null===(e=null==r?void 0:r.current)||void 0===e||e.on("dragstart",n),null===(t=null==r?void 0:r.current)||void 0===t||t.on("dragend",o);let a=null===(l=null==r?void 0:r.current)||void 0===l?void 0:l.findOne("Transformer");return null==a||a.on("transformstart",n),null==a||a.on("transformend",o),()=>{var e,t;null===(e=null==r?void 0:r.current)||void 0===e||e.off("dragstart",n),null===(t=null==r?void 0:r.current)||void 0===t||t.off("dragend",o),null==a||a.off("transformstart",n),null==a||a.off("transformend",o)}},[]);let[g,v]=n.useState({fit:!0,needCalculate:!1,token:Math.random()});function f(){if(!u.current||!g.needCalculate)return;let e=eo(u.current,"polotno-workspace-container");if(!e)return;let t=e.getBoundingClientRect(),l=u.current.getBoundingClientRect(),n=(l.right,t.left,l.top-t.top),r=(l.left,t.left,l.bottom-t.top),a=(null==o?void 0:o.top)||0,i=(null==o?void 0:o.bottom)||0;n<20+a&&g.fit?v({fit:!1,needCalculate:!1,token:g.token}):r-t.height>-20-i&&!g.fit?v({fit:!0,needCalculate:!1,token:g.token}):v({fit:g.fit,needCalculate:!1,token:g.token})}if(n.useEffect(()=>{0!==e.selectedElements.length&&v({fit:!0,needCalculate:!0,token:Math.random()})},[e.selectedElements,p]),n.useLayoutEffect(()=>{let e=setTimeout(()=>{f()},100);return()=>{clearTimeout(e)}},[g.needCalculate,u.current,g.token]),n.useEffect(()=>{if(!r.current)return;let t=eo(r.current.content,"polotno-workspace-inner");if(!t)return;let l=()=>{e.selectedElements.length&&v({fit:!0,needCalculate:!0,token:Math.random()})};return null==t||t.addEventListener("scroll",l),()=>{null==t||t.removeEventListener("scroll",l)}},[]),0===e.selectedShapes.length||p||!d||e.activePage!==t||h)return null;let E=(0,a.Ne)(e.selectedShapes),y=(null==l?void 0:l.Position)||en.p,x=(null==l?void 0:l.Duplicate)||et.c,b=(null==l?void 0:l.Remove)||el.x,w=(null==l?void 0:l.Group)||er.B,k=(null==l?void 0:l.Lock)||ea,C=null===(i=e.selectedElements[0])||void 0===i?void 0:i.type,P=Object.assign(Object.assign({},ee.flags.aiTextEnabled?{TextAiWrite:$.i}:{}),l||{}),L=(0,Q.m)({components:P,type:C,usedItems:[]}),S=(null===(c=null===(s=null==r?void 0:r.current)||void 0===s?void 0:s.findOne("Transformer"))||void 0===c?void 0:c.rotation())||0,T=80;return 30>Math.abs(S)&&g.fit&&(T=80),Math.abs(S)>140&&!g.fit&&(T=80),n.createElement(U.Vt,{parentNodeFunc:({stage:e})=>{var t,l;return(null===(t=null==e?void 0:e.container())||void 0===t?void 0:t.closest(".polotno-workspace-container"))||(null===(l=null==e?void 0:e.container())||void 0===l?void 0:l.parentNode)},transformFunc:e=>{var t;let l=E.x+E.width/2,n=g.fit?E.y*e.scaleY-T:E.y*e.scaleY+E.height*e.scaleY+T,a=null===(t=null==r?void 0:r.current)||void 0===t?void 0:t.container(),i=(null==a?void 0:a.getBoundingClientRect())||{left:0,top:0,width:0,height:0,right:0,bottom:0,x:0,y:0,toJSON:()=>({})},s=null==a?void 0:a.closest(".polotno-workspace-container"),c=(null==s?void 0:s.getBoundingClientRect())||{left:0,top:0,width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY,right:0,bottom:0,x:0,y:0,toJSON:()=>({})},d=i.left-c.left,p=i.top-c.top,m=d+e.x+l*e.scaleX,h=m-E.width*e.scaleX/2,v=m+E.width*e.scaleX/2,f=M

39ath.min(50,E.width/2*e.scaleX),y=v>=f&&h<=c.width-f,x=u.current?u.current.getBoundingClientRect().width:0,b=(null==o?void 0:o.left)||0,w=(null==o?void 0:o.right)||0;if(Number.isFinite(c.width)&&x>0&&y){let e=8+x/2+b,t=c.width-8-x/2-w;t>=e&&(m=Math.max(e,Math.min(m,t)))}return v<f&&(m-=x+8),h>c.width-f&&(m+=x+8),Object.assign(Object.assign({},e),{x:m,y:p+e.y+n,scaleX:1,scaleY:1})},divProps:{style:{pointerEvents:"none",position:"absolute",visibility:g.needCalculate?"hidden":"visible",zIndex:9}}},n.createElement("div",{ref:e=>{u.current=e,!u.current&&e&&f()},style:{pointerEvents:"none"}},n.createElement(Z.w,{style:{padding:"2px",borderRadius:"5px",height:"34px",transform:"translate(-50%, -50%)",pointerEvents:"auto"}},n.createElement(q.f,{style:{height:"30px"}},L.map(t=>{let l=P[t];return n.createElement(l,{elements:e.selectedElements,element:e.selectedElements[0],store:e,key:t})}),n.createElement(w,{store:e}),n.createElement(k,{store:e}),n.createElement(x,{store:e}),n.createElement(b,{store:e}),n.createElement(y,{store:e})))))});var es=l(42212),ec=l(36760),ed=l.n(ec),eu=l(33698),ep=l(63978),em=l(32762),eh=l(8882),eg=n.memo(function(e){var t,l=e.content,r=e.popoverClassName,o=e.onClose,a=e.isDarkTheme,i=e.rootBoundary,s=e.targetOffset,c=e.transitionDuration,d=(0,es._T)(e,["content","popoverClassName","onClose","isDarkTheme","rootBoundary","targetOffset","transitionDuration"]),u=n.useCallback(function(e){return e.preventDefault()},[]),p=n.useCallback(function(e){var t=e.ref;return n.createElement(eh.h,null,n.createElement("div",{className:eu.N63,style:s,ref:t}))},[s]),m=n.useCallback(function(e){e||null==o||o()},[o]);return n.createElement(em.J,(0,es.pi)({placement:"right-start",rootBoundary:void 0===i?"viewport":i,transitionDuration:void 0===c?100:c},d,{content:n.createElement("div",{onContextMenu:u},l),enforceFocus:!1,key:void 0===s?"default":"".concat(s.left,"x").concat(s.top),hasBackdrop:!0,backdropProps:{className:eu.lvD},minimal:!0,onInteraction:m,popoverClassName:ed()(eu._Gh,r,((t={})[eu.Pyr]=void 0!==a&&a,t)),positioningStrategy:"fixed",renderTarget:p}))});eg.displayName="".concat(ep.g,".ContextMenuPopover");var ev=l(47838),ef=l(21969),eE=l(85537),ey=l(30774),ex=l(57326),eb=l(95429),ew=l(76808),ek=l(48739),eC=l(21062),eP=l(50055),eL=l(5539),eS=l(63969);let eT=(0,r.observer)(({store:e,isOpen:t,offset:l,setIsOpen:r})=>{var o,a,i,s;let{disabled:c,duplicate:d}=(0,ey.w)({store:e}),{disabled:u,remove:p}=(0,eP._)({store:e}),{setElementToCopy:m}=(0,eL.K)(e),{disabled:h,lock:g,locked:v}=(0,eS.Z)({store:e}),f=v?n.createElement(ex.H,null):n.createElement(eb.S,null),E=e.selectedElementsIds;return 0===e.selectedElements.length?null:n.createElement(eg,{isOpen:t,onClose:()=>{r(!1)},content:n.createElement(ev.v,null,n.createElement(ef.s,{shouldDismissPopover:!1,icon:f,text:(0,M.t)(v?"contextMenu.unlock":"contextMenu.lock"),onClick:g,disabled:h}),n.createElement(ef.s,{icon:n.createElement(G.F,null),text:(0,M.t)("contextMenu.duplicate"),onClick:d,disabled:c}),n.createElement(ef.s,{icon:n.createElement(Y.r,null),text:(0,M.t)("contextMenu.remove"),onClick:p,disabled:u}),n.createElement(eE.R,null),n.createElement(ef.s,{icon:n.createElement(ew.S,null),text:(0,M.t)("toolbar.layering")},n.createElement(ef.s,{shouldDismissPopover:!1,icon:n.createElement(ek.C,null),text:(0,M.t)("toolbar.toForward"),disabled:!(null===(o=e.activePage)||void 0===o?void 0:o.canMoveElementsTop(E)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsTop(E)}}),n.createElement(ef.s,{shouldDismissPopover:!1,icon:n.createElement(_.K,null),text:(0,M.t)("toolbar.up"),disabled:!(null===(a=e.activePage)||void 0===a?void 0:a.canMoveElementsUp(E)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsUp(E)}}),n.createElement(ef.s,{shouldDismissPopover:!1,icon:n.createElement(W._,null),text:(0,M.t)("toolbar.down"),disabled:!(null===(i=e.activePage)||void 0===i?void 0:i.canMoveElementsDown(E)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsDown(E)}}),n.createElement(ef.s,{shouldDismissPopover:!1,icon:n.createElement(eC.S,null),text:(0,M.t)("toolbar.toBottom"),disabled:!(null===(s=e.activePage)||void 0===s?void 0:s.canMoveElementsBottom(E)),onClick:()=>{var t;null===(t=e.activePage)||void 0===t||t.moveElementsBottom(E)}}

39))),targetOffset:{top:l.y,left:l.x}})});var eM=function(e,t){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&0>t.indexOf(n)&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)0>t.indexOf(n[r])&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(l[n[r]]=e[n[r]])}return l};let eR=e=>{var t,l,r,{components:o}=e,a=eM(e,["components"]);return(o=o||{}).PageControls=null!==(t=o.PageControls)&&void 0!==t?t:j,o.Tooltip=null!==(l=o.Tooltip)&&void 0!==l?l:ei,o.ContextMenu=null!==(r=o.ContextMenu)&&void 0!==r?r:eT,n.createElement(I,Object.assign({},a,{components:o}))};var eD=eR}}]);