@pdfme/ui 5.3.13-dev.66 → 5.3.13-dev.68

package/dist/index.es.js

@@ -155793,15 +155793,15 @@ var REACT_EVENTS = EVENTS.map(function(a) {
     this.selecto.destroy();
   }, __decorate$1([withMethods(METHODS)], s.prototype, "selecto", void 0), s;
 }(reactExports.PureComponent);
-const className$1 = "pdfme-selecto", Selecto = (a) => {
+const className = "pdfme-selecto", Selecto = (a) => {
   const { token: s } = theme.useToken();
   return reactExports.useEffect(() => {
-    const c = document.querySelector("." + className$1);
+    const c = document.querySelector("." + className);
     c instanceof HTMLElement && (c.style.backgroundColor = s.colorPrimary, c.style.opacity = "0.75", c.style.borderColor = s.colorPrimaryBorder);
   }, [a.container, s.colorPrimary, s.colorPrimaryBorder]), /* @__PURE__ */ jsxRuntimeExports.jsx(
     Selecto$1,
     {
-      className: className$1,
+      className,
       selectFromInside: !1,
       selectByClick: !0,
       preventDefault: !0,
@@ -163568,17 +163568,17 @@ var InitialMoveable = /* @__PURE__ */ function(a) {
   }
   return s.defaultAbles = MOVEABLE_ABLES, s;
 }(InitialMoveable);
-const className = "pdfme-moveable", Moveable = (a, s) => {
-  const { token: c } = theme.useToken();
+const baseClassName = "pdfme-moveable", Moveable = (a, s) => {
+  const { token: c } = theme.useToken(), u = reactExports.useRef(uuid$6()), d = `${baseClassName}-${u.current}`;
   return reactExports.useEffect(() => {
-    const u = document.querySelector(`.${className}`), d = document.querySelectorAll(`.${className} .moveable-line`);
-    u instanceof HTMLElement && (u.style.setProperty("--moveable-color", c.colorPrimary), Array.from(d).forEach((p) => {
-      p instanceof HTMLElement && p.style.setProperty("--moveable-color", c.colorPrimary);
+    const p = document.querySelector(`.${d}`), v = document.querySelectorAll(`.${d} .moveable-line`);
+    p instanceof HTMLElement && (p.style.setProperty("--moveable-color", c.colorPrimary), v.forEach((A) => {
+      A instanceof HTMLElement && A.style.setProperty("--moveable-color", c.colorPrimary);
     }));
-  }, [a.target, c.colorPrimary]), /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }, [a.target, c.colorPrimary, d]), /* @__PURE__ */ jsxRuntimeExports.jsx(
     Moveable$2,
     {
-      className,
+      className: d,
       rootContainer: document ? document.body : void 0,
       snappable: !0,
       draggable: !0,
@@ -163595,19 +163595,19 @@ const className = "pdfme-moveable", Moveable = (a, s) => {
       keepRatio: a.keepRatio,
       onRotate: a.onRotate,
       onRotateEnd: a.onRotateEnd,
-      onRotateGroup: ({ events: u }) => {
-        u.forEach(a.onRotate);
+      onRotateGroup: ({ events: p }) => {
+        p.forEach(a.onRotate);
       },
       onRotateGroupEnd: a.onRotateGroupEnd,
       onDrag: a.onDrag,
-      onDragGroup: ({ events: u }) => {
-        u.forEach(a.onDrag);
+      onDragGroup: ({ events: p }) => {
+        p.forEach(a.onDrag);
       },
       onDragEnd: a.onDragEnd,
       onDragGroupEnd: a.onDragGroupEnd,
       onResize: a.onResize,
-      onResizeGroup: ({ events: u }) => {
-        u.forEach(a.onResize);
+      onResizeGroup: ({ events: p }) => {
+        p.forEach(a.onResize);
       },
       onResizeEnd: a.onResizeEnd,
       onResizeGroupEnd: a.onResizeGroupEnd,

package/dist/index.umd.js

@@ -971,7 +971,7 @@ Check this document: https://pdfme.com/docs/custom-schemas`),jsxRuntimeExports.j
     will-change: transform;
     z-index: 100;
 }
-`),CLASS_NAME="selecto-selection ".concat(injector.className),PROPERTIES$1=["className","boundContainer","selectableTargets","selectByClick","selectFromInside","continueSelect","continueSelectWithoutDeselect","toggleContinueSelect","toggleContinueSelectWithoutDeselect","keyContainer","hitRate","scrollOptions","checkInput","preventDefault","ratio","getElementRect","preventDragFromInside","rootContainer","dragCondition","clickBySelectEnd","checkOverflow","innerScrollOptions"],OPTIONS=__spreadArray$2(["dragContainer","cspNonce","preventClickEventOnDrag","preventClickEventOnDragStart","preventRightClick"],PROPERTIES$1),EVENTS=["dragStart","drag","dragEnd","selectStart","select","selectEnd","keydown","keyup","scroll","innerScroll"],METHODS=["clickTarget","getSelectableElements","setSelectedTargets","getElementPoints","getSelectedTargets","findSelectableTargets","triggerDragStart","checkScroll","selectTargetsByPoints","setSelectedTargetsByPoints"],Selecto$2=function(a){__extends$4(s,a);function s(u){u===void 0&&(u={});var d=a.call(this)||this;d.selectedTargets=[],d.dragScroll=new DragScroll,d._onDragStart=function(A,b){var g=A.data,x=A.clientX,y=A.clientY,f=A.inputEvent,m=d.options,C=m.selectFromInside,S=m.selectByClick,w=m.rootContainer,I=m.boundContainer,P=m.preventDragFromInside,$=P===void 0?!0:P,_=m.clickBySelectEnd,E=m.dragCondition;if(E&&!E(A)){A.stop();return}g.data={};var R=getWindow(d.container);g.innerWidth=R.innerWidth,g.innerHeight=R.innerHeight,d.findSelectableTargets(g),g.startSelectedTargets=d.selectedTargets,g.scaleMatrix=createMatrix(),g.containerX=0,g.containerY=0;var T=d.container,B={left:-1/0,top:-1/0,right:1/0,bottom:1/0};if(w){var M=d.container.getBoundingClientRect();g.containerX=M.left,g.containerY=M.top,g.scaleMatrix=getDistElementMatrix(d.container,w)}if(I){var D=isObject$1(I)&&"element"in I?__assign$4({left:!0,top:!0,bottom:!0,right:!0},I):{element:I,left:!0,top:!0,bottom:!0,right:!0},O=D.element,H=void 0;if(O){isString(O)?H=getDocument(T).querySelector(O):O===!0?H=d.container:H=O;var j=H.getBoundingClientRect();D.left&&(B.left=j.left),D.top&&(B.top=j.top),D.right&&(B.right=j.right),D.bottom&&(B.bottom=j.bottom)}}g.boundArea=B;var Q={left:x,top:y,right:x,bottom:y,width:0,height:0},L=[],F=S&&!_,U=!1;if(!C||F){var N=d._findElement(b||f.target,g.selectableTargets);U=!!N,F&&(L=N?[N]:[])}var k=!C&&U;if(k&&!S)return A.stop(),!1;var W=f.type,J=W==="mousedown"||W==="touchstart",q=!A.isClick&&J?d.emit("dragStart",__assign$4(__assign$4({},A),{data:g.data})):!0;if(!q)return A.stop(),!1;if(d.continueSelect?(L=passTargets(d.selectedTargets,L,d.continueSelectWithoutDeselect),g.startPassedTargets=d.selectedTargets):g.startPassedTargets=[],d._select(L,Q,A,!0,k&&S&&!_&&$),g.startX=x,g.startY=y,g.selectFlag=!1,g.preventDragFromInside=!1,f.target){var Y=calculateMatrixDist(g.scaleMatrix,[x-g.containerX,y-g.containerY]);d.target.style.cssText+="position: ".concat(w?"absolute":"fixed",";")+"left:0px;top:0px;"+"transform: translate(".concat(Y[0],"px, ").concat(Y[1],"px)")}if(k&&S&&!_)f.preventDefault(),$&&(d._selectEnd(g.startSelectedTargets,g.startPassedTargets,Q,A,!0),g.preventDragFromInside=!0);else{g.selectFlag=!0;var Z=d.options,ee=Z.scrollOptions,re=Z.innerScrollOptions,ae=!1;if(re){for(var V=A.inputEvent,K=V.target,te=null,ie=K;ie&&ie!==getDocument(T).body;){var ce=getComputedStyle(ie).overflow!=="visible";if(ce){te=ie;break}ie=ie.parentElement}te&&(g.innerScrollOptions=__assign$4({container:te,checkScrollEvent:!0},re===!0?{}:re),d.dragScroll.dragStart(A,g.innerScrollOptions),ae=!0)}!ae&&ee&&ee.container&&d.dragScroll.dragStart(A,ee),k&&S&&_&&(g.selectFlag=!1,A.preventDrag())}return!0},d._onDrag=function(A){if(A.data.selectFlag){var b=d.scrollOptions,g=A.data.innerScrollOptions,x=g||(b==null?void 0:b.container);if(x&&!A.isScroll&&d.dragScroll.drag(A,g||b))return}d._checkSelected(A)},d._onDragEnd=function(A){var b=A.data,g=A.inputEvent,x=getRect$1(A,d.options.ratio),y=b.selectFlag,f=d.container;if(g&&d.emit("dragEnd",__assign$4(__assign$4({isDouble:!!A.isDouble,isClick:!!A.isClick,isDrag:!1,isSelect:y},A),{data:b.data,rect:x})),d.target.style.cssText+="display: none;",y)b.selectFlag=!1,d.dragScroll.dragEnd();else if(d.selectByClick&&d.clickBySelectEnd){var m=d._findElement((g==null?void 0:g.target)||elementFromPoint(f,A.clientX,A.clientY),b.selectableTargets);d._select(m?[m]:[],x,A)}b.preventDragFromInside||d._selectEnd(b.startSelectedTargets,b.startPassedTargets,x,A)},d._onKeyDown=function(A){var b=d.options,g=!1;if(!d._keydownContinueSelect){var x=d._sameCombiKey(A,b.toggleContinueSelect);d._keydownContinueSelect=x,g||(g=x)}if(!d._keydownContinueSelectWithoutDeselection){var x=d._sameCombiKey(A,b.toggleContinueSelectWithoutDeselect);d._keydownContinueSelectWithoutDeselection=x,g||(g=x)}g&&d.emit("keydown",{keydownContinueSelect:d._keydownContinueSelect,keydownContinueSelectWithoutDeselection:d._keydownContinueSelectWithoutDeselection})},d._onKeyUp=function(A){var b=d.options,g=!1;if(d._keydownContinueSelect){var x=d._sameCombiKey(A,b.toggleContinueSelect,!0);d._keydownContinueSelect=!x,g||(g=x)}if(d._keydownContinueSelectWithoutDeselection){var x=d._sameCombiKey(A,b.toggleContinueSelectWithoutDeselect,!0);d._keydownContinueSelectWithoutDeselection=!x,g||(g=x)}g&&d.emit("keyup",{keydownContinueSelect:d._keydownContinueSelect,keydownContinueSelectWithoutDeselection:d._keydownContinueSelectWithoutDeselection})},d._onBlur=function(){(d._keydownContinueSelect||d._keydownContinueSelectWithoutDeselection)&&(d._keydownContinueSelect=!1,d._keydownContinueSelectWithoutDeselection=!1,d.emit("keyup",{keydownContinueSelect:d._keydownContinueSelect,keydownContinueSelectWithoutDeselection:d._keydownContinueSelectWithoutDeselection}))},d._onDocumentSelectStart=function(A){var b=getDocument(d.container);if(d.gesto.isFlag()){var g=d.dragContainer;g===getWindow(d.container)&&(g=b.documentElement);var x=isNode(g)?[g]:[].slice.call(g),y=A.target;x.some(function(f){if(f===y||f.contains(y))return A.preventDefault(),!0})}},d.target=u.portalContainer;var p=u.container;d.options=__assign$4({className:"",portalContainer:null,container:null,dragContainer:null,selectableTargets:[],selectByClick:!0,selectFromInside:!0,clickBySelectEnd:!1,hitRate:100,continueSelect:!1,continueSelectWithoutDeselect:!1,toggleContinueSelect:null,toggleContinueSelectWithoutDeselect:null,keyContainer:null,scrollOptions:null,checkInput:!1,preventDefault:!1,boundContainer:!1,preventDragFromInside:!0,dragCondition:null,rootContainer:null,checkOverflow:!1,innerScrollOptions:!1,getElementRect:getDefaultElementRect,cspNonce:"",ratio:0},u);var v=d.options.portalContainer;return v&&(p=v.parentElement),d.container=p||document.body,d.initElement(),d.initDragScroll(),d.setKeyController(),d}var c=s.prototype;return c.setSelectedTargets=function(u){var d=this.selectedTargets,p=diff(d,u),v=p.added,A=p.removed,b=p.prevList,g=p.list;return this.selectedTargets=u,{added:v.map(function(x){return g[x]}),removed:A.map(function(x){return b[x]}),beforeSelected:d,selected:u}},c.setSelectedTargetsByPoints=function(u,d){var p=Math.min(u[0],d[0]),v=Math.min(u[1],d[1]),A=Math.max(u[0],d[0]),b=Math.max(u[1],d[1]),g={left:p,top:v,right:A,bottom:b,width:A-p,height:b-v},x={ignoreClick:!0};this.findSelectableTargets(x);var y=this.hitTest(g,x,!0,null),f=this.setSelectedTargets(y);return __assign$4(__assign$4({},f),{rect:g})},c.selectTargetsByPoints=function(u,d){var p=new MouseEvent("mousedown",{clientX:u[0],clientY:u[1],cancelable:!0,bubbles:!0}),v=new MouseEvent("mousemove",{clientX:d[0],clientY:d[1],cancelable:!0,bubbles:!0}),A=new MouseEvent("mousemove",{clientX:d[0],clientY:d[1],cancelable:!0,bubbles:!0}),b=this.gesto,g=b.onDragStart(p);g!==!1&&(b.onDrag(v),b.onDragEnd(A))},c.getSelectedTargets=function(){return this.selectedTargets},c.triggerDragStart=function(u){return this.gesto.triggerDragStart(u),this},c.destroy=function(){var u;this.off(),this.keycon&&this.keycon.destroy(),this.gesto.unset(),this.injectResult.destroy(),this.dragScroll.dragEnd(),removeEvent(document,"selectstart",this._onDocumentSelectStart),this.options.portalContainer||(u=this.target.parentElement)===null||u===void 0||u.removeChild(this.target),this.keycon=null,this.gesto=null,this.injectResult=null,this.target=null,this.container=null,this.options=null},c.getElementPoints=function(u){var d=this.getElementRect||getDefaultElementRect,p=d(u),v=[p.pos1,p.pos2,p.pos4,p.pos3];if(d!==getDefaultElementRect){var A=u.getBoundingClientRect();return fitPoints(v,A)}return v},c.getSelectableElements=function(){var u=this.container,d=[];return this.options.selectableTargets.forEach(function(p){if(isFunction(p)){var v=p();v&&d.push.apply(d,[].slice.call(v))}else if(isNode(p))d.push(p);else if(isObject$1(p))d.push(p.value||p.current);else{var A=[].slice.call(getDocument(u).querySelectorAll(p));d.push.apply(d,A)}}),d},c.checkScroll=function(){if(this.gesto.isFlag()){var u=this.scrollOptions,d=this.gesto.getEventData().innerScrollOptions,p=d||(u==null?void 0:u.container);p&&this.dragScroll.checkScroll(__assign$4({inputEvent:this.gesto.getCurrentEvent()},d||u))}},c.findSelectableTargets=function(u){var d=this;u===void 0&&(u=this.gesto.getEventData());var p=this.getSelectableElements(),v=p.map(function(y){return d.getElementPoints(y)});u.selectableTargets=p,u.selectablePoints=v,u.selectableParentMap=null;var A=this.options,b=A.checkOverflow||A.innerScrollOptions,g=getDocument(this.container);if(b){var x=new Map;u.selectableInnerScrollParentMap=x,u.selectableInnerScrollPathsList=p.map(function(y,f){for(var m=y.parentElement,C=[],S=[],w=function(){var I=x.get(m);if(!I){var P=getComputedStyle(m).overflow!=="visible";if(P){var $=getDefaultElementRect(m);I={parentElement:m,indexes:[],points:[$.pos1,$.pos2,$.pos4,$.pos3],paths:__spreadArray$2([],S)},C.push(m),C.forEach(function(_){x.set(_,I)}),C=[]}}I?(m=I.parentElement,x.get(m).indexes.push(f),S.push(m)):C.push(m),m=m.parentElement};m&&m!==g.body;)w();return S})}return A.checkOverflow||(u.selectableInners=p.map(function(){return!0})),this._refreshGroups(u),p},c.clickTarget=function(u,d){var p=getClient(u),v=p.clientX,A=p.clientY,b={data:{selectFlag:!1},clientX:v,clientY:A,inputEvent:u,isClick:!0,isTrusted:!1,stop:function(){return!1}};return this._onDragStart(b,d)&&this._onDragEnd(b),this},c.setKeyController=function(){var u=this.options,d=u.keyContainer,p=u.toggleContinueSelect,v=u.toggleContinueSelectWithoutDeselect;this.keycon&&(this.keycon.destroy(),this.keycon=null),(p||v)&&(this.keycon=new KeyController(d||getWindow(this.container)),this.keycon.keydown(this._onKeyDown).keyup(this._onKeyUp).on("blur",this._onBlur))},c.setClassName=function(u){this.options.className=u,this.target.setAttribute("class","".concat(CLASS_NAME," ").concat(u||""))},c.setKeyEvent=function(){var u=this.options,d=u.toggleContinueSelect,p=u.toggleContinueSelectWithoutDeselect;!d&&!p||this.keycon||this.setKeyController()},c.setKeyContainer=function(u){var d=this,p=this.options;diffValue(p.keyContainer,u,function(){p.keyContainer=u,d.setKeyController()})},c.getContinueSelect=function(){var u=this.options,d=u.continueSelect,p=u.toggleContinueSelect;return!p||!this._keydownContinueSelect?d:!d},c.getContinueSelectWithoutDeselect=function(){var u=this.options,d=u.continueSelectWithoutDeselect,p=u.toggleContinueSelectWithoutDeselect;return!p||!this._keydownContinueSelectWithoutDeselection?d:!d},c.setToggleContinueSelect=function(u){var d=this,p=this.options;diffValue(p.toggleContinueSelect,u,function(){p.toggleContinueSelect=u,d.setKeyEvent()})},c.setToggleContinueSelectWithoutDeselect=function(u){var d=this,p=this.options;diffValue(p.toggleContinueSelectWithoutDeselect,u,function(){p.toggleContinueSelectWithoutDeselect=u,d.setKeyEvent()})},c.setPreventDefault=function(u){this.gesto.options.preventDefault=u},c.setCheckInput=function(u){this.gesto.options.checkInput=u},c.initElement=function(){var u=this.options,d=u.dragContainer,p=u.checkInput,v=u.preventDefault,A=u.preventClickEventOnDragStart,b=u.preventClickEventOnDrag,g=u.preventClickEventByCondition,x=u.preventRightClick,y=x===void 0?!0:x,f=u.className,m=this.container;this.target=createElement(h("div",{className:"".concat(CLASS_NAME," ").concat(f||"")}),this.target,m);var C=this.target;this.dragContainer=typeof d=="string"?[].slice.call(getDocument(m).querySelectorAll(d)):d||this.target.parentNode,this.gesto=new Gesto(this.dragContainer,{checkWindowBlur:!0,container:getWindow(m),checkInput:p,preventDefault:v,preventClickEventOnDragStart:A,preventClickEventOnDrag:b,preventClickEventByCondition:g,preventRightClick:y}).on({dragStart:this._onDragStart,drag:this._onDrag,dragEnd:this._onDragEnd}),addEvent(document,"selectstart",this._onDocumentSelectStart),this.injectResult=injector.inject(C,{nonce:this.options.cspNonce})},c.hitTest=function(u,d,p,v){var A=this.options,b=A.hitRate,g=A.selectByClick,x=u.left,y=u.top,f=u.right,m=u.bottom,C=d.innerGroups,S=d.innerWidth,w=d.innerHeight,I=v==null?void 0:v.clientX,P=v==null?void 0:v.clientY,$=d.ignoreClick,_=[[x,y],[f,y],[f,m],[x,m]],E=function(N,k){var W=splitUnit(typeof b=="function"?"".concat(b(k)):"".concat(b)),J=$?!1:isInside([I,P],N);if(!p&&g&&J)return!0;var q=getOverlapPoints(_,N);if(!q.length)return!1;var Y=getAreaSize(q),Z=0;if(Y===0&&getAreaSize(N)===0?(Z=getLineSize(N),Y=getLineSize(q)):Z=getAreaSize(N),W.unit==="px")return Y>=W.value;var ee=between(Math.round(Y/Z*100),0,100);return ee>=Math.min(100,W.value)},R=d.selectableTargets,T=d.selectablePoints,B=d.selectableInners;if(!C)return R.filter(function(N,k){return B[k]?E(T[k],R[k]):!1});for(var M=[],D=Math.floor(x/S),O=Math.floor(f/S),H=Math.floor(y/w),j=Math.floor(m/w),Q=D;Q<=O;++Q){var L=C[Q];if(L)for(var F=H;F<=j;++F){var U=L[F];U&&U.forEach(function(N){var k=T[N],W=B[N],J=R[N];W&&E(k,J)&&M.push(J)})}}return filterDuplicated(M)},c.initDragScroll=function(){var u=this;this.dragScroll.on("scrollDrag",function(d){var p=d.next;p(u.gesto.getCurrentEvent())}).on("scroll",function(d){var p=d.container,v=d.direction,A=u.gesto.getEventData().innerScrollOptions;A?u.emit("innerScroll",{container:p,direction:v}):u.emit("scroll",{container:p,direction:v})}).on("move",function(d){var p=d.offsetX,v=d.offsetY,A=d.inputEvent,b=u.gesto;if(!(!b||!b.isFlag())){var g=u.gesto.getEventData(),x=g.boundArea;g.startX-=p,g.startY-=v;var y=u.gesto.getEventData().innerScrollOptions,f=y==null?void 0:y.container,m=!1;if(f){var C=g.selectableInnerScrollParentMap,S=C.get(f);S&&(S.paths.forEach(function(w){var I=C.get(w);I.points.forEach(function(P){P[0]-=p,P[1]-=v})}),S.indexes.forEach(function(w){g.selectablePoints[w].forEach(function(I){I[0]-=p,I[1]-=v})}),m=!0)}m||g.selectablePoints.forEach(function(w){w.forEach(function(I){I[0]-=p,I[1]-=v})}),u._refreshGroups(g),x.left-=p,x.right-=p,x.top-=v,x.bottom-=v,u.gesto.scrollBy(p,v,A.inputEvent),u._checkSelected(u.gesto.getCurrentEvent())}})},c._select=function(u,d,p,v,A){A===void 0&&(A=!1);var b=p.inputEvent,g=p.data,x=this.setSelectedTargets(u),y=diff(g.startSelectedTargets,u),f=y.added,m=y.removed,C=y.prevList,S=y.list,w={startSelected:C,startAdded:f.map(function(I){return S[I]}),startRemoved:m.map(function(I){return C[I]})};v&&this.emit("selectStart",__assign$4(__assign$4(__assign$4({},x),w),{rect:d,inputEvent:b,data:g.data,isTrusted:p.isTrusted,isDragStartEnd:A})),(x.added.length||x.removed.length)&&this.emit("select",__assign$4(__assign$4(__assign$4({},x),w),{rect:d,inputEvent:b,data:g.data,isTrusted:p.isTrusted,isDragStartEnd:A}))},c._selectEnd=function(u,d,p,v,A){A===void 0&&(A=!1);var b=v.inputEvent,g=v.isDouble,x=v.data,y=b&&b.type,f=y==="mousedown"||y==="touchstart",m=diff(u,this.selectedTargets),C=m.added,S=m.removed,w=m.prevList,I=m.list,P=diff(d,this.selectedTargets),$=P.added,_=P.removed,E=P.prevList,R=P.list;this.emit("selectEnd",{startSelected:u,beforeSelected:d,selected:this.selectedTargets,added:C.map(function(T){return I[T]}),removed:S.map(function(T){return w[T]}),afterAdded:$.map(function(T){return R[T]}),afterRemoved:_.map(function(T){return E[T]}),isDragStart:f&&A,isDragStartEnd:f&&A,isClick:!!v.isClick,isDouble:!!g,rect:p,inputEvent:b,data:x.data,isTrusted:v.isTrusted})},c._checkSelected=function(u,d){d===void 0&&(d=getRect$1(u,this.options.ratio));var p=u.data,v=d.top,A=d.left,b=d.width,g=d.height,x=p.selectFlag,y=p.containerX,f=p.containerY,m=p.scaleMatrix,C=calculateMatrixDist(m,[A-y,v-f]),S=calculateMatrixDist(m,[b,g]),w=[];if(x){this.target.style.cssText+="display: block;left:0px;top:0px;"+"transform: translate(".concat(C[0],"px, ").concat(C[1],"px);")+"width:".concat(S[0],"px;height:").concat(S[1],"px;");var I=this.hitTest(d,p,!0,u);w=passTargets(p.startPassedTargets,I,this.continueSelect&&this.continueSelectWithoutDeselect)}var P=this.emit("drag",__assign$4(__assign$4({},u),{data:p.data,isSelect:x,rect:d}));if(P===!1){this.target.style.cssText+="display: none;",u.stop();return}x&&this._select(w,d,u)},c._sameCombiKey=function(u,d,p){if(!d)return!1;var v=getCombi(u.inputEvent,u.key),A=[].concat(d),b=isArray(A[0])?A:[A];if(p){var g=u.key;return b.some(function(x){return x.some(function(y){return y===g})})}return b.some(function(x){return x.every(function(y){return v.indexOf(y)>-1})})},c._findElement=function(u,d){for(var p=u;p&&!(d.indexOf(p)>-1);)p=p.parentElement;return p},c._refreshGroups=function(u){var d,p=u.innerWidth,v=u.innerHeight,A=u.selectablePoints;if(this.options.checkOverflow){var b=(d=this.gesto.getEventData().innerScrollOptions)===null||d===void 0?void 0:d.container,g=u.selectableInnerScrollParentMap,x=u.selectableInnerScrollPathsList;u.selectableInners=x.map(function(m,C){var S=!1;return m.every(function(w){if(S)return!0;if(w===b)return S=!0,!0;var I=g.get(w);if(I){var P=A[C],$=I.points,_=getOverlapPoints(P,$);if(!_.length)return!1}return!0})})}if(!p||!v)u.innerGroups=null;else{var y=u.selectablePoints,f={};y.forEach(function(m,C){var S=1/0,w=-1/0,I=1/0,P=-1/0;m.forEach(function(E){var R=Math.floor(E[0]/p),T=Math.floor(E[1]/v);S=Math.min(R,S),w=Math.max(R,w),I=Math.min(T,I),P=Math.max(T,P)});for(var $=S;$<=w;++$)for(var _=I;_<=P;++_)f[$]=f[$]||{},f[$][_]=f[$][_]||[],f[$][_].push(C)}),u.innerGroups=f}},s=__decorate$2([Properties(PROPERTIES$1,function(u,d){var p={enumerable:!0,configurable:!0,get:function(){return this.options[d]}},v=camelize("get ".concat(d));u[v]?p.get=function(){return this[v]()}:p.get=function(){return this.options[d]};var A=camelize("set ".concat(d));u[A]?p.set=function(b){this[A](b)}:p.set=function(b){this.options[d]=b},Object.defineProperty(u,d,p)})],s),s}(EventEmitter),Selecto$1$1=function(a){__extends$4(s,a);function s(){return a!==null&&a.apply(this,arguments)||this}return s}(Selecto$2),extendStatics$3=function(a,s){return extendStatics$3=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$3(a,s)};function __extends$3(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$3(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$3=function(){return __assign$3=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$3.apply(this,arguments)};function __decorate$1(a,s,c,u){var d=arguments.length,p=d<3?s:u,v;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(a,s,c,u);else for(var A=a.length-1;A>=0;A--)(v=a[A])&&(p=(d<3?v(p):d>3?v(s,c,p):v(s,c))||p);return d>3&&p&&Object.defineProperty(s,c,p),p}var REACT_EVENTS=EVENTS.map(function(a){return camelize("on ".concat(a))}),Selecto$1=function(a){__extends$3(s,a);function s(){return a!==null&&a.apply(this,arguments)||this}var c=s.prototype;return c.render=function(){return reactExports.createElement("div",{className:CLASS_NAME,ref:ref(this,"selectionElement")})},c.componentDidMount=function(){var u=this,d=this.props,p={};OPTIONS.forEach(function(v){v in d&&(p[v]=d[v])}),this.selecto=new Selecto$1$1(__assign$3(__assign$3({},p),{portalContainer:this.selectionElement})),EVENTS.forEach(function(v,A){u.selecto.on(v,function(b){var g=u.props,x=g[REACT_EVENTS[A]]&&g[REACT_EVENTS[A]](b);x===!1&&b.stop()})})},c.componentDidUpdate=function(u){var d=this.props,p=this.selecto;PROPERTIES$1.forEach(function(v){u[v]!==d[v]&&(p[v]=d[v])})},c.componentWillUnmount=function(){this.selecto.destroy()},__decorate$1([withMethods(METHODS)],s.prototype,"selecto",void 0),s}(reactExports.PureComponent);const className$1="pdfme-selecto",Selecto=a=>{const{token:s}=theme.useToken();return reactExports.useEffect(()=>{const c=document.querySelector("."+className$1);c instanceof HTMLElement&&(c.style.backgroundColor=s.colorPrimary,c.style.opacity="0.75",c.style.borderColor=s.colorPrimaryBorder)},[a.container,s.colorPrimary,s.colorPrimaryBorder]),jsxRuntimeExports.jsx(Selecto$1,{className:className$1,selectFromInside:!1,selectByClick:!0,preventDefault:!0,hitRate:0,selectableTargets:[`.${SELECTABLE_CLASSNAME}`],container:a.container,continueSelect:a.continueSelect,onDragStart:a.onDragStart,onSelect:a.onSelect})};function some(a,s){for(var c=a.length,u=0;u<c;++u)if(s(a[u],u))return!0;return!1}function find(a,s){for(var c=a.length,u=0;u<c;++u)if(s(a[u],u))return a[u];return null}function getUserAgentString(a){var s=a;if(typeof s>"u"){if(typeof navigator>"u"||!navigator)return"";s=navigator.userAgent||""}return s.toLowerCase()}function execRegExp(a,s){try{return new RegExp(a,"g").exec(s)}catch{return null}}function hasUserAgentData(){if(typeof navigator>"u"||!navigator||!navigator.userAgentData)return!1;var a=navigator.userAgentData,s=a.brands||a.uaList;return!!(s&&s.length)}function findVersion(a,s){var c=execRegExp("("+a+")((?:\\/|\\s|:)([0-9|\\.|_]+))",s);return c?c[3]:""}function convertVersion(a){return a.replace(/_/g,".")}function findPreset(a,s){var c=null,u="-1";return some(a,function(d){var p=execRegExp("("+d.test+")((?:\\/|\\s|:)([0-9|\\.|_]+))?",s);return!p||d.brand?!1:(c=d,u=p[3]||"-1",d.versionAlias?u=d.versionAlias:d.versionTest&&(u=findVersion(d.versionTest.toLowerCase(),s)||u),u=convertVersion(u),!0)}),{preset:c,version:u}}function findPresetBrand(a,s){var c={brand:"",version:"-1"};return some(a,function(u){var d=findBrand(s,u);return d?(c.brand=u.id,c.version=u.versionAlias||d.version,c.version!=="-1"):!1}),c}function findBrand(a,s){return find(a,function(c){var u=c.brand;return execRegExp(""+s.test,u.toLowerCase())})}var BROWSER_PRESETS=[{test:"phantomjs",id:"phantomjs"},{test:"whale",id:"whale"},{test:"edgios|edge|edg",id:"edge"},{test:"msie|trident|windows phone",id:"ie",versionTest:"iemobile|msie|rv"},{test:"miuibrowser",id:"miui browser"},{test:"samsungbrowser",id:"samsung internet"},{test:"samsung",id:"samsung internet",versionTest:"version"},{test:"chrome|crios",id:"chrome"},{test:"firefox|fxios",id:"firefox"},{test:"android",id:"android browser",versionTest:"version"},{test:"safari|iphone|ipad|ipod",id:"safari",versionTest:"version"}],CHROMIUM_PRESETS=[{test:"(?=.*applewebkit/(53[0-7]|5[0-2]|[0-4]))(?=.*\\schrome)",id:"chrome",versionTest:"chrome"},{test:"chromium",id:"chrome"},{test:"whale",id:"chrome",versionAlias:"-1",brand:!0}],WEBKIT_PRESETS=[{test:"applewebkit",id:"webkit",versionTest:"applewebkit|safari"}],WEBVIEW_PRESETS=[{test:"(?=(iphone|ipad))(?!(.*version))",id:"webview"},{test:"(?=(android|iphone|ipad))(?=.*(naver|daum|; wv))",id:"webview"},{test:"webview",id:"webview"}],OS_PRESETS=[{test:"windows phone",id:"windows phone"},{test:"windows 2000",id:"window",versionAlias:"5.0"},{test:"windows nt",id:"window"},{test:"win32|windows",id:"window"},{test:"iphone|ipad|ipod",id:"ios",versionTest:"iphone os|cpu os"},{test:"macos|macintel|mac os x",id:"mac"},{test:"android|linux armv81",id:"android"},{test:"tizen",id:"tizen"},{test:"webos|web0s",id:"webos"}];function isWebView(a){return!!findPreset(WEBVIEW_PRESETS,a).preset}function getLegacyAgent(a){var s=getUserAgentString(a),c=!!/mobi/g.exec(s),u={name:"unknown",version:"-1",majorVersion:-1,webview:isWebView(s),chromium:!1,chromiumVersion:"-1",webkit:!1,webkitVersion:"-1"},d={name:"unknown",version:"-1",majorVersion:-1},p=findPreset(BROWSER_PRESETS,s),v=p.preset,A=p.version,b=findPreset(OS_PRESETS,s),g=b.preset,x=b.version,y=findPreset(CHROMIUM_PRESETS,s);if(u.chromium=!!y.preset,u.chromiumVersion=y.version,!u.chromium){var f=findPreset(WEBKIT_PRESETS,s);u.webkit=!!f.preset,u.webkitVersion=f.version}return g&&(d.name=g.id,d.version=x,d.majorVersion=parseInt(x,10)),v&&(u.name=v.id,u.version=A,u.webview&&d.name==="ios"&&u.name!=="safari"&&(u.webview=!1)),u.majorVersion=parseInt(u.version,10),{browser:u,os:d,isMobile:c,isHints:!1}}function getClientHintsAgent(a){var s=navigator.userAgentData,c=(s.uaList||s.brands).slice(),u=s.mobile||!1,d=c[0],p=(s.platform||navigator.platform).toLowerCase(),v={name:d.brand,version:d.version,majorVersion:-1,webkit:!1,webkitVersion:"-1",chromium:!1,chromiumVersion:"-1",webview:!!findPresetBrand(WEBVIEW_PRESETS,c).brand||isWebView(getUserAgentString())},A={name:"unknown",version:"-1",majorVersion:-1};v.webkit=!v.chromium&&some(WEBKIT_PRESETS,function(f){return findBrand(c,f)});var b=findPresetBrand(CHROMIUM_PRESETS,c);if(v.chromium=!!b.brand,v.chromiumVersion=b.version||"-1",!v.chromium){var g=findPresetBrand(WEBKIT_PRESETS,c);v.webkit=!!g.brand,v.webkitVersion=g.version||"-1"}var x=find(OS_PRESETS,function(f){return new RegExp(""+f.test,"g").exec(p)});A.name=x?x.id:"";{var y=findPresetBrand(BROWSER_PRESETS,c);v.name=y.brand||v.name,v.version=y.brand&&a?a.uaFullVersion:y.version}return v.webkit&&(A.name=u?"ios":"mac"),A.name==="ios"&&v.webview&&(v.version="-1"),A.version=convertVersion(A.version),v.version=convertVersion(v.version),A.majorVersion=parseInt(A.version,10),v.majorVersion=parseInt(v.version,10),{browser:v,os:A,isMobile:u,isHints:!0}}function agent$1(a){return hasUserAgentData()?getClientHintsAgent():getLegacyAgent(a)}var __assign$2=function(){return __assign$2=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$2.apply(this,arguments)};function __rest$1(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c}function styled(a,s){var c=styled$1(s),u=c.className;return reactExports.forwardRef(function(d,p){var v=d.className,A=v===void 0?"":v;d.cspNonce;var b=__rest$1(d,["className","cspNonce"]),g=reactExports.useRef();return reactExports.useImperativeHandle(p,function(){return g.current},[]),reactExports.useEffect(function(){var x=c.inject(g.current,{nonce:d.cspNonce});return function(){x.destroy()}},[]),reactExports.createElement(a,__assign$2({ref:g,"data-styled-id":u,className:"".concat(A," ").concat(u)},b))})}var extendStatics$2=function(a,s){return extendStatics$2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$2(a,s)};function __extends$2(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$2(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$1=function(){return __assign$1=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$1.apply(this,arguments)};function __rest(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c}function __decorate(a,s,c,u){var d=arguments.length,p=d<3?s:u,v;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(a,s,c,u);else for(var A=a.length-1;A>=0;A--)(v=a[A])&&(p=(d<3?v(p):d>3?v(s,c,p):v(s,c))||p);return d>3&&p&&Object.defineProperty(s,c,p),p}function __values(a){var s=typeof Symbol=="function"&&Symbol.iterator,c=s&&a[s],u=0;if(c)return c.call(a);if(a&&typeof a.length=="number")return{next:function(){return a&&u>=a.length&&(a=void 0),{value:a&&a[u++],done:!a}}};throw new TypeError(s?"Object is not iterable.":"Symbol.iterator is not defined.")}function __read(a,s){var c=typeof Symbol=="function"&&a[Symbol.iterator];if(!c)return a;var u=c.call(a),d,p=[],v;try{for(;(s===void 0||s-- >0)&&!(d=u.next()).done;)p.push(d.value)}catch(A){v={error:A}}finally{try{d&&!d.done&&(c=u.return)&&c.call(u)}finally{if(v)throw v.error}}return p}function __spreadArray$1(a,s,c){if(arguments.length===2)for(var u=0,d=s.length,p;u<d;u++)(p||!(u in s))&&(p||(p=Array.prototype.slice.call(s,0,u)),p[u]=s[u]);return a.concat(p||Array.prototype.slice.call(s))}function makeAble(a,s){return __assign$1({events:[],props:[],name:a},s)}var DIRECTIONS4=["n","w","s","e"],DIRECTIONS=["n","w","s","e","nw","ne","sw","se"];function getSVGCursor(a,s){return'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="'.concat(32*a,'px" height="').concat(32*a,'px" viewBox="0 0 32 32" ><path d="M 16,5 L 12,10 L 14.5,10 L 14.5,22 L 12,22 L 16,27 L 20,22 L 17.5,22 L 17.5,10 L 20, 10 L 16,5 Z" stroke-linejoin="round" stroke-width="1.2" fill="black" stroke="white" style="transform:rotate(').concat(s,'deg);transform-origin: 16px 16px"></path></svg>')}function getCursorCSS(a){var s=getSVGCursor(1,a),c=Math.round(a/45)*45%180,u="ns-resize";return c===135?u="nwse-resize":c===45?u="nesw-resize":c===90&&(u="ew-resize"),"cursor:".concat(u,";cursor: url('").concat(s,"') 16 16, ").concat(u,";")}var agent=agent$1(),IS_WEBKIT=agent.browser.webkit,IS_WEBKIT605=IS_WEBKIT&&function(){var a=typeof window>"u"?{userAgent:""}:window.navigator,s=/applewebkit\/([^\s]+)/g.exec(a.userAgent.toLowerCase());return s?parseFloat(s[1])<605:!1}(),browserName=agent.browser.name,browserVersion=parseInt(agent.browser.version,10),IS_CHROME=browserName==="chrome",IS_CHROMIUM=agent.browser.chromium,chromiumVersion=parseInt(agent.browser.chromiumVersion,10)||0,IS_CHROMIUM109=IS_CHROME&&browserVersion>=109||IS_CHROMIUM&&chromiumVersion>=109,IS_FIREFOX=browserName==="firefox",IS_SAFARI_ABOVE15=parseInt(agent.browser.webkitVersion,10)>=612||browserVersion>=15,PREFIX="moveable-",directionCSS=DIRECTIONS.map(function(a){var s="",c="",u="center",d="center",p="calc(var(--moveable-control-padding, 20) * -1px)";return a.indexOf("n")>-1&&(s="top: ".concat(p,";"),d="bottom"),a.indexOf("s")>-1&&(s="top: 0px;",d="top"),a.indexOf("w")>-1&&(c="left: ".concat(p,";"),u="right"),a.indexOf("e")>-1&&(c="left: 0px;",u="left"),'.around-control[data-direction*="'.concat(a,`"] {
+`),CLASS_NAME="selecto-selection ".concat(injector.className),PROPERTIES$1=["className","boundContainer","selectableTargets","selectByClick","selectFromInside","continueSelect","continueSelectWithoutDeselect","toggleContinueSelect","toggleContinueSelectWithoutDeselect","keyContainer","hitRate","scrollOptions","checkInput","preventDefault","ratio","getElementRect","preventDragFromInside","rootContainer","dragCondition","clickBySelectEnd","checkOverflow","innerScrollOptions"],OPTIONS=__spreadArray$2(["dragContainer","cspNonce","preventClickEventOnDrag","preventClickEventOnDragStart","preventRightClick"],PROPERTIES$1),EVENTS=["dragStart","drag","dragEnd","selectStart","select","selectEnd","keydown","keyup","scroll","innerScroll"],METHODS=["clickTarget","getSelectableElements","setSelectedTargets","getElementPoints","getSelectedTargets","findSelectableTargets","triggerDragStart","checkScroll","selectTargetsByPoints","setSelectedTargetsByPoints"],Selecto$2=function(a){__extends$4(s,a);function s(u){u===void 0&&(u={});var d=a.call(this)||this;d.selectedTargets=[],d.dragScroll=new DragScroll,d._onDragStart=function(A,b){var g=A.data,x=A.clientX,y=A.clientY,f=A.inputEvent,m=d.options,C=m.selectFromInside,S=m.selectByClick,w=m.rootContainer,I=m.boundContainer,P=m.preventDragFromInside,$=P===void 0?!0:P,_=m.clickBySelectEnd,E=m.dragCondition;if(E&&!E(A)){A.stop();return}g.data={};var R=getWindow(d.container);g.innerWidth=R.innerWidth,g.innerHeight=R.innerHeight,d.findSelectableTargets(g),g.startSelectedTargets=d.selectedTargets,g.scaleMatrix=createMatrix(),g.containerX=0,g.containerY=0;var T=d.container,B={left:-1/0,top:-1/0,right:1/0,bottom:1/0};if(w){var M=d.container.getBoundingClientRect();g.containerX=M.left,g.containerY=M.top,g.scaleMatrix=getDistElementMatrix(d.container,w)}if(I){var D=isObject$1(I)&&"element"in I?__assign$4({left:!0,top:!0,bottom:!0,right:!0},I):{element:I,left:!0,top:!0,bottom:!0,right:!0},O=D.element,H=void 0;if(O){isString(O)?H=getDocument(T).querySelector(O):O===!0?H=d.container:H=O;var j=H.getBoundingClientRect();D.left&&(B.left=j.left),D.top&&(B.top=j.top),D.right&&(B.right=j.right),D.bottom&&(B.bottom=j.bottom)}}g.boundArea=B;var Q={left:x,top:y,right:x,bottom:y,width:0,height:0},L=[],F=S&&!_,U=!1;if(!C||F){var N=d._findElement(b||f.target,g.selectableTargets);U=!!N,F&&(L=N?[N]:[])}var k=!C&&U;if(k&&!S)return A.stop(),!1;var W=f.type,J=W==="mousedown"||W==="touchstart",q=!A.isClick&&J?d.emit("dragStart",__assign$4(__assign$4({},A),{data:g.data})):!0;if(!q)return A.stop(),!1;if(d.continueSelect?(L=passTargets(d.selectedTargets,L,d.continueSelectWithoutDeselect),g.startPassedTargets=d.selectedTargets):g.startPassedTargets=[],d._select(L,Q,A,!0,k&&S&&!_&&$),g.startX=x,g.startY=y,g.selectFlag=!1,g.preventDragFromInside=!1,f.target){var Y=calculateMatrixDist(g.scaleMatrix,[x-g.containerX,y-g.containerY]);d.target.style.cssText+="position: ".concat(w?"absolute":"fixed",";")+"left:0px;top:0px;"+"transform: translate(".concat(Y[0],"px, ").concat(Y[1],"px)")}if(k&&S&&!_)f.preventDefault(),$&&(d._selectEnd(g.startSelectedTargets,g.startPassedTargets,Q,A,!0),g.preventDragFromInside=!0);else{g.selectFlag=!0;var Z=d.options,ee=Z.scrollOptions,re=Z.innerScrollOptions,ae=!1;if(re){for(var V=A.inputEvent,K=V.target,te=null,ie=K;ie&&ie!==getDocument(T).body;){var ce=getComputedStyle(ie).overflow!=="visible";if(ce){te=ie;break}ie=ie.parentElement}te&&(g.innerScrollOptions=__assign$4({container:te,checkScrollEvent:!0},re===!0?{}:re),d.dragScroll.dragStart(A,g.innerScrollOptions),ae=!0)}!ae&&ee&&ee.container&&d.dragScroll.dragStart(A,ee),k&&S&&_&&(g.selectFlag=!1,A.preventDrag())}return!0},d._onDrag=function(A){if(A.data.selectFlag){var b=d.scrollOptions,g=A.data.innerScrollOptions,x=g||(b==null?void 0:b.container);if(x&&!A.isScroll&&d.dragScroll.drag(A,g||b))return}d._checkSelected(A)},d._onDragEnd=function(A){var b=A.data,g=A.inputEvent,x=getRect$1(A,d.options.ratio),y=b.selectFlag,f=d.container;if(g&&d.emit("dragEnd",__assign$4(__assign$4({isDouble:!!A.isDouble,isClick:!!A.isClick,isDrag:!1,isSelect:y},A),{data:b.data,rect:x})),d.target.style.cssText+="display: none;",y)b.selectFlag=!1,d.dragScroll.dragEnd();else if(d.selectByClick&&d.clickBySelectEnd){var m=d._findElement((g==null?void 0:g.target)||elementFromPoint(f,A.clientX,A.clientY),b.selectableTargets);d._select(m?[m]:[],x,A)}b.preventDragFromInside||d._selectEnd(b.startSelectedTargets,b.startPassedTargets,x,A)},d._onKeyDown=function(A){var b=d.options,g=!1;if(!d._keydownContinueSelect){var x=d._sameCombiKey(A,b.toggleContinueSelect);d._keydownContinueSelect=x,g||(g=x)}if(!d._keydownContinueSelectWithoutDeselection){var x=d._sameCombiKey(A,b.toggleContinueSelectWithoutDeselect);d._keydownContinueSelectWithoutDeselection=x,g||(g=x)}g&&d.emit("keydown",{keydownContinueSelect:d._keydownContinueSelect,keydownContinueSelectWithoutDeselection:d._keydownContinueSelectWithoutDeselection})},d._onKeyUp=function(A){var b=d.options,g=!1;if(d._keydownContinueSelect){var x=d._sameCombiKey(A,b.toggleContinueSelect,!0);d._keydownContinueSelect=!x,g||(g=x)}if(d._keydownContinueSelectWithoutDeselection){var x=d._sameCombiKey(A,b.toggleContinueSelectWithoutDeselect,!0);d._keydownContinueSelectWithoutDeselection=!x,g||(g=x)}g&&d.emit("keyup",{keydownContinueSelect:d._keydownContinueSelect,keydownContinueSelectWithoutDeselection:d._keydownContinueSelectWithoutDeselection})},d._onBlur=function(){(d._keydownContinueSelect||d._keydownContinueSelectWithoutDeselection)&&(d._keydownContinueSelect=!1,d._keydownContinueSelectWithoutDeselection=!1,d.emit("keyup",{keydownContinueSelect:d._keydownContinueSelect,keydownContinueSelectWithoutDeselection:d._keydownContinueSelectWithoutDeselection}))},d._onDocumentSelectStart=function(A){var b=getDocument(d.container);if(d.gesto.isFlag()){var g=d.dragContainer;g===getWindow(d.container)&&(g=b.documentElement);var x=isNode(g)?[g]:[].slice.call(g),y=A.target;x.some(function(f){if(f===y||f.contains(y))return A.preventDefault(),!0})}},d.target=u.portalContainer;var p=u.container;d.options=__assign$4({className:"",portalContainer:null,container:null,dragContainer:null,selectableTargets:[],selectByClick:!0,selectFromInside:!0,clickBySelectEnd:!1,hitRate:100,continueSelect:!1,continueSelectWithoutDeselect:!1,toggleContinueSelect:null,toggleContinueSelectWithoutDeselect:null,keyContainer:null,scrollOptions:null,checkInput:!1,preventDefault:!1,boundContainer:!1,preventDragFromInside:!0,dragCondition:null,rootContainer:null,checkOverflow:!1,innerScrollOptions:!1,getElementRect:getDefaultElementRect,cspNonce:"",ratio:0},u);var v=d.options.portalContainer;return v&&(p=v.parentElement),d.container=p||document.body,d.initElement(),d.initDragScroll(),d.setKeyController(),d}var c=s.prototype;return c.setSelectedTargets=function(u){var d=this.selectedTargets,p=diff(d,u),v=p.added,A=p.removed,b=p.prevList,g=p.list;return this.selectedTargets=u,{added:v.map(function(x){return g[x]}),removed:A.map(function(x){return b[x]}),beforeSelected:d,selected:u}},c.setSelectedTargetsByPoints=function(u,d){var p=Math.min(u[0],d[0]),v=Math.min(u[1],d[1]),A=Math.max(u[0],d[0]),b=Math.max(u[1],d[1]),g={left:p,top:v,right:A,bottom:b,width:A-p,height:b-v},x={ignoreClick:!0};this.findSelectableTargets(x);var y=this.hitTest(g,x,!0,null),f=this.setSelectedTargets(y);return __assign$4(__assign$4({},f),{rect:g})},c.selectTargetsByPoints=function(u,d){var p=new MouseEvent("mousedown",{clientX:u[0],clientY:u[1],cancelable:!0,bubbles:!0}),v=new MouseEvent("mousemove",{clientX:d[0],clientY:d[1],cancelable:!0,bubbles:!0}),A=new MouseEvent("mousemove",{clientX:d[0],clientY:d[1],cancelable:!0,bubbles:!0}),b=this.gesto,g=b.onDragStart(p);g!==!1&&(b.onDrag(v),b.onDragEnd(A))},c.getSelectedTargets=function(){return this.selectedTargets},c.triggerDragStart=function(u){return this.gesto.triggerDragStart(u),this},c.destroy=function(){var u;this.off(),this.keycon&&this.keycon.destroy(),this.gesto.unset(),this.injectResult.destroy(),this.dragScroll.dragEnd(),removeEvent(document,"selectstart",this._onDocumentSelectStart),this.options.portalContainer||(u=this.target.parentElement)===null||u===void 0||u.removeChild(this.target),this.keycon=null,this.gesto=null,this.injectResult=null,this.target=null,this.container=null,this.options=null},c.getElementPoints=function(u){var d=this.getElementRect||getDefaultElementRect,p=d(u),v=[p.pos1,p.pos2,p.pos4,p.pos3];if(d!==getDefaultElementRect){var A=u.getBoundingClientRect();return fitPoints(v,A)}return v},c.getSelectableElements=function(){var u=this.container,d=[];return this.options.selectableTargets.forEach(function(p){if(isFunction(p)){var v=p();v&&d.push.apply(d,[].slice.call(v))}else if(isNode(p))d.push(p);else if(isObject$1(p))d.push(p.value||p.current);else{var A=[].slice.call(getDocument(u).querySelectorAll(p));d.push.apply(d,A)}}),d},c.checkScroll=function(){if(this.gesto.isFlag()){var u=this.scrollOptions,d=this.gesto.getEventData().innerScrollOptions,p=d||(u==null?void 0:u.container);p&&this.dragScroll.checkScroll(__assign$4({inputEvent:this.gesto.getCurrentEvent()},d||u))}},c.findSelectableTargets=function(u){var d=this;u===void 0&&(u=this.gesto.getEventData());var p=this.getSelectableElements(),v=p.map(function(y){return d.getElementPoints(y)});u.selectableTargets=p,u.selectablePoints=v,u.selectableParentMap=null;var A=this.options,b=A.checkOverflow||A.innerScrollOptions,g=getDocument(this.container);if(b){var x=new Map;u.selectableInnerScrollParentMap=x,u.selectableInnerScrollPathsList=p.map(function(y,f){for(var m=y.parentElement,C=[],S=[],w=function(){var I=x.get(m);if(!I){var P=getComputedStyle(m).overflow!=="visible";if(P){var $=getDefaultElementRect(m);I={parentElement:m,indexes:[],points:[$.pos1,$.pos2,$.pos4,$.pos3],paths:__spreadArray$2([],S)},C.push(m),C.forEach(function(_){x.set(_,I)}),C=[]}}I?(m=I.parentElement,x.get(m).indexes.push(f),S.push(m)):C.push(m),m=m.parentElement};m&&m!==g.body;)w();return S})}return A.checkOverflow||(u.selectableInners=p.map(function(){return!0})),this._refreshGroups(u),p},c.clickTarget=function(u,d){var p=getClient(u),v=p.clientX,A=p.clientY,b={data:{selectFlag:!1},clientX:v,clientY:A,inputEvent:u,isClick:!0,isTrusted:!1,stop:function(){return!1}};return this._onDragStart(b,d)&&this._onDragEnd(b),this},c.setKeyController=function(){var u=this.options,d=u.keyContainer,p=u.toggleContinueSelect,v=u.toggleContinueSelectWithoutDeselect;this.keycon&&(this.keycon.destroy(),this.keycon=null),(p||v)&&(this.keycon=new KeyController(d||getWindow(this.container)),this.keycon.keydown(this._onKeyDown).keyup(this._onKeyUp).on("blur",this._onBlur))},c.setClassName=function(u){this.options.className=u,this.target.setAttribute("class","".concat(CLASS_NAME," ").concat(u||""))},c.setKeyEvent=function(){var u=this.options,d=u.toggleContinueSelect,p=u.toggleContinueSelectWithoutDeselect;!d&&!p||this.keycon||this.setKeyController()},c.setKeyContainer=function(u){var d=this,p=this.options;diffValue(p.keyContainer,u,function(){p.keyContainer=u,d.setKeyController()})},c.getContinueSelect=function(){var u=this.options,d=u.continueSelect,p=u.toggleContinueSelect;return!p||!this._keydownContinueSelect?d:!d},c.getContinueSelectWithoutDeselect=function(){var u=this.options,d=u.continueSelectWithoutDeselect,p=u.toggleContinueSelectWithoutDeselect;return!p||!this._keydownContinueSelectWithoutDeselection?d:!d},c.setToggleContinueSelect=function(u){var d=this,p=this.options;diffValue(p.toggleContinueSelect,u,function(){p.toggleContinueSelect=u,d.setKeyEvent()})},c.setToggleContinueSelectWithoutDeselect=function(u){var d=this,p=this.options;diffValue(p.toggleContinueSelectWithoutDeselect,u,function(){p.toggleContinueSelectWithoutDeselect=u,d.setKeyEvent()})},c.setPreventDefault=function(u){this.gesto.options.preventDefault=u},c.setCheckInput=function(u){this.gesto.options.checkInput=u},c.initElement=function(){var u=this.options,d=u.dragContainer,p=u.checkInput,v=u.preventDefault,A=u.preventClickEventOnDragStart,b=u.preventClickEventOnDrag,g=u.preventClickEventByCondition,x=u.preventRightClick,y=x===void 0?!0:x,f=u.className,m=this.container;this.target=createElement(h("div",{className:"".concat(CLASS_NAME," ").concat(f||"")}),this.target,m);var C=this.target;this.dragContainer=typeof d=="string"?[].slice.call(getDocument(m).querySelectorAll(d)):d||this.target.parentNode,this.gesto=new Gesto(this.dragContainer,{checkWindowBlur:!0,container:getWindow(m),checkInput:p,preventDefault:v,preventClickEventOnDragStart:A,preventClickEventOnDrag:b,preventClickEventByCondition:g,preventRightClick:y}).on({dragStart:this._onDragStart,drag:this._onDrag,dragEnd:this._onDragEnd}),addEvent(document,"selectstart",this._onDocumentSelectStart),this.injectResult=injector.inject(C,{nonce:this.options.cspNonce})},c.hitTest=function(u,d,p,v){var A=this.options,b=A.hitRate,g=A.selectByClick,x=u.left,y=u.top,f=u.right,m=u.bottom,C=d.innerGroups,S=d.innerWidth,w=d.innerHeight,I=v==null?void 0:v.clientX,P=v==null?void 0:v.clientY,$=d.ignoreClick,_=[[x,y],[f,y],[f,m],[x,m]],E=function(N,k){var W=splitUnit(typeof b=="function"?"".concat(b(k)):"".concat(b)),J=$?!1:isInside([I,P],N);if(!p&&g&&J)return!0;var q=getOverlapPoints(_,N);if(!q.length)return!1;var Y=getAreaSize(q),Z=0;if(Y===0&&getAreaSize(N)===0?(Z=getLineSize(N),Y=getLineSize(q)):Z=getAreaSize(N),W.unit==="px")return Y>=W.value;var ee=between(Math.round(Y/Z*100),0,100);return ee>=Math.min(100,W.value)},R=d.selectableTargets,T=d.selectablePoints,B=d.selectableInners;if(!C)return R.filter(function(N,k){return B[k]?E(T[k],R[k]):!1});for(var M=[],D=Math.floor(x/S),O=Math.floor(f/S),H=Math.floor(y/w),j=Math.floor(m/w),Q=D;Q<=O;++Q){var L=C[Q];if(L)for(var F=H;F<=j;++F){var U=L[F];U&&U.forEach(function(N){var k=T[N],W=B[N],J=R[N];W&&E(k,J)&&M.push(J)})}}return filterDuplicated(M)},c.initDragScroll=function(){var u=this;this.dragScroll.on("scrollDrag",function(d){var p=d.next;p(u.gesto.getCurrentEvent())}).on("scroll",function(d){var p=d.container,v=d.direction,A=u.gesto.getEventData().innerScrollOptions;A?u.emit("innerScroll",{container:p,direction:v}):u.emit("scroll",{container:p,direction:v})}).on("move",function(d){var p=d.offsetX,v=d.offsetY,A=d.inputEvent,b=u.gesto;if(!(!b||!b.isFlag())){var g=u.gesto.getEventData(),x=g.boundArea;g.startX-=p,g.startY-=v;var y=u.gesto.getEventData().innerScrollOptions,f=y==null?void 0:y.container,m=!1;if(f){var C=g.selectableInnerScrollParentMap,S=C.get(f);S&&(S.paths.forEach(function(w){var I=C.get(w);I.points.forEach(function(P){P[0]-=p,P[1]-=v})}),S.indexes.forEach(function(w){g.selectablePoints[w].forEach(function(I){I[0]-=p,I[1]-=v})}),m=!0)}m||g.selectablePoints.forEach(function(w){w.forEach(function(I){I[0]-=p,I[1]-=v})}),u._refreshGroups(g),x.left-=p,x.right-=p,x.top-=v,x.bottom-=v,u.gesto.scrollBy(p,v,A.inputEvent),u._checkSelected(u.gesto.getCurrentEvent())}})},c._select=function(u,d,p,v,A){A===void 0&&(A=!1);var b=p.inputEvent,g=p.data,x=this.setSelectedTargets(u),y=diff(g.startSelectedTargets,u),f=y.added,m=y.removed,C=y.prevList,S=y.list,w={startSelected:C,startAdded:f.map(function(I){return S[I]}),startRemoved:m.map(function(I){return C[I]})};v&&this.emit("selectStart",__assign$4(__assign$4(__assign$4({},x),w),{rect:d,inputEvent:b,data:g.data,isTrusted:p.isTrusted,isDragStartEnd:A})),(x.added.length||x.removed.length)&&this.emit("select",__assign$4(__assign$4(__assign$4({},x),w),{rect:d,inputEvent:b,data:g.data,isTrusted:p.isTrusted,isDragStartEnd:A}))},c._selectEnd=function(u,d,p,v,A){A===void 0&&(A=!1);var b=v.inputEvent,g=v.isDouble,x=v.data,y=b&&b.type,f=y==="mousedown"||y==="touchstart",m=diff(u,this.selectedTargets),C=m.added,S=m.removed,w=m.prevList,I=m.list,P=diff(d,this.selectedTargets),$=P.added,_=P.removed,E=P.prevList,R=P.list;this.emit("selectEnd",{startSelected:u,beforeSelected:d,selected:this.selectedTargets,added:C.map(function(T){return I[T]}),removed:S.map(function(T){return w[T]}),afterAdded:$.map(function(T){return R[T]}),afterRemoved:_.map(function(T){return E[T]}),isDragStart:f&&A,isDragStartEnd:f&&A,isClick:!!v.isClick,isDouble:!!g,rect:p,inputEvent:b,data:x.data,isTrusted:v.isTrusted})},c._checkSelected=function(u,d){d===void 0&&(d=getRect$1(u,this.options.ratio));var p=u.data,v=d.top,A=d.left,b=d.width,g=d.height,x=p.selectFlag,y=p.containerX,f=p.containerY,m=p.scaleMatrix,C=calculateMatrixDist(m,[A-y,v-f]),S=calculateMatrixDist(m,[b,g]),w=[];if(x){this.target.style.cssText+="display: block;left:0px;top:0px;"+"transform: translate(".concat(C[0],"px, ").concat(C[1],"px);")+"width:".concat(S[0],"px;height:").concat(S[1],"px;");var I=this.hitTest(d,p,!0,u);w=passTargets(p.startPassedTargets,I,this.continueSelect&&this.continueSelectWithoutDeselect)}var P=this.emit("drag",__assign$4(__assign$4({},u),{data:p.data,isSelect:x,rect:d}));if(P===!1){this.target.style.cssText+="display: none;",u.stop();return}x&&this._select(w,d,u)},c._sameCombiKey=function(u,d,p){if(!d)return!1;var v=getCombi(u.inputEvent,u.key),A=[].concat(d),b=isArray(A[0])?A:[A];if(p){var g=u.key;return b.some(function(x){return x.some(function(y){return y===g})})}return b.some(function(x){return x.every(function(y){return v.indexOf(y)>-1})})},c._findElement=function(u,d){for(var p=u;p&&!(d.indexOf(p)>-1);)p=p.parentElement;return p},c._refreshGroups=function(u){var d,p=u.innerWidth,v=u.innerHeight,A=u.selectablePoints;if(this.options.checkOverflow){var b=(d=this.gesto.getEventData().innerScrollOptions)===null||d===void 0?void 0:d.container,g=u.selectableInnerScrollParentMap,x=u.selectableInnerScrollPathsList;u.selectableInners=x.map(function(m,C){var S=!1;return m.every(function(w){if(S)return!0;if(w===b)return S=!0,!0;var I=g.get(w);if(I){var P=A[C],$=I.points,_=getOverlapPoints(P,$);if(!_.length)return!1}return!0})})}if(!p||!v)u.innerGroups=null;else{var y=u.selectablePoints,f={};y.forEach(function(m,C){var S=1/0,w=-1/0,I=1/0,P=-1/0;m.forEach(function(E){var R=Math.floor(E[0]/p),T=Math.floor(E[1]/v);S=Math.min(R,S),w=Math.max(R,w),I=Math.min(T,I),P=Math.max(T,P)});for(var $=S;$<=w;++$)for(var _=I;_<=P;++_)f[$]=f[$]||{},f[$][_]=f[$][_]||[],f[$][_].push(C)}),u.innerGroups=f}},s=__decorate$2([Properties(PROPERTIES$1,function(u,d){var p={enumerable:!0,configurable:!0,get:function(){return this.options[d]}},v=camelize("get ".concat(d));u[v]?p.get=function(){return this[v]()}:p.get=function(){return this.options[d]};var A=camelize("set ".concat(d));u[A]?p.set=function(b){this[A](b)}:p.set=function(b){this.options[d]=b},Object.defineProperty(u,d,p)})],s),s}(EventEmitter),Selecto$1$1=function(a){__extends$4(s,a);function s(){return a!==null&&a.apply(this,arguments)||this}return s}(Selecto$2),extendStatics$3=function(a,s){return extendStatics$3=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$3(a,s)};function __extends$3(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$3(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$3=function(){return __assign$3=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$3.apply(this,arguments)};function __decorate$1(a,s,c,u){var d=arguments.length,p=d<3?s:u,v;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(a,s,c,u);else for(var A=a.length-1;A>=0;A--)(v=a[A])&&(p=(d<3?v(p):d>3?v(s,c,p):v(s,c))||p);return d>3&&p&&Object.defineProperty(s,c,p),p}var REACT_EVENTS=EVENTS.map(function(a){return camelize("on ".concat(a))}),Selecto$1=function(a){__extends$3(s,a);function s(){return a!==null&&a.apply(this,arguments)||this}var c=s.prototype;return c.render=function(){return reactExports.createElement("div",{className:CLASS_NAME,ref:ref(this,"selectionElement")})},c.componentDidMount=function(){var u=this,d=this.props,p={};OPTIONS.forEach(function(v){v in d&&(p[v]=d[v])}),this.selecto=new Selecto$1$1(__assign$3(__assign$3({},p),{portalContainer:this.selectionElement})),EVENTS.forEach(function(v,A){u.selecto.on(v,function(b){var g=u.props,x=g[REACT_EVENTS[A]]&&g[REACT_EVENTS[A]](b);x===!1&&b.stop()})})},c.componentDidUpdate=function(u){var d=this.props,p=this.selecto;PROPERTIES$1.forEach(function(v){u[v]!==d[v]&&(p[v]=d[v])})},c.componentWillUnmount=function(){this.selecto.destroy()},__decorate$1([withMethods(METHODS)],s.prototype,"selecto",void 0),s}(reactExports.PureComponent);const className="pdfme-selecto",Selecto=a=>{const{token:s}=theme.useToken();return reactExports.useEffect(()=>{const c=document.querySelector("."+className);c instanceof HTMLElement&&(c.style.backgroundColor=s.colorPrimary,c.style.opacity="0.75",c.style.borderColor=s.colorPrimaryBorder)},[a.container,s.colorPrimary,s.colorPrimaryBorder]),jsxRuntimeExports.jsx(Selecto$1,{className,selectFromInside:!1,selectByClick:!0,preventDefault:!0,hitRate:0,selectableTargets:[`.${SELECTABLE_CLASSNAME}`],container:a.container,continueSelect:a.continueSelect,onDragStart:a.onDragStart,onSelect:a.onSelect})};function some(a,s){for(var c=a.length,u=0;u<c;++u)if(s(a[u],u))return!0;return!1}function find(a,s){for(var c=a.length,u=0;u<c;++u)if(s(a[u],u))return a[u];return null}function getUserAgentString(a){var s=a;if(typeof s>"u"){if(typeof navigator>"u"||!navigator)return"";s=navigator.userAgent||""}return s.toLowerCase()}function execRegExp(a,s){try{return new RegExp(a,"g").exec(s)}catch{return null}}function hasUserAgentData(){if(typeof navigator>"u"||!navigator||!navigator.userAgentData)return!1;var a=navigator.userAgentData,s=a.brands||a.uaList;return!!(s&&s.length)}function findVersion(a,s){var c=execRegExp("("+a+")((?:\\/|\\s|:)([0-9|\\.|_]+))",s);return c?c[3]:""}function convertVersion(a){return a.replace(/_/g,".")}function findPreset(a,s){var c=null,u="-1";return some(a,function(d){var p=execRegExp("("+d.test+")((?:\\/|\\s|:)([0-9|\\.|_]+))?",s);return!p||d.brand?!1:(c=d,u=p[3]||"-1",d.versionAlias?u=d.versionAlias:d.versionTest&&(u=findVersion(d.versionTest.toLowerCase(),s)||u),u=convertVersion(u),!0)}),{preset:c,version:u}}function findPresetBrand(a,s){var c={brand:"",version:"-1"};return some(a,function(u){var d=findBrand(s,u);return d?(c.brand=u.id,c.version=u.versionAlias||d.version,c.version!=="-1"):!1}),c}function findBrand(a,s){return find(a,function(c){var u=c.brand;return execRegExp(""+s.test,u.toLowerCase())})}var BROWSER_PRESETS=[{test:"phantomjs",id:"phantomjs"},{test:"whale",id:"whale"},{test:"edgios|edge|edg",id:"edge"},{test:"msie|trident|windows phone",id:"ie",versionTest:"iemobile|msie|rv"},{test:"miuibrowser",id:"miui browser"},{test:"samsungbrowser",id:"samsung internet"},{test:"samsung",id:"samsung internet",versionTest:"version"},{test:"chrome|crios",id:"chrome"},{test:"firefox|fxios",id:"firefox"},{test:"android",id:"android browser",versionTest:"version"},{test:"safari|iphone|ipad|ipod",id:"safari",versionTest:"version"}],CHROMIUM_PRESETS=[{test:"(?=.*applewebkit/(53[0-7]|5[0-2]|[0-4]))(?=.*\\schrome)",id:"chrome",versionTest:"chrome"},{test:"chromium",id:"chrome"},{test:"whale",id:"chrome",versionAlias:"-1",brand:!0}],WEBKIT_PRESETS=[{test:"applewebkit",id:"webkit",versionTest:"applewebkit|safari"}],WEBVIEW_PRESETS=[{test:"(?=(iphone|ipad))(?!(.*version))",id:"webview"},{test:"(?=(android|iphone|ipad))(?=.*(naver|daum|; wv))",id:"webview"},{test:"webview",id:"webview"}],OS_PRESETS=[{test:"windows phone",id:"windows phone"},{test:"windows 2000",id:"window",versionAlias:"5.0"},{test:"windows nt",id:"window"},{test:"win32|windows",id:"window"},{test:"iphone|ipad|ipod",id:"ios",versionTest:"iphone os|cpu os"},{test:"macos|macintel|mac os x",id:"mac"},{test:"android|linux armv81",id:"android"},{test:"tizen",id:"tizen"},{test:"webos|web0s",id:"webos"}];function isWebView(a){return!!findPreset(WEBVIEW_PRESETS,a).preset}function getLegacyAgent(a){var s=getUserAgentString(a),c=!!/mobi/g.exec(s),u={name:"unknown",version:"-1",majorVersion:-1,webview:isWebView(s),chromium:!1,chromiumVersion:"-1",webkit:!1,webkitVersion:"-1"},d={name:"unknown",version:"-1",majorVersion:-1},p=findPreset(BROWSER_PRESETS,s),v=p.preset,A=p.version,b=findPreset(OS_PRESETS,s),g=b.preset,x=b.version,y=findPreset(CHROMIUM_PRESETS,s);if(u.chromium=!!y.preset,u.chromiumVersion=y.version,!u.chromium){var f=findPreset(WEBKIT_PRESETS,s);u.webkit=!!f.preset,u.webkitVersion=f.version}return g&&(d.name=g.id,d.version=x,d.majorVersion=parseInt(x,10)),v&&(u.name=v.id,u.version=A,u.webview&&d.name==="ios"&&u.name!=="safari"&&(u.webview=!1)),u.majorVersion=parseInt(u.version,10),{browser:u,os:d,isMobile:c,isHints:!1}}function getClientHintsAgent(a){var s=navigator.userAgentData,c=(s.uaList||s.brands).slice(),u=s.mobile||!1,d=c[0],p=(s.platform||navigator.platform).toLowerCase(),v={name:d.brand,version:d.version,majorVersion:-1,webkit:!1,webkitVersion:"-1",chromium:!1,chromiumVersion:"-1",webview:!!findPresetBrand(WEBVIEW_PRESETS,c).brand||isWebView(getUserAgentString())},A={name:"unknown",version:"-1",majorVersion:-1};v.webkit=!v.chromium&&some(WEBKIT_PRESETS,function(f){return findBrand(c,f)});var b=findPresetBrand(CHROMIUM_PRESETS,c);if(v.chromium=!!b.brand,v.chromiumVersion=b.version||"-1",!v.chromium){var g=findPresetBrand(WEBKIT_PRESETS,c);v.webkit=!!g.brand,v.webkitVersion=g.version||"-1"}var x=find(OS_PRESETS,function(f){return new RegExp(""+f.test,"g").exec(p)});A.name=x?x.id:"";{var y=findPresetBrand(BROWSER_PRESETS,c);v.name=y.brand||v.name,v.version=y.brand&&a?a.uaFullVersion:y.version}return v.webkit&&(A.name=u?"ios":"mac"),A.name==="ios"&&v.webview&&(v.version="-1"),A.version=convertVersion(A.version),v.version=convertVersion(v.version),A.majorVersion=parseInt(A.version,10),v.majorVersion=parseInt(v.version,10),{browser:v,os:A,isMobile:u,isHints:!0}}function agent$1(a){return hasUserAgentData()?getClientHintsAgent():getLegacyAgent(a)}var __assign$2=function(){return __assign$2=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$2.apply(this,arguments)};function __rest$1(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c}function styled(a,s){var c=styled$1(s),u=c.className;return reactExports.forwardRef(function(d,p){var v=d.className,A=v===void 0?"":v;d.cspNonce;var b=__rest$1(d,["className","cspNonce"]),g=reactExports.useRef();return reactExports.useImperativeHandle(p,function(){return g.current},[]),reactExports.useEffect(function(){var x=c.inject(g.current,{nonce:d.cspNonce});return function(){x.destroy()}},[]),reactExports.createElement(a,__assign$2({ref:g,"data-styled-id":u,className:"".concat(A," ").concat(u)},b))})}var extendStatics$2=function(a,s){return extendStatics$2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$2(a,s)};function __extends$2(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$2(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign$1=function(){return __assign$1=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign$1.apply(this,arguments)};function __rest(a,s){var c={};for(var u in a)Object.prototype.hasOwnProperty.call(a,u)&&s.indexOf(u)<0&&(c[u]=a[u]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,u=Object.getOwnPropertySymbols(a);d<u.length;d++)s.indexOf(u[d])<0&&Object.prototype.propertyIsEnumerable.call(a,u[d])&&(c[u[d]]=a[u[d]]);return c}function __decorate(a,s,c,u){var d=arguments.length,p=d<3?s:u,v;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(a,s,c,u);else for(var A=a.length-1;A>=0;A--)(v=a[A])&&(p=(d<3?v(p):d>3?v(s,c,p):v(s,c))||p);return d>3&&p&&Object.defineProperty(s,c,p),p}function __values(a){var s=typeof Symbol=="function"&&Symbol.iterator,c=s&&a[s],u=0;if(c)return c.call(a);if(a&&typeof a.length=="number")return{next:function(){return a&&u>=a.length&&(a=void 0),{value:a&&a[u++],done:!a}}};throw new TypeError(s?"Object is not iterable.":"Symbol.iterator is not defined.")}function __read(a,s){var c=typeof Symbol=="function"&&a[Symbol.iterator];if(!c)return a;var u=c.call(a),d,p=[],v;try{for(;(s===void 0||s-- >0)&&!(d=u.next()).done;)p.push(d.value)}catch(A){v={error:A}}finally{try{d&&!d.done&&(c=u.return)&&c.call(u)}finally{if(v)throw v.error}}return p}function __spreadArray$1(a,s,c){if(arguments.length===2)for(var u=0,d=s.length,p;u<d;u++)(p||!(u in s))&&(p||(p=Array.prototype.slice.call(s,0,u)),p[u]=s[u]);return a.concat(p||Array.prototype.slice.call(s))}function makeAble(a,s){return __assign$1({events:[],props:[],name:a},s)}var DIRECTIONS4=["n","w","s","e"],DIRECTIONS=["n","w","s","e","nw","ne","sw","se"];function getSVGCursor(a,s){return'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="'.concat(32*a,'px" height="').concat(32*a,'px" viewBox="0 0 32 32" ><path d="M 16,5 L 12,10 L 14.5,10 L 14.5,22 L 12,22 L 16,27 L 20,22 L 17.5,22 L 17.5,10 L 20, 10 L 16,5 Z" stroke-linejoin="round" stroke-width="1.2" fill="black" stroke="white" style="transform:rotate(').concat(s,'deg);transform-origin: 16px 16px"></path></svg>')}function getCursorCSS(a){var s=getSVGCursor(1,a),c=Math.round(a/45)*45%180,u="ns-resize";return c===135?u="nwse-resize":c===45?u="nesw-resize":c===90&&(u="ew-resize"),"cursor:".concat(u,";cursor: url('").concat(s,"') 16 16, ").concat(u,";")}var agent=agent$1(),IS_WEBKIT=agent.browser.webkit,IS_WEBKIT605=IS_WEBKIT&&function(){var a=typeof window>"u"?{userAgent:""}:window.navigator,s=/applewebkit\/([^\s]+)/g.exec(a.userAgent.toLowerCase());return s?parseFloat(s[1])<605:!1}(),browserName=agent.browser.name,browserVersion=parseInt(agent.browser.version,10),IS_CHROME=browserName==="chrome",IS_CHROMIUM=agent.browser.chromium,chromiumVersion=parseInt(agent.browser.chromiumVersion,10)||0,IS_CHROMIUM109=IS_CHROME&&browserVersion>=109||IS_CHROMIUM&&chromiumVersion>=109,IS_FIREFOX=browserName==="firefox",IS_SAFARI_ABOVE15=parseInt(agent.browser.webkitVersion,10)>=612||browserVersion>=15,PREFIX="moveable-",directionCSS=DIRECTIONS.map(function(a){var s="",c="",u="center",d="center",p="calc(var(--moveable-control-padding, 20) * -1px)";return a.indexOf("n")>-1&&(s="top: ".concat(p,";"),d="bottom"),a.indexOf("s")>-1&&(s="top: 0px;",d="top"),a.indexOf("w")>-1&&(c="left: ".concat(p,";"),u="right"),a.indexOf("e")>-1&&(c="left: 0px;",u="left"),'.around-control[data-direction*="'.concat(a,`"] {
         `).concat(c).concat(s,`
         transform-origin: `).concat(u," ").concat(d,`;
     }`)}).join(`
@@ -1244,7 +1244,7 @@ cursor: pointer;
 }`],className:function(a){var s=a.props.roundClickable;return s===!0||s==="line"?prefix$1("round-line-clickable"):""},requestStyle:function(){return["borderRadius"]},requestChildStyle:function(){return["borderRadius"]},render:function(a,s){var c=a.getState(),u=c.target,d=c.width,p=c.height,v=c.allMatrix,A=c.is3d,b=c.left,g=c.top,x=c.borderRadiusState,y=a.props,f=y.minRoundControls,m=f===void 0?[0,0]:f,C=y.maxRoundControls,S=C===void 0?[4,4]:C,w=y.zoom,I=y.roundPadding,P=I===void 0?0:I,$=y.isDisplayShadowRoundControls,_=y.groupable;if(!u)return null;var E=x||getStyleBorderRadius(a),R=A?4:3,T=getBorderRadius(E,d,p,m,!0);if(!T)return null;var B=0,M=0,D=_?[0,0]:[b,g];return T.map(function(O,H){var j=O.horizontal,Q=O.vertical,L=O.direction||"",F=__spreadArray$1([],__read(O.pos),!1);M+=Math.abs(j),B+=Math.abs(Q),j&&L.indexOf("n")>-1&&(F[1]-=P),Q&&L.indexOf("w")>-1&&(F[0]-=P),j&&L.indexOf("s")>-1&&(F[1]+=P),Q&&L.indexOf("e")>-1&&(F[0]+=P);var U=minus(calculatePosition(v,F,R),D),N=$&&$!=="horizontal",k=O.vertical?B<=S[1]&&(N||!O.virtual):M<=S[0]&&($||!O.virtual);return s.createElement("div",{key:"borderRadiusControl".concat(H),className:prefix$1("control","border-radius",O.vertical?"vertical":"",O.virtual?"virtual":""),"data-radius-index":H,style:{display:k?"block":"none",transform:"translate(".concat(U[0],"px, ").concat(U[1],"px) scale(").concat(w,")")}})})},dragControlCondition:function(a,s){if(!s.inputEvent||s.isRequest)return!1;var c=s.inputEvent.target.getAttribute("class")||"";return c.indexOf("border-radius")>-1||c.indexOf("moveable-line")>-1&&c.indexOf("moveable-direction")>-1},dragGroupControlCondition:function(a,s){return this.dragControlCondition(a,s)},dragControlStart:function(a,s){var c=s.inputEvent,u=s.datas,d=c.target,p=d.getAttribute("class")||"",v=p.indexOf("border-radius")>-1,A=p.indexOf("moveable-line")>-1&&p.indexOf("moveable-direction")>-1,b=v?parseInt(d.getAttribute("data-radius-index"),10):-1,g=-1;if(A){var x=d.getAttribute("data-line-key")||"";x&&(g=parseInt(x.replace(/render-line-/g,""),10),isNaN(g)&&(g=-1))}if(!v&&!A)return!1;var y=fillParams(a,s,{}),f=triggerEvent(a,"onRoundStart",y);if(f===!1)return!1;u.lineIndex=g,u.controlIndex=b,u.isControl=v,u.isLine=A,setDragStart(a,s);var m=a.props,C=m.roundRelative,S=m.minRoundControls,w=S===void 0?[0,0]:S,I=a.state,P=I.width,$=I.height;u.isRound=!0,u.prevDist=[0,0];var _=getStyleBorderRadius(a),E=getBorderRadius(_||"",P,$,w,!0)||[];return u.controlPoses=E,I.borderRadiusState=getRadiusStyles(E,C,P,$).styles.join(" "),y},dragControl:function(a,s){var c=s.datas,u=c.controlPoses;if(!c.isRound||!c.isControl||!u.length)return!1;var d=c.controlIndex,p=__read(getDragDist(s),2),v=p[0],A=p[1],b=[v,A],g=minus(b,c.prevDist),x=a.props.maxRoundControls,y=x===void 0?[4,4]:x,f=a.state,m=f.width,C=f.height,S=u[d],w=S.vertical,I=S.horizontal,P=u.map(function(_){var E=_.horizontal,R=_.vertical,T=[E*I*b[0],R*w*b[1]];if(E){if(y[0]===1)return T;if(y[0]<4&&E!==I)return T}else{if(y[1]===0)return T[1]=R*I*b[0]/m*C,T;if(w){if(y[1]===1)return T;if(y[1]<4&&R!==w)return T}}return[0,0]});P[d]=b;var $=u.map(function(_,E){return __assign$1(__assign$1({},_),{pos:plus(_.pos,P[E])})});return d<4?$.slice(0,d+1).forEach(function(_){_.virtual=!1}):$.slice(4,d+1).forEach(function(_){_.virtual=!1}),c.prevDist=[v,A],triggerRoundEvent(a,s,b,g,$)},dragControlEnd:function(a,s){var c=a.state;c.borderRadiusState="";var u=s.datas,d=s.isDouble;if(!u.isRound)return!1;var p=u.isControl,v=u.controlIndex,A=u.isLine,b=u.lineIndex,g=u.controlPoses,x=g.filter(function(I){var P=I.virtual;return P}).length,y=a.props.roundClickable,f=y===void 0?!0:y;if(d&&f){if(p&&(f===!0||f==="control"))removeBorderRadius(g,v);else if(A&&(f===!0||f==="line")){var m=__read(calculatePointerDist(a,s),2),C=m[0],S=m[1];addBorderRadiusByLine(g,b,C,S)}x!==g.filter(function(I){var P=I.virtual;return P}).length&&triggerRoundEvent(a,s,[0,0],[0,0],g)}var w=fillEndParams(a,s,{});return triggerEvent(a,"onRoundEnd",w),c.borderRadiusState="",w},dragGroupControlStart:function(a,s){var c=this.dragControlStart(a,s);if(!c)return!1;var u=a.moveables,d=a.props.targets,p=fillChildEvents(a,"roundable",s),v=__assign$1({targets:a.props.targets,events:p.map(function(A,b){return __assign$1(__assign$1({},A),{target:d[b],moveable:u[b],currentTarget:u[b]})})},c);return triggerEvent(a,"onRoundGroupStart",v),c},dragGroupControl:function(a,s){var c=this.dragControl(a,s);if(!c)return!1;var u=a.moveables,d=a.props.targets,p=fillChildEvents(a,"roundable",s),v=__assign$1({targets:a.props.targets,events:p.map(function(A,b){return __assign$1(__assign$1(__assign$1({},A),{target:d[b],moveable:u[b],currentTarget:u[b]}),fillCSSObject({borderRadius:c.borderRadius},A))})},c);return triggerEvent(a,"onRoundGroup",v),v},dragGroupControlEnd:function(a,s){var c=a.moveables,u=a.props.targets,d=fillChildEvents(a,"roundable",s);catchEvent(a,"onRound",function(A){var b=__assign$1({targets:a.props.targets,events:d.map(function(g,x){return __assign$1(__assign$1(__assign$1({},g),{target:u[x],moveable:c[x],currentTarget:c[x]}),fillCSSObject({borderRadius:A.borderRadius},g))})},A);triggerEvent(a,"onRoundGroup",b)});var p=this.dragControlEnd(a,s);if(!p)return!1;var v=__assign$1({targets:a.props.targets,events:d.map(function(A,b){var g;return __assign$1(__assign$1({},A),{target:u[b],moveable:c[b],currentTarget:c[b],lastEvent:(g=A.datas)===null||g===void 0?void 0:g.lastEvent})})},p);return triggerEvent(a,"onRoundGroupEnd",v),v},unset:function(a){a.state.borderRadiusState=""}};function isIdentityMatrix(a,s){var c=s?4:3,u=createIdentityMatrix(c),d="matrix".concat(s?"3d":"","(").concat(u.join(","),")");return a===d||a==="matrix(1,0,0,1,0,0)"}var BeforeRenderable={isPinch:!0,name:"beforeRenderable",props:[],events:["beforeRenderStart","beforeRender","beforeRenderEnd","beforeRenderGroupStart","beforeRenderGroup","beforeRenderGroupEnd"],dragRelation:"weak",setTransform:function(a,s){var c=a.state,u=c.is3d,d=c.targetMatrix,p=c.inlineTransform,v=u?"matrix3d(".concat(d.join(","),")"):"matrix(".concat(convertMatrixtoCSS(d,!0),")"),A=!p||p==="none"?v:p;s.datas.startTransforms=isIdentityMatrix(A,u)?[]:splitSpace(A)},resetStyle:function(a){var s=a.datas;s.nextStyle={},s.nextTransforms=a.datas.startTransforms,s.nextTransformAppendedIndexes=[]},fillDragStartParams:function(a,s){return fillParams(a,s,{setTransform:function(c){s.datas.startTransforms=isArray(c)?c:splitSpace(c)},isPinch:!!s.isPinch})},fillDragParams:function(a,s){return fillParams(a,s,{isPinch:!!s.isPinch})},dragStart:function(a,s){this.setTransform(a,s),this.resetStyle(s),triggerEvent(a,"onBeforeRenderStart",this.fillDragStartParams(a,s))},drag:function(a,s){s.datas.startTransforms||this.setTransform(a,s),this.resetStyle(s),triggerEvent(a,"onBeforeRender",fillParams(a,s,{isPinch:!!s.isPinch}))},dragEnd:function(a,s){s.datas.startTransforms||(this.setTransform(a,s),this.resetStyle(s)),triggerEvent(a,"onBeforeRenderEnd",fillParams(a,s,{isPinch:!!s.isPinch,isDrag:s.isDrag}))},dragGroupStart:function(a,s){var c=this;this.dragStart(a,s);var u=fillChildEvents(a,"beforeRenderable",s),d=a.moveables,p=u.map(function(v,A){var b=d[A];return c.setTransform(b,v),c.resetStyle(v),c.fillDragStartParams(b,v)});triggerEvent(a,"onBeforeRenderGroupStart",fillParams(a,s,{isPinch:!!s.isPinch,targets:a.props.targets,setTransform:function(){},events:p}))},dragGroup:function(a,s){var c=this;this.drag(a,s);var u=fillChildEvents(a,"beforeRenderable",s),d=a.moveables,p=u.map(function(v,A){var b=d[A];return c.resetStyle(v),c.fillDragParams(b,v)});triggerEvent(a,"onBeforeRenderGroup",fillParams(a,s,{isPinch:!!s.isPinch,targets:a.props.targets,events:p}))},dragGroupEnd:function(a,s){this.dragEnd(a,s),triggerEvent(a,"onBeforeRenderGroupEnd",fillParams(a,s,{isPinch:!!s.isPinch,isDrag:s.isDrag,targets:a.props.targets}))},dragControlStart:function(a,s){return this.dragStart(a,s)},dragControl:function(a,s){return this.drag(a,s)},dragControlEnd:function(a,s){return this.dragEnd(a,s)},dragGroupControlStart:function(a,s){return this.dragGroupStart(a,s)},dragGroupControl:function(a,s){return this.dragGroup(a,s)},dragGroupControlEnd:function(a,s){return this.dragGroupEnd(a,s)}},Renderable={name:"renderable",props:[],events:["renderStart","render","renderEnd","renderGroupStart","renderGroup","renderGroupEnd"],dragRelation:"weak",dragStart:function(a,s){triggerEvent(a,"onRenderStart",fillParams(a,s,{isPinch:!!s.isPinch}))},drag:function(a,s){triggerEvent(a,"onRender",this.fillDragParams(a,s))},dragAfter:function(a,s){return this.drag(a,s)},dragEnd:function(a,s){triggerEvent(a,"onRenderEnd",this.fillDragEndParams(a,s))},dragGroupStart:function(a,s){triggerEvent(a,"onRenderGroupStart",fillParams(a,s,{isPinch:!!s.isPinch,targets:a.props.targets}))},dragGroup:function(a,s){var c=this,u=fillChildEvents(a,"beforeRenderable",s),d=a.moveables,p=u.map(function(v,A){var b=d[A];return c.fillDragParams(b,v)});triggerEvent(a,"onRenderGroup",fillParams(a,s,__assign$1(__assign$1({isPinch:!!s.isPinch,targets:a.props.targets,transform:getNextTransformText(s),transformObject:{}},fillCSSObject(getNextStyle(s))),{events:p})))},dragGroupEnd:function(a,s){var c=this,u=fillChildEvents(a,"beforeRenderable",s),d=a.moveables,p=u.map(function(v,A){var b=d[A];return c.fillDragEndParams(b,v)});triggerEvent(a,"onRenderGroupEnd",fillParams(a,s,__assign$1({isPinch:!!s.isPinch,isDrag:s.isDrag,targets:a.props.targets,events:p,transformObject:{},transform:getNextTransformText(s)},fillCSSObject(getNextStyle(s)))))},dragControlStart:function(a,s){return this.dragStart(a,s)},dragControl:function(a,s){return this.drag(a,s)},dragControlAfter:function(a,s){return this.dragAfter(a,s)},dragControlEnd:function(a,s){return this.dragEnd(a,s)},dragGroupControlStart:function(a,s){return this.dragGroupStart(a,s)},dragGroupControl:function(a,s){return this.dragGroup(a,s)},dragGroupControlEnd:function(a,s){return this.dragGroupEnd(a,s)},fillDragParams:function(a,s){var c={};return parse(getNextTransforms(s)||[]).forEach(function(u){c[u.name]=u.functionValue}),fillParams(a,s,__assign$1({isPinch:!!s.isPinch,transformObject:c,transform:getNextTransformText(s)},fillCSSObject(getNextStyle(s))))},fillDragEndParams:function(a,s){var c={};return parse(getNextTransforms(s)||[]).forEach(function(u){c[u.name]=u.functionValue}),fillParams(a,s,__assign$1({isPinch:!!s.isPinch,isDrag:s.isDrag,transformObject:c,transform:getNextTransformText(s)},fillCSSObject(getNextStyle(s))))}};function triggerAble(a,s,c,u,d,p,v){p.clientDistX=p.distX,p.clientDistY=p.distY;var A=d==="Start",b=d==="End",g=d==="After",x=a.state.target,y=p.isRequest,f=u.indexOf("Control")>-1;if(!x||A&&f&&!y&&a.areaElement===p.inputEvent.target)return!1;var m=__spreadArray$1([],__read(s),!1);if(y){var C=p.requestAble;m.some(function(H){return H.name===C})||m.push.apply(m,__spreadArray$1([],__read(a.props.ables.filter(function(H){return H.name===C})),!1))}if(!m.length||m.every(function(H){return H.dragRelation}))return!1;var S=p.inputEvent,w;b&&S&&(w=document.elementFromPoint(p.clientX,p.clientY)||S.target);var I=!1,P=function(){var H;I=!0,(H=p.stop)===null||H===void 0||H.call(p)},$=A&&(!a.targetGesto||!a.controlGesto||!a.targetGesto.isFlag()||!a.controlGesto.isFlag());$&&a.updateRect(d,!0,!1);var _=p.datas,E=f?"controlGesto":"targetGesto",R=a[E],T=function(H,j,Q){if(!(j in H)||R!==a[E])return!1;var L=H.name,F=_[L]||(_[L]={});if(A&&(F.isEventStart=!Q||!H[Q]||H[Q](a,p)),!F.isEventStart)return!1;var U=H[j](a,__assign$1(__assign$1({},p),{stop:P,datas:F,originalDatas:_,inputTarget:w}));return a._emitter.off(),A&&U===!1&&(F.isEventStart=!1),U};$&&m.forEach(function(H){H.unset&&H.unset(a)}),T(BeforeRenderable,"drag".concat(u).concat(d));var B=0,M=0;c.forEach(function(H){if(I)return!1;var j="".concat(H).concat(u).concat(d),Q="".concat(H).concat(u,"Condition");d===""&&!y&&convertDragDist(a.state,p);var L=m.filter(function(N){return N[j]});L=L.filter(function(N,k){return N.name&&L.indexOf(N)===k});var F=L.filter(function(N){return T(N,j,Q)}),U=F.length;I&&++B,U&&++M,!I&&A&&L.length&&!U&&(B+=L.filter(function(N){var k=N.name,W=_[k];return W.isEventStart?N.dragRelation!=="strong":!1}).length?1:0)}),(!g||M)&&T(Renderable,"drag".concat(u).concat(d));var D=R!==a[E]||B===c.length;if((b||I||D)&&(a.state.gestos={},a.moveables&&a.moveables.forEach(function(H){H.state.gestos={}}),m.forEach(function(H){H.unset&&H.unset(a)})),A&&!D&&!y&&M&&a.props.preventDefault&&(p==null||p.preventDefault()),a.isUnmounted||D)return!1;if(!A&&M&&!v||b){var O=a.props.flushSync||defaultSync;O(function(){a.updateRect(b?d:"",!0,!1),a.forceUpdate()})}return!A&&!b&&!g&&M&&!v&&triggerAble(a,s,c,u,d+"After",p),!0}function checkMoveableTarget(a,s){return function(c,u){var d;u===void 0&&(u=c.inputEvent.target);var p=u,v=a.areaElement,A=a._dragTarget;return!A||!s&&(!((d=a.controlGesto)===null||d===void 0)&&d.isFlag())?!1:p===A||A.contains(p)||p===v||!a.isMoveableElement(p)&&!a.controlBox.contains(p)||hasClass(p,"moveable-area")||hasClass(p,"moveable-padding")||hasClass(p,"moveable-edgeDraggable")}}function getTargetAbleGesto(a,s,c){var u=a.controlBox,d=[],p=a.props,v=p.dragArea,A=a.state.target,b=p.dragTarget;d.push(u),(!v||b)&&d.push(s),!v&&b&&A&&s!==A&&p.dragTargetSelf&&d.push(A);var g=checkMoveableTarget(a);return getAbleGesto(a,d,"targetAbles",c,{dragStart:g,pinchStart:g})}function getControlAbleGesto(a,s){var c=a.controlBox,u=[];u.push(c);var d=checkMoveableTarget(a,!0),p=function(v,A){if(A===void 0&&(A=v.inputEvent.target),A===c)return!0;var b=d(v,A);return!b};return getAbleGesto(a,u,"controlAbles",s,{dragStart:p,pinchStart:p})}function getAbleGesto(a,s,c,u,d){d===void 0&&(d={});var p=c==="targetAbles",v=a.props,A=v.pinchOutside,b=v.pinchThreshold,g=v.preventClickEventOnDrag,x=v.preventClickDefault,y=v.checkInput,f=v.dragFocusedInput,m=v.preventDefault,C=m===void 0?!0:m,S=v.preventRightClick,w=S===void 0?!0:S,I=v.preventWheelClick,P=I===void 0?!0:I,$=v.dragContainer,_=getRefTarget($,!0),E={preventDefault:C,preventRightClick:w,preventWheelClick:P,container:_||getWindow(a.getControlBoxElement()),pinchThreshold:b,pinchOutside:A,preventClickEventOnDrag:p?g:!1,preventClickEventOnDragStart:p?x:!1,preventClickEventByCondition:p?null:function(B){return a.controlBox.contains(B.target)},checkInput:p?y:!1,dragFocusedInput:f},R=new Gesto(s,E),T=u==="Control";return["drag","pinch"].forEach(function(B){["Start","","End"].forEach(function(M){R.on("".concat(B).concat(M),function(D){var O,H=D.eventType,j=B==="drag"&&D.isPinch;if(d[H]&&!d[H](D)){D.stop();return}if(!j){var Q=B==="drag"?[B]:["drag",B],L=__spreadArray$1([],__read(a[c]),!1),F=triggerAble(a,L,Q,u,M,D);F?(a.props.stopPropagation||M==="Start"&&T)&&((O=D==null?void 0:D.inputEvent)===null||O===void 0||O.stopPropagation()):D.stop()}})})}),R}var EventManager=function(){function a(s,c,u){var d=this;this.target=s,this.moveable=c,this.eventName=u,this.ables=[],this._onEvent=function(p){var v=d.eventName,A=d.moveable;A.state.disableNativeEvent||d.ables.forEach(function(b){b[v](A,{inputEvent:p})})},s.addEventListener(u.toLowerCase(),this._onEvent)}return a.prototype.setAbles=function(s){this.ables=s},a.prototype.destroy=function(){this.target.removeEventListener(this.eventName.toLowerCase(),this._onEvent),this.target=null,this.moveable=null},a}();function calculateMatrixStack(a,s,c,u){var d;c===void 0&&(c=s);var p=getMatrixStackInfo(a,s),v=p.matrixes,A=p.is3d,b=p.targetMatrix,g=p.transformOrigin,x=p.targetOrigin,y=p.offsetContainer,f=p.hasFixed,m=p.zoom,C=getCachedMatrixContainerInfo(y,c),S=C.matrixes,w=C.is3d,I=C.offsetContainer,P=C.zoom,$=u,_=4,E=a.tagName.toLowerCase()!=="svg"&&"ownerSVGElement"in a,R=b,T=createIdentityMatrix(_),B=createIdentityMatrix(_),M=createIdentityMatrix(_),D=createIdentityMatrix(_),O=v.length,H=S.map(function(k){return __assign$1(__assign$1({},k),{matrix:k.matrix?__spreadArray$1([],__read(k.matrix),!1):void 0})}).reverse();v.reverse(),!A&&$&&(R=convertDimension(R,3,4),convert3DMatrixes(v)),!w&&$&&convert3DMatrixes(H),H.forEach(function(k){B=multiply(B,k.matrix,_)});var j=c||getDocumentBody(a),Q=((d=H[0])===null||d===void 0?void 0:d.target)||getOffsetInfo(j,j,!0).offsetParent,L=H.slice(1).reduce(function(k,W){return multiply(k,W.matrix,_)},createIdentityMatrix(_));v.forEach(function(k,W){if(O-2===W&&(M=T.slice()),O-1===W&&(D=T.slice()),!k.matrix){var J=v[W+1],q=getSVGOffset(k,J,Q,_,multiply(L,T,_));k.matrix=createOriginMatrix(q,_)}T=multiply(T,k.matrix,_)});var F=!E&&A;R||(R=createIdentityMatrix(F?4:3));var U=makeMatrixCSS(E&&R.length===16?convertDimension(R,4,3):R,F),N=B;return B=ignoreDimension(B,_,_),{hasZoom:m!==1||P!==1,hasFixed:f,matrixes:v,rootMatrix:B,originalRootMatrix:N,beforeMatrix:M,offsetMatrix:D,allMatrix:T,targetMatrix:R,targetTransform:U,inlineTransform:a.style.transform,transformOrigin:g,targetOrigin:x,is3d:$,offsetContainer:y,offsetRootContainer:I}}function calculateElementInfo(a,s,c,u){c===void 0&&(c=s);var d=0,p=0,v=0,A={},b=getSize(a);if(a&&(d=b.offsetWidth,p=b.offsetHeight),a){var g=calculateMatrixStack(a,s,c,u),x=calculateElementPosition(g.allMatrix,g.transformOrigin,d,p);A=__assign$1(__assign$1({},g),x);var y=calculateElementPosition(g.allMatrix,[50,50],100,100);v=getRotationRad([y.pos1,y.pos2],y.direction)}var f=4;return __assign$1(__assign$1(__assign$1({hasZoom:!1,width:d,height:p,rotation:v},b),{originalRootMatrix:createIdentityMatrix(f),rootMatrix:createIdentityMatrix(f),beforeMatrix:createIdentityMatrix(f),offsetMatrix:createIdentityMatrix(f),allMatrix:createIdentityMatrix(f),targetMatrix:createIdentityMatrix(f),targetTransform:"",inlineTransform:"",transformOrigin:[0,0],targetOrigin:[0,0],is3d:!0,left:0,top:0,right:0,bottom:0,origin:[0,0],pos1:[0,0],pos2:[0,0],pos3:[0,0],pos4:[0,0],direction:1,hasFixed:!1,offsetContainer:null,offsetRootContainer:null,matrixes:[]}),A)}function getMoveableTargetInfo(a,s,c,u,d,p){p===void 0&&(p=[]);var v=1,A=[0,0],b=resetClientRect(),g=resetClientRect(),x=resetClientRect(),y=resetClientRect(),f=[0,0],m={},C=calculateElementInfo(s,c,d,!0);if(s){var S=getCachedStyle(s);p.forEach(function(H){m[H]=S(H)});var w=C.is3d?4:3,I=calculateElementPosition(C.offsetMatrix,plus(C.transformOrigin,getOrigin(C.targetMatrix,w)),C.width,C.height);v=I.direction,A=plus(I.origin,[I.left-C.left,I.top-C.top]),y=getClientRect(C.offsetRootContainer);var P=getOffsetInfo(u,u,!0).offsetParent||C.offsetRootContainer;if(C.hasZoom){var $=calculateElementPosition(multiply(C.originalRootMatrix,C.allMatrix),C.transformOrigin,C.width,C.height),_=calculateElementPosition(C.originalRootMatrix,getTransformOriginArray(getCachedStyle(P)("transformOrigin")).map(function(H){return parseFloat(H)}),P.offsetWidth,P.offsetHeight);if(b=getClientRectByPosition($,y),x=getClientRectByPosition(_,y,P,!0),a){var E=$.left,R=$.top;g=getClientRectByPosition({left:E,top:R,bottom:R,right:R},y)}}else{b=getClientRect(s),x=getCachedClientRect(P),a&&(g=getClientRect(a));var T=x.left,B=x.top,M=x.clientLeft,D=x.clientTop,O=[b.left-T,b.top-B];f=minus(calculateInversePosition(C.rootMatrix,O,4),[M+C.left,D+C.top])}}return __assign$1({targetClientRect:b,containerClientRect:x,moveableClientRect:g,rootContainerClientRect:y,beforeDirection:v,beforeOrigin:A,originalBeforeOrigin:A,target:s,style:m,offsetDelta:f},C)}function getPersistState(a){var s=a.pos1,c=a.pos2,u=a.pos3,d=a.pos4;if(!s||!c||!u||!d)return null;var p=getMinMaxs([s,c,u,d]),v=[p.minX,p.minY],A=minus(a.origin,v);return s=minus(s,v),c=minus(c,v),u=minus(u,v),d=minus(d,v),__assign$1(__assign$1({},a),{left:a.left,top:a.top,posDelta:v,pos1:s,pos2:c,pos3:u,pos4:d,origin:A,beforeOrigin:A,isPersisted:!0})}var MoveableManager=function(a){__extends$2(s,a);function s(){var c=a!==null&&a.apply(this,arguments)||this;return c.state=__assign$1({container:null,gestos:{},renderLines:[[[0,0],[0,0]],[[0,0],[0,0]],[[0,0],[0,0]],[[0,0],[0,0]]],renderPoses:[[0,0],[0,0],[0,0],[0,0]],disableNativeEvent:!1,posDelta:[0,0]},getMoveableTargetInfo(null)),c.renderState={},c.enabledAbles=[],c.targetAbles=[],c.controlAbles=[],c.rotation=0,c.scale=[1,1],c.isMoveableMounted=!1,c.isUnmounted=!1,c.events={mouseEnter:null,mouseLeave:null},c._emitter=new EventEmitter,c._prevOriginalDragTarget=null,c._originalDragTarget=null,c._prevDragTarget=null,c._dragTarget=null,c._prevPropTarget=null,c._propTarget=null,c._prevDragArea=!1,c._isPropTargetChanged=!1,c._hasFirstTarget=!1,c._reiszeObserver=null,c._observerId=0,c._mutationObserver=null,c._rootContainer=null,c._viewContainer=null,c._viewClassNames=[],c._store={},c.checkUpdateRect=function(){if(!c.isDragging()){var u=c.props.parentMoveable;if(u){u.checkUpdateRect();return}cancelAnimationFrame$1(c._observerId),c._observerId=requestAnimationFrame$1(function(){c.isDragging()||c.updateRect()})}},c._onPreventClick=function(u){u.stopPropagation(),u.preventDefault()},c}return s.prototype.render=function(){var c=this.props,u=this.getState(),d=c.parentPosition,p=c.className,v=c.target,A=c.zoom,b=c.cspNonce,g=c.translateZ,x=c.cssStyled,y=c.groupable,f=c.linePadding,m=c.controlPadding;this._checkUpdateRootContainer(),this.checkUpdate(),this.updateRenderPoses();var C=__read(d||[0,0],2),S=C[0],w=C[1],I=u.left,P=u.top,$=u.target,_=u.direction,E=u.hasFixed,R=u.offsetDelta,T=c.targets,B=this.isDragging(),M={};this.getEnabledAbles().forEach(function(L){M["data-able-".concat(L.name.toLowerCase())]=!0});var D=this._getAbleClassName(),O=T&&T.length&&($||y)||v||!this._hasFirstTarget&&this.state.isPersisted,H=this.controlBox||this.props.firstRenderState||this.props.persistData,j=[I-S,P-w];!y&&c.useAccuratePosition&&(j[0]+=R[0],j[1]+=R[1]);var Q={position:E?"fixed":"absolute",display:O?"block":"none",visibility:H?"visible":"hidden",transform:"translate3d(".concat(j[0],"px, ").concat(j[1],"px, ").concat(g,")"),"--zoom":A,"--zoompx":"".concat(A,"px")};return f&&(Q["--moveable-line-padding"]=f),m&&(Q["--moveable-control-padding"]=m),reactExports.createElement(x,__assign$1({cspNonce:b,ref:ref(this,"controlBox"),className:"".concat(prefix$1("control-box",_===-1?"reverse":"",B?"dragging":"")," ").concat(D," ").concat(p)},M,{onClick:this._onPreventClick,style:Q}),this.renderAbles(),this._renderLines())},s.prototype.componentDidMount=function(){this.isMoveableMounted=!0,this.isUnmounted=!1;var c=this.props,u=c.parentMoveable,d=c.container;this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateTargets(),this._updateNativeEvents(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(this.props),!d&&!u&&!this.state.isPersisted&&(this.updateRect("",!1,!1),this.forceUpdate())},s.prototype.componentDidUpdate=function(c){this._checkUpdateRootContainer(),this._checkUpdateViewContainer(),this._updateNativeEvents(),this._updateTargets(),this._updateEvents(),this.updateCheckInput(),this._updateObserver(c)},s.prototype.componentWillUnmount=function(){var c,u;this.isMoveableMounted=!1,this.isUnmounted=!0,this._emitter.off(),(c=this._reiszeObserver)===null||c===void 0||c.disconnect(),(u=this._mutationObserver)===null||u===void 0||u.disconnect();var d=this._viewContainer;d&&this._changeAbleViewClassNames([]),unsetGesto(this,!1),unsetGesto(this,!0);var p=this.events;for(var v in p){var A=p[v];A&&A.destroy()}},s.prototype.getTargets=function(){var c=this.props.target;return c?[c]:[]},s.prototype.getAble=function(c){var u=this.props.ables||[];return find$1(u,function(d){return d.name===c})},s.prototype.getContainer=function(){var c=this.props,u=c.parentMoveable,d=c.wrapperMoveable,p=c.container;return p||d&&d.getContainer()||u&&u.getContainer()||this.controlBox.parentElement},s.prototype.getControlBoxElement=function(){return this.controlBox},s.prototype.getDragElement=function(){return this._dragTarget},s.prototype.isMoveableElement=function(c){var u;return c&&(((u=c.getAttribute)===null||u===void 0?void 0:u.call(c,"class"))||"").indexOf(PREFIX)>-1},s.prototype.dragStart=function(c,u){u===void 0&&(u=c.target);var d=this.targetGesto,p=this.controlGesto;return d&&checkMoveableTarget(this)({inputEvent:c},u)?d.isFlag()||d.triggerDragStart(c):p&&this.isMoveableElement(u)&&(p.isFlag()||p.triggerDragStart(c)),this},s.prototype.hitTest=function(c){var u=this.state,d=u.target,p=u.pos1,v=u.pos2,A=u.pos3,b=u.pos4,g=u.targetClientRect;if(!d)return 0;var x;if(isNode(c)){var y=c.getBoundingClientRect();x={left:y.left,top:y.top,width:y.width,height:y.height}}else x=__assign$1({width:0,height:0},c);var f=x.left,m=x.top,C=x.width,S=x.height,w=fitPoints([p,v,b,A],g),I=getOverlapSize(w,[[f,m],[f+C,m],[f+C,m+S],[f,m+S]]),P=getAreaSize(w);return!I||!P?0:Math.min(100,I/P*100)},s.prototype.isInside=function(c,u){var d=this.state,p=d.target,v=d.pos1,A=d.pos2,b=d.pos3,g=d.pos4,x=d.targetClientRect;return p?isInside([c,u],fitPoints([v,A,g,b],x)):!1},s.prototype.updateRect=function(c,u,d){d===void 0&&(d=!0);var p=this.props,v=!p.parentPosition&&!p.wrapperMoveable;v&&setStoreCache(!0);var A=p.parentMoveable,b=this.state,g=b.target||p.target,x=this.getContainer(),y=A?A._rootContainer:this._rootContainer,f=getMoveableTargetInfo(this.controlBox,g,x,x,y||x,this._getRequestStyles());if(!g&&this._hasFirstTarget&&p.persistData){var m=getPersistState(p.persistData);for(var C in m)f[C]=m[C]}v&&setStoreCache(),this.updateState(f,A?!1:d)},s.prototype.isDragging=function(c){var u,d,p=this.targetGesto,v=this.controlGesto;if(p!=null&&p.isFlag()){if(!c)return!0;var A=p.getEventData();return!!(!((u=A[c])===null||u===void 0)&&u.isEventStart)}if(v!=null&&v.isFlag()){if(!c)return!0;var A=v.getEventData();return!!(!((d=A[c])===null||d===void 0)&&d.isEventStart)}return!1},s.prototype.updateTarget=function(c){this.updateRect(c,!0)},s.prototype.getRect=function(){var c=this.state,u=getAbsolutePosesByState(this.state),d=__read(u,4),p=d[0],v=d[1],A=d[2],b=d[3],g=getRect(u),x=c.width,y=c.height,f=g.width,m=g.height,C=g.left,S=g.top,w=[c.left,c.top],I=plus(w,c.origin),P=plus(w,c.beforeOrigin),$=c.transformOrigin;return{width:f,height:m,left:C,top:S,pos1:p,pos2:v,pos3:A,pos4:b,offsetWidth:x,offsetHeight:y,beforeOrigin:P,origin:I,transformOrigin:$,rotation:this.getRotation()}},s.prototype.getManager=function(){return this},s.prototype.stopDrag=function(c){if(!c||c==="target"){var u=this.targetGesto;(u==null?void 0:u.isIdle())===!1&&unsetAbles(this,!1),u==null||u.stop()}if(!c||c==="control"){var u=this.controlGesto;(u==null?void 0:u.isIdle())===!1&&unsetAbles(this,!0),u==null||u.stop()}},s.prototype.getRotation=function(){var c=this.state,u=c.pos1,d=c.pos2,p=c.direction;return getAbsoluteRotation(u,d,p)},s.prototype.request=function(c,u,d){u===void 0&&(u={});var p=this,v=p.props,A=v.parentMoveable||v.wrapperMoveable||p,b=A.props.ables,g=v.groupable,x=find$1(b,function(I){return I.name===c});if(this.isDragging()||!x||!x.request)return{request:function(){return this},requestEnd:function(){return this}};var y=x.request(p),f=d||u.isInstant,m=y.isControl?"controlAbles":"targetAbles",C="".concat(g?"Group":"").concat(y.isControl?"Control":""),S=__spreadArray$1([],__read(A[m]),!1),w={request:function(I){return triggerAble(p,S,["drag"],C,"",__assign$1(__assign$1({},y.request(I)),{requestAble:c,isRequest:!0}),f),w},requestEnd:function(){return triggerAble(p,S,["drag"],C,"End",__assign$1(__assign$1({},y.requestEnd()),{requestAble:c,isRequest:!0}),f),w}};return triggerAble(p,S,["drag"],C,"Start",__assign$1(__assign$1({},y.requestStart(u)),{requestAble:c,isRequest:!0}),f),f?w.request(u).requestEnd():w},s.prototype.getMoveables=function(){return[this]},s.prototype.destroy=function(){this.componentWillUnmount()},s.prototype.updateRenderPoses=function(){var c=this.getState(),u=this.props,d=u.padding,p=c.originalBeforeOrigin,v=c.transformOrigin,A=c.allMatrix,b=c.is3d,g=c.pos1,x=c.pos2,y=c.pos3,f=c.pos4,m=c.left,C=c.top,S=c.isPersisted,w=u.zoom||1;if(!d&&w<=1){c.renderPoses=[g,x,y,f],c.renderLines=[[g,x],[x,f],[f,y],[y,g]];return}var I=getPaddingBox(d||{}),P=I.left,$=I.top,_=I.bottom,E=I.right,R=b?4:3,T=[];S?T=v:this.controlBox&&u.groupable?T=p:T=plus(p,[m,C]);var B=multiplies(R,createOriginMatrix(T.map(function(Q){return-Q}),R),A,createOriginMatrix(v,R)),M=calculatePadding(B,g,[-P,-$],R),D=calculatePadding(B,x,[E,-$],R),O=calculatePadding(B,y,[-P,_],R),H=calculatePadding(B,f,[E,_],R);c.renderPoses=[M,D,O,H],c.renderLines=[[M,D],[D,H],[H,O],[O,M]];{var j=w/2;c.renderLines=[[calculatePadding(B,g,[-P-j,-$],R),calculatePadding(B,x,[E+j,-$],R)],[calculatePadding(B,x,[E,-$-j],R),calculatePadding(B,f,[E,_+j],R)],[calculatePadding(B,f,[E+j,_],R),calculatePadding(B,y,[-P-j,_],R)],[calculatePadding(B,y,[-P,_+j],R),calculatePadding(B,g,[-P,-$-j],R)]]}},s.prototype.checkUpdate=function(){this._isPropTargetChanged=!1;var c=this.props,u=c.target,d=c.container,p=c.parentMoveable,v=this.state,A=v.target,b=v.container;if(!(!A&&!u)){this.updateAbles();var g=!equals(A,u),x=g||!equals(b,d);if(x){var y=d||this.controlBox;y&&this.unsetAbles(),this.updateState({target:u,container:d}),!p&&y&&this.updateRect("End",!1,!1),this._isPropTargetChanged=g}}},s.prototype.waitToChangeTarget=function(){return new Promise(function(){})},s.prototype.triggerEvent=function(c,u){var d=this.props;if(this._emitter.trigger(c,u),d.parentMoveable&&u.isRequest&&!u.isRequestChild)return d.parentMoveable.triggerEvent(c,u,!0);var p=d[c];return p&&p(u)},s.prototype.useCSS=function(c,u){var d=this.props.customStyledMap,p=c+u;return d[p]||(d[p]=styled(c,u)),d[p]},s.prototype.getState=function(){var c,u=this.props;(u.target||!((c=u.targets)===null||c===void 0)&&c.length)&&(this._hasFirstTarget=!0);var d=this.controlBox,p=u.persistData,v=u.firstRenderState;if(v&&!d)return v;if(!this._hasFirstTarget&&p){var A=getPersistState(p);if(A)return this.updateState(A,!1),this.state}return this.state.isPersisted=!1,this.state},s.prototype.updateSelectors=function(){},s.prototype.unsetAbles=function(){var c=this;this.targetAbles.forEach(function(u){u.unset&&u.unset(c)})},s.prototype.updateAbles=function(c,u){c===void 0&&(c=this.props.ables),u===void 0&&(u="");var d=this.props,p=d.triggerAblesSimultaneously,v=this.getEnabledAbles(c),A="drag".concat(u,"Start"),b="pinch".concat(u,"Start"),g="drag".concat(u,"ControlStart"),x=filterAbles(v,[A,b],p),y=filterAbles(v,[g],p);this.enabledAbles=v,this.targetAbles=x,this.controlAbles=y},s.prototype.updateState=function(c,u){if(u){if(this.isUnmounted)return;this.setState(c)}else{var d=this.state;for(var p in c)d[p]=c[p]}},s.prototype.getEnabledAbles=function(c){c===void 0&&(c=this.props.ables);var u=this.props;return c.filter(function(d){return d&&(d.always&&u[d.name]!==!1||u[d.name])})},s.prototype.renderAbles=function(){var c=this,u=this.props,d=u.triggerAblesSimultaneously,p={createElement:reactExports.createElement};return this.renderState={},groupByMap(flat(filterAbles(this.getEnabledAbles(),["render"],d).map(function(v){var A=v.render;return A(c,p)||[]})).filter(function(v){return v}),function(v){var A=v.key;return A}).map(function(v){return v[0]})},s.prototype.updateCheckInput=function(){this.targetGesto&&(this.targetGesto.options.checkInput=this.props.checkInput)},s.prototype._getRequestStyles=function(){var c=this.getEnabledAbles().reduce(function(u,d){var p,v,A=(v=(p=d.requestStyle)===null||p===void 0?void 0:p.call(d))!==null&&v!==void 0?v:[];return __spreadArray$1(__spreadArray$1([],__read(u),!1),__read(A),!1)},__spreadArray$1([],__read(this.props.requestStyles||[]),!1));return c},s.prototype._updateObserver=function(c){this._updateResizeObserver(c),this._updateMutationObserver(c)},s.prototype._updateEvents=function(){var c=this.targetAbles.length,u=this.controlAbles.length,d=this._dragTarget,p=!c&&this.targetGesto||this._isTargetChanged(!0);p&&(unsetGesto(this,!1),this.updateState({gestos:{}})),u||unsetGesto(this,!0),d&&c&&!this.targetGesto&&(this.targetGesto=getTargetAbleGesto(this,d,"")),!this.controlGesto&&u&&(this.controlGesto=getControlAbleGesto(this,"Control"))},s.prototype._updateTargets=function(){var c=this.props;this._prevPropTarget=this._propTarget,this._prevDragTarget=this._dragTarget,this._prevOriginalDragTarget=this._originalDragTarget,this._prevDragArea=c.dragArea,this._propTarget=c.target,this._originalDragTarget=c.dragTarget||c.target,this._dragTarget=getRefTarget(this._originalDragTarget,!0)},s.prototype._renderLines=function(){var c=this.props,u=c,d=u.zoom,p=u.hideDefaultLines,v=u.hideChildMoveableDefaultLines,A=u.parentMoveable;if(p||A&&v)return[];var b=this.getState(),g={createElement:reactExports.createElement};return b.renderLines.map(function(x,y){return renderLine(g,"",x[0],x[1],d,"render-line-".concat(y))})},s.prototype._isTargetChanged=function(c){var u=this.props,d=u.dragTarget||u.target,p=this._prevOriginalDragTarget,v=this._prevDragArea,A=u.dragArea,b=!A&&p!==d,g=(c||A)&&v!==A;return b||g||this._prevPropTarget!=this._propTarget},s.prototype._updateNativeEvents=function(){var c=this,u=this.props,d=u.dragArea?this.areaElement:this.state.target,p=this.events,v=getKeys(p);if(this._isTargetChanged())for(var A in p){var b=p[A];b&&b.destroy(),p[A]=null}if(d){var g=this.enabledAbles;v.forEach(function(x){var y=filterAbles(g,[x]),f=y.length>0,m=p[x];if(!f){m&&(m.destroy(),p[x]=null);return}m||(m=new EventManager(d,c,x),p[x]=m),m.setAbles(y)})}},s.prototype._checkUpdateRootContainer=function(){var c=this.props.rootContainer;!this._rootContainer&&c&&(this._rootContainer=getRefTarget(c,!0))},s.prototype._checkUpdateViewContainer=function(){var c=this.props.viewContainer;!this._viewContainer&&c&&(this._viewContainer=getRefTarget(c,!0));var u=this._viewContainer;u&&this._changeAbleViewClassNames(__spreadArray$1(__spreadArray$1([],__read(this._getAbleViewClassNames()),!1),[this.isDragging()?VIEW_DRAGGING:""],!1))},s.prototype._changeAbleViewClassNames=function(c){var u=this._viewContainer,d=groupBy(c.filter(Boolean),function(g){return g}).map(function(g){var x=__read(g,1),y=x[0];return y}),p=this._viewClassNames,v=diff$1(p,d),A=v.removed,b=v.added;A.forEach(function(g){removeClass(u,p[g])}),b.forEach(function(g){addClass(u,d[g])}),this._viewClassNames=d},s.prototype._getAbleViewClassNames=function(){var c=this;return(this.getEnabledAbles().map(function(u){var d;return((d=u.viewClassName)===null||d===void 0?void 0:d.call(u,c))||""}).join(" ")+" ".concat(this._getAbleClassName("-view"))).split(/\s+/g)},s.prototype._getAbleClassName=function(c){var u=this;c===void 0&&(c="");var d=this.getEnabledAbles(),p=this.targetGesto,v=this.controlGesto,A=p!=null&&p.isFlag()?p.getEventData():{},b=v!=null&&v.isFlag()?v.getEventData():{};return d.map(function(g){var x,y,f,m=g.name,C=((x=g.className)===null||x===void 0?void 0:x.call(g,u))||"";return(!((y=A[m])===null||y===void 0)&&y.isEventStart||!((f=b[m])===null||f===void 0)&&f.isEventStart)&&(C+=" ".concat(prefix$1("".concat(m).concat(c,"-dragging")))),C.trim()}).filter(Boolean).join(" ")},s.prototype._updateResizeObserver=function(c){var u,d=this.props,p=d.target,v=getWindow(this.getControlBoxElement());if(!v.ResizeObserver||!p||!d.useResizeObserver){(u=this._reiszeObserver)===null||u===void 0||u.disconnect();return}if(!(c.target===p&&this._reiszeObserver)){var A=new v.ResizeObserver(this.checkUpdateRect);A.observe(p,{box:"border-box"}),this._reiszeObserver=A}},s.prototype._updateMutationObserver=function(c){var u=this,d,p=this.props,v=p.target,A=getWindow(this.getControlBoxElement());if(!A.MutationObserver||!v||!p.useMutationObserver){(d=this._mutationObserver)===null||d===void 0||d.disconnect();return}if(!(c.target===v&&this._mutationObserver)){var b=new A.MutationObserver(function(g){var x,y;try{for(var f=__values(g),m=f.next();!m.done;m=f.next()){var C=m.value;C.type==="attributes"&&C.attributeName==="style"&&u.checkUpdateRect()}}catch(S){x={error:S}}finally{try{m&&!m.done&&(y=f.return)&&y.call(f)}finally{if(x)throw x.error}}});b.observe(v,{attributes:!0}),this._mutationObserver=b}},s.defaultProps={dragTargetSelf:!1,target:null,dragTarget:null,container:null,rootContainer:null,origin:!0,parentMoveable:null,wrapperMoveable:null,isWrapperMounted:!1,parentPosition:null,warpSelf:!1,svgOrigin:"",dragContainer:null,useResizeObserver:!1,useMutationObserver:!1,preventDefault:!0,preventRightClick:!0,preventWheelClick:!0,linePadding:0,controlPadding:0,ables:[],pinchThreshold:20,dragArea:!1,passDragArea:!1,transformOrigin:"",className:"",zoom:1,triggerAblesSimultaneously:!1,padding:{},pinchOutside:!0,checkInput:!1,dragFocusedInput:!1,groupable:!1,hideDefaultLines:!1,cspNonce:"",translateZ:0,cssStyled:null,customStyledMap:{},props:{},stopPropagation:!1,preventClickDefault:!1,preventClickEventOnDrag:!0,flushSync:defaultSync,firstRenderState:null,persistData:null,viewContainer:null,requestStyles:[],useAccuratePosition:!1},s}(reactExports.PureComponent),Groupable={name:"groupable",props:["defaultGroupRotate","useDefaultGroupRotate","defaultGroupOrigin","groupable","groupableProps","targetGroups","hideChildMoveableDefaultLines"],events:[],render:function(a,s){var c,u=a.props,d=u.targets||[],p=a.getState(),v=p.left,A=p.top,b=p.isPersisted,g=u.zoom||1,x=a.renderGroupRects,y=((c=u.persistData)===null||c===void 0?void 0:c.children)||[];b?d=y.map(function(){return null}):y=[];var f=watchValue(a,"parentPosition",[v,A],function(C){return C.join(",")}),m=watchValue(a,"requestStyles",a.getRequestChildStyles(),function(C){return C.join(",")});return a.moveables=a.moveables.slice(0,d.length),__spreadArray$1(__spreadArray$1([],__read(d.map(function(C,S){return s.createElement(MoveableManager,{key:"moveable"+S,ref:refs(a,"moveables",S),target:C,origin:!1,requestStyles:m,cssStyled:u.cssStyled,customStyledMap:u.customStyledMap,useResizeObserver:u.useResizeObserver,useMutationObserver:u.useMutationObserver,hideChildMoveableDefaultLines:u.hideChildMoveableDefaultLines,parentMoveable:a,parentPosition:[v,A],persistData:y[S],zoom:g})})),!1),__read(flat(x.map(function(C,S){var w=C.pos1,I=C.pos2,P=C.pos3,$=C.pos4,_=[w,I,P,$];return[[0,1],[1,3],[3,2],[2,0]].map(function(E,R){var T=__read(E,2),B=T[0],M=T[1];return renderLine(s,"",minus(_[B],f),minus(_[M],f),g,"group-rect-".concat(S,"-").concat(R))})}))),!1)}},Clickable=makeAble("clickable",{props:["clickable"],events:["click","clickGroup"],always:!0,dragRelation:"weak",dragStart:function(){},dragControlStart:function(){},dragGroupStart:function(a,s){s.datas.inputTarget=s.inputEvent&&s.inputEvent.target},dragEnd:function(a,s){var c=a.props.target,u=s.inputEvent,d=s.inputTarget,p=a.isMoveableElement(d),v=!p&&a.controlBox.contains(d);if(!(!u||!d||s.isDrag||a.isMoveableElement(d)||v)){var A=c.contains(d);triggerEvent(a,"onClick",fillParams(a,s,{isDouble:s.isDouble,inputTarget:d,isTarget:c===d,moveableTarget:a.props.target,containsTarget:A}))}},dragGroupEnd:function(a,s){var c=s.inputEvent,u=s.inputTarget;if(!(!c||!u||s.isDrag||a.isMoveableElement(u)||s.datas.inputTarget===u)){var d=a.props.targets,p=d.indexOf(u),v=p>-1,A=!1;p===-1&&(p=findIndex(d,function(b){return b.contains(u)}),A=p>-1),triggerEvent(a,"onClickGroup",fillParams(a,s,{isDouble:s.isDouble,targets:d,inputTarget:u,targetIndex:p,isTarget:v,containsTarget:A,moveableTarget:d[p]}))}},dragControlEnd:function(a,s){this.dragEnd(a,s)},dragGroupControlEnd:function(a,s){this.dragEnd(a,s)}});function getDraggableEvent(a){var s=a.originalDatas.draggable;return s||(a.originalDatas.draggable={},s=a.originalDatas.draggable),__assign$1(__assign$1({},a),{datas:s})}var edgeDraggable=makeAble("edgeDraggable",{css:[`.edge.edgeDraggable.line {
 cursor: move;
 }`],render:function(a,s){var c=a.props,u=c.edgeDraggable;return u?renderEdgeLines(s,"edgeDraggable",u,a.getState().renderPoses,c.zoom):[]},dragCondition:function(a,s){var c,u=a.props,d=(c=s.inputEvent)===null||c===void 0?void 0:c.target;return!u.edgeDraggable||!d?!1:!u.draggable&&hasClass(d,prefix$1("direction"))&&hasClass(d,prefix$1("edge"))&&hasClass(d,prefix$1("edgeDraggable"))},dragStart:function(a,s){return Draggable.dragStart(a,getDraggableEvent(s))},drag:function(a,s){return Draggable.drag(a,getDraggableEvent(s))},dragEnd:function(a,s){return Draggable.dragEnd(a,getDraggableEvent(s))},dragGroupCondition:function(a,s){var c,u=a.props,d=(c=s.inputEvent)===null||c===void 0?void 0:c.target;return!u.edgeDraggable||!d?!1:!u.draggable&&hasClass(d,prefix$1("direction"))&&hasClass(d,prefix$1("line"))},dragGroupStart:function(a,s){return Draggable.dragGroupStart(a,getDraggableEvent(s))},dragGroup:function(a,s){return Draggable.dragGroup(a,getDraggableEvent(s))},dragGroupEnd:function(a,s){return Draggable.dragGroupEnd(a,getDraggableEvent(s))},unset:function(a){return Draggable.unset(a)}}),IndividualGroupable={name:"individualGroupable",props:["individualGroupable","individualGroupableProps"],events:[]},MOVEABLE_ABLES=[BeforeRenderable,Default,Snappable,Pinchable,Draggable,edgeDraggable,Resizable,Scalable,Warpable,Rotatable,Scrollable,Padding$1,Origin,OriginDraggable,Clippable,Roundable,Groupable,IndividualGroupable,Clickable,DragArea,Renderable];function solveConstantsDistance(a,s){var c=__read(a,3),u=c[0],d=c[1],p=c[2];return(u*s[0]+d*s[1]+p)/Math.sqrt(u*u+d*d)}function solveC(a,s){var c=__read(a,2),u=c[0],d=c[1];return-u*s[0]-d*s[1]}function getMaxPos(a,s){return Math.max.apply(Math,__spreadArray$1([],__read(a.map(function(c){var u=__read(c,4),d=u[0],p=u[1],v=u[2],A=u[3];return Math.max(d[s],p[s],v[s],A[s])})),!1))}function getMinPos(a,s){return Math.min.apply(Math,__spreadArray$1([],__read(a.map(function(c){var u=__read(c,4),d=u[0],p=u[1],v=u[2],A=u[3];return Math.min(d[s],p[s],v[s],A[s])})),!1))}function getGroupRect(a,s){var c,u,d,p=[0,0],v=[0,0],A=[0,0],b=[0,0],g=0,x=0;if(!a.length)return{pos1:p,pos2:v,pos3:A,pos4:b,minX:0,minY:0,maxX:0,maxY:0,width:g,height:x,rotation:s};var y=throttle(s,TINY_NUM);if(y%90){var f=y/180*Math.PI,m=Math.tan(f),C=-1/m,S=[MAX_NUM,MIN_NUM],w=[[0,0],[0,0]],I=[MAX_NUM,MIN_NUM],P=[[0,0],[0,0]];a.forEach(function(Y){Y.forEach(function(Z){var ee=solveConstantsDistance([-m,1,0],Z),re=solveConstantsDistance([-C,1,0],Z);S[0]>ee&&(w[0]=Z,S[0]=ee),S[1]<ee&&(w[1]=Z,S[1]=ee),I[0]>re&&(P[0]=Z,I[0]=re),I[1]<re&&(P[1]=Z,I[1]=re)})});var $=__read(w,2),_=$[0],E=$[1],R=__read(P,2),T=R[0],B=R[1],M=[-m,1,solveC([-m,1],_)],D=[-m,1,solveC([-m,1],E)],O=[-C,1,solveC([-C,1],T)],H=[-C,1,solveC([-C,1],B)];c=__read([[M,O],[M,H],[D,O],[D,H]].map(function(Y){var Z=__read(Y,2),ee=Z[0],re=Z[1];return getIntersectionPointsByConstants(ee,re)[0]}),4),p=c[0],v=c[1],A=c[2],b=c[3],g=I[1]-I[0],x=S[1]-S[0]}else{var j=getMinPos(a,0),Q=getMinPos(a,1),L=getMaxPos(a,0),F=getMaxPos(a,1);if(p=[j,Q],v=[L,Q],A=[j,F],b=[L,F],g=L-j,x=F-Q,y%180){var U=[A,p,b,v];u=__read(U,4),p=u[0],v=u[1],A=u[2],b=u[3],g=F-Q,x=L-j}}if(y%360>180){var U=[b,A,v,p];d=__read(U,4),p=d[0],v=d[1],A=d[2],b=d[3]}var N=getMinMaxs([p,v,A,b]),k=N.minX,W=N.minY,J=N.maxX,q=N.maxY;return{pos1:p,pos2:v,pos3:A,pos4:b,width:g,height:x,minX:k,minY:W,maxX:J,maxY:q,rotation:s}}function findMoveableGroups(a,s){var c=s.map(function(u){if(isArray(u)){var d=findMoveableGroups(a,u),p=d.length;return p>1?d:p===1?d[0]:null}else{var v=find$1(a,function(A){var b=A.manager;return b.props.target===u});return v?(v.finded=!0,v.manager):null}}).filter(Boolean);return c.length===1&&isArray(c[0])?c[0]:c}var MoveableGroup=function(a){__extends$2(s,a);function s(){var c=a!==null&&a.apply(this,arguments)||this;return c.differ=new ChildrenDiffer,c.moveables=[],c.transformOrigin="50% 50%",c.renderGroupRects=[],c._targetGroups=[],c._hasFirstTargets=!1,c}return s.prototype.componentDidMount=function(){a.prototype.componentDidMount.call(this)},s.prototype.checkUpdate=function(){this._isPropTargetChanged=!1,this.updateAbles()},s.prototype.getTargets=function(){return this.props.targets},s.prototype.updateRect=function(c,u,d){var p;d===void 0&&(d=!0);var v=this.state;if(!this.controlBox||v.isPersisted)return;setStoreCache(!0),this.moveables.forEach(function(V){V.updateRect(c,!1,!1)});var A=this.props,b=this.moveables,g=v.target||A.target,x=b.map(function(V){return{finded:!1,manager:V}}),y=this.props.targetGroups||[],f=findMoveableGroups(x,y),m=A.useDefaultGroupRotate;f.push.apply(f,__spreadArray$1([],__read(x.filter(function(V){var K=V.finded;return!K}).map(function(V){var K=V.manager;return K})),!1));var C=[],S=!u||c!==""&&A.updateGroup,w=A.defaultGroupRotate||0;if(!this._hasFirstTargets){var I=(p=A.persistData)===null||p===void 0?void 0:p.rotation;I!=null&&(w=I)}function P(V,K,te){var ie=V.map(function(se){if(isArray(se)){var oe=P(se,K),de=[oe.pos1,oe.pos2,oe.pos3,oe.pos4];return C.push(oe),{poses:de,rotation:oe.rotation}}else return{poses:getAbsolutePosesByState(se.state),rotation:se.getRotation()}}),ce=ie.map(function(se){var oe=se.rotation;return oe}),ge=0,Se=ce[0],be=ce.every(function(se){return Math.abs(Se-se)<.1});S?ge=!m&&be?Se:w:ge=!m&&!te&&be?Se:K;var me=ie.map(function(se){var oe=se.poses;return oe}),fe=getGroupRect(me,ge);return fe}var $=P(f,this.rotation,!0);S&&(this.rotation=$.rotation,this.transformOrigin=A.defaultGroupOrigin||"50% 50%",this.scale=[1,1]),this._targetGroups=y,this.renderGroupRects=C;var _=this.transformOrigin,E=this.rotation,R=this.scale,T=$.width,B=$.height,M=$.minX,D=$.minY,O=rotatePosesInfo([[0,0],[T,0],[0,B],[T,B]],convertTransformOriginArray(_,T,B),this.rotation/180*Math.PI),H=getMinMaxs(O.result),j=H.minX,Q=H.minY,L=" rotate(".concat(E,"deg)")+" scale(".concat(sign(R[0]),", ").concat(sign(R[1]),")"),F="translate(".concat(-j,"px, ").concat(-Q,"px)").concat(L);this.controlBox.style.transform="translate3d(".concat(M,"px, ").concat(D,"px, ").concat(this.props.translateZ||0,")"),g.style.cssText+="left:0px;top:0px;"+"transform-origin:".concat(_,";")+"width:".concat(T,"px;height:").concat(B,"px;")+"transform: ".concat(F),v.width=T,v.height=B;var U=this.getContainer(),N=getMoveableTargetInfo(this.controlBox,g,this.controlBox,this.getContainer(),this._rootContainer||U,[]),k=[N.left,N.top],W=__read(getAbsolutePosesByState(N),4),J=W[0],q=W[1],Y=W[2],Z=W[3],ee=getMinMaxs([J,q,Y,Z]),re=[ee.minX,ee.minY],ae=sign(R[0]*R[1]);N.pos1=minus(J,re),N.pos2=minus(q,re),N.pos3=minus(Y,re),N.pos4=minus(Z,re),N.left=M-N.left+re[0],N.top=D-N.top+re[1],N.origin=minus(plus(k,N.origin),re),N.beforeOrigin=minus(plus(k,N.beforeOrigin),re),N.originalBeforeOrigin=plus(k,N.originalBeforeOrigin),N.transformOrigin=minus(plus(k,N.transformOrigin),re),g.style.transform="translate(".concat(-j-re[0],"px, ").concat(-Q-re[1],"px)")+L,setStoreCache(),this.updateState(__assign$1(__assign$1({},N),{posDelta:re,direction:ae,beforeDirection:ae}),d)},s.prototype.getRect=function(){return __assign$1(__assign$1({},a.prototype.getRect.call(this)),{children:this.moveables.map(function(c){return c.getRect()})})},s.prototype.triggerEvent=function(c,u,d){if(d||c.indexOf("Group")>-1)return a.prototype.triggerEvent.call(this,c,u);this._emitter.trigger(c,u)},s.prototype.getRequestChildStyles=function(){var c=this.getEnabledAbles().reduce(function(u,d){var p,v,A=(v=(p=d.requestChildStyle)===null||p===void 0?void 0:p.call(d))!==null&&v!==void 0?v:[];return __spreadArray$1(__spreadArray$1([],__read(u),!1),__read(A),!1)},[]);return c},s.prototype.getMoveables=function(){return __spreadArray$1([],__read(this.moveables),!1)},s.prototype.updateAbles=function(){a.prototype.updateAbles.call(this,__spreadArray$1(__spreadArray$1([],__read(this.props.ables),!1),[Groupable],!1),"Group")},s.prototype._updateTargets=function(){a.prototype._updateTargets.call(this),this._originalDragTarget=this.props.dragTarget||this.areaElement,this._dragTarget=getRefTarget(this._originalDragTarget,!0)},s.prototype._updateEvents=function(){var c=this.state,u=this.props,d=this._prevDragTarget,p=u.dragTarget||this.areaElement,v=u.targets,A=this.differ.update(v),b=A.added,g=A.changed,x=A.removed,y=b.length||x.length;(y||this._prevOriginalDragTarget!==this._originalDragTarget)&&(unsetGesto(this,!1),unsetGesto(this,!0),this.updateState({gestos:{}})),d!==p&&(c.target=null),c.target||(c.target=this.areaElement,this.controlBox.style.display="block"),c.target&&(this.targetGesto||(this.targetGesto=getTargetAbleGesto(this,this._dragTarget,"Group")),this.controlGesto||(this.controlGesto=getControlAbleGesto(this,"GroupControl")));var f=!equals(c.container,u.container);f&&(c.container=u.container),(f||y||this.transformOrigin!==(u.defaultGroupOrigin||"50% 50%")||g.length||v.length&&!isDeepArrayEquals(this._targetGroups,u.targetGroups||[]))&&(this.updateRect(),this._hasFirstTargets=!0),this._isPropTargetChanged=!!y},s.prototype._updateObserver=function(){},s.defaultProps=__assign$1(__assign$1({},MoveableManager.defaultProps),{transformOrigin:["50%","50%"],groupable:!0,dragArea:!0,keepRatio:!0,targets:[],defaultGroupRotate:0,defaultGroupOrigin:"50% 50%"}),s}(MoveableManager),MoveableIndividualGroup=function(a){__extends$2(s,a);function s(){var c=a!==null&&a.apply(this,arguments)||this;return c.moveables=[],c}return s.prototype.render=function(){var c=this,u,d=this.props,p=d.cspNonce,v=d.cssStyled,A=d.persistData,b=d.targets||[],g=b.length,x=this.isUnmounted||!g,y=(u=A==null?void 0:A.children)!==null&&u!==void 0?u:[];return x&&!g&&y.length?b=y.map(function(){return null}):x||(y=[]),reactExports.createElement(v,{cspNonce:p,ref:ref(this,"controlBox"),className:prefix$1("control-box")},b.map(function(f,m){var C,S,w=(S=(C=d.individualGroupableProps)===null||C===void 0?void 0:C.call(d,f,m))!==null&&S!==void 0?S:{};return reactExports.createElement(MoveableManager,__assign$1({key:"moveable"+m,ref:refs(c,"moveables",m)},d,w,{target:f,wrapperMoveable:c,isWrapperMounted:c.isMoveableMounted,persistData:y[m]}))}))},s.prototype.componentDidMount=function(){},s.prototype.componentDidUpdate=function(){},s.prototype.getTargets=function(){return this.props.targets},s.prototype.updateRect=function(c,u,d){d===void 0&&(d=!0),setStoreCache(!0),this.moveables.forEach(function(p){p.updateRect(c,u,d)}),setStoreCache()},s.prototype.getRect=function(){return __assign$1(__assign$1({},a.prototype.getRect.call(this)),{children:this.moveables.map(function(c){return c.getRect()})})},s.prototype.request=function(c,u,d){u===void 0&&(u={});var p=this.moveables.map(function(b){return b.request(c,__assign$1(__assign$1({},u),{isInstant:!1}),!1)}),v=d||u.isInstant,A={request:function(b){return p.forEach(function(g){return g.request(b)}),this},requestEnd:function(){return p.forEach(function(b){return b.requestEnd()}),this}};return v?A.request(u).requestEnd():A},s.prototype.dragStart=function(c,u){u===void 0&&(u=c.target);var d=u,p=find$1(this.moveables,function(v){var A=v.getTargets()[0],b=v.getControlBoxElement(),g=v.getDragElement();return!A||!g?!1:g===d||g.contains(d)||g!==A&&A===d||A.contains(d)||b===d||b.contains(d)});return p&&p.dragStart(c,u),this},s.prototype.hitTest=function(){return 0},s.prototype.isInside=function(){return!1},s.prototype.isDragging=function(){return!1},s.prototype.getDragElement=function(){return null},s.prototype.getMoveables=function(){return __spreadArray$1([],__read(this.moveables),!1)},s.prototype.updateRenderPoses=function(){},s.prototype.checkUpdate=function(){},s.prototype.triggerEvent=function(){},s.prototype.updateAbles=function(){},s.prototype._updateEvents=function(){},s.prototype._updateObserver=function(){},s}(MoveableManager);function getElementTargets(a,s){var c=[];return a.forEach(function(u){if(u){if(isString(u)){s[u]&&c.push.apply(c,__spreadArray$1([],__read(s[u]),!1));return}isArray(u)?c.push.apply(c,__spreadArray$1([],__read(getElementTargets(u,s)),!1)):c.push(u)}}),c}function getTargetGroups(a,s){var c=[];return a.forEach(function(u){if(u){if(isString(u)){s[u]&&c.push.apply(c,__spreadArray$1([],__read(s[u]),!1));return}isArray(u)?c.push(getTargetGroups(u,s)):c.push(u)}}),c}function compareRefTargets(a,s){return a.length!==s.length||a.some(function(c,u){var d=s[u];return!c&&!d?!1:c!=d?isArray(c)&&isArray(d)?compareRefTargets(c,d):!0:!1})}var InitialMoveable=function(a){__extends$2(s,a);function s(){var c=a!==null&&a.apply(this,arguments)||this;return c.refTargets=[],c.selectorMap={},c._differ=new ChildrenDiffer,c._elementTargets=[],c._tmpRefTargets=[],c._tmpSelectorMap={},c._onChangeTargets=null,c}return s.makeStyled=function(){var c={},u=this.getTotalAbles();u.forEach(function(p){var v=p.css;v&&v.forEach(function(A){c[A]=!0})});var d=getKeys(c).join(`
-`);this.defaultStyled=styled("div",prefixCSS(PREFIX,MOVEABLE_CSS+d))},s.getTotalAbles=function(){return __spreadArray$1([Default,Groupable,IndividualGroupable,DragArea],__read(this.defaultAbles),!1)},s.prototype.render=function(){var c,u=this.constructor;u.defaultStyled||u.makeStyled();var d=this.props,p=d.ables,v=d.props,A=__rest(d,["ables","props"]),b=__read(this._updateRefs(!0),2),g=b[0],x=b[1],y=getElementTargets(g,x),f=y.length>1,m=u.getTotalAbles(),C=__spreadArray$1(__spreadArray$1([],__read(m),!1),__read(p||[]),!1),S=__assign$1(__assign$1(__assign$1({},A),v||{}),{ables:C,cssStyled:u.defaultStyled,customStyledMap:u.customStyledMap});this._elementTargets=y;var w=null,I=this.moveable,P=A.persistData;if(P!=null&&P.children&&(f=!0),A.individualGroupable)return reactExports.createElement(MoveableIndividualGroup,__assign$1({key:"individual-group",ref:ref(this,"moveable")},S,{target:null,targets:y}));if(f){var $=getTargetGroups(g,x);if(I&&!I.props.groupable&&!I.props.individualGroupable){var _=I.props.target;_&&y.indexOf(_)>-1&&(w=__assign$1({},I.state))}return reactExports.createElement(MoveableGroup,__assign$1({key:"group",ref:ref(this,"moveable")},S,(c=A.groupableProps)!==null&&c!==void 0?c:{},{target:null,targets:y,targetGroups:$,firstRenderState:w}))}else{var E=y[0];if(I&&(I.props.groupable||I.props.individualGroupable)){var R=I.moveables||[],T=find$1(R,function(B){return B.props.target===E});T&&(w=__assign$1({},T.state))}return reactExports.createElement(MoveableManager,__assign$1({key:"single",ref:ref(this,"moveable")},S,{target:E,firstRenderState:w}))}},s.prototype.componentDidMount=function(){this._checkChangeTargets()},s.prototype.componentDidUpdate=function(){this._checkChangeTargets()},s.prototype.componentWillUnmount=function(){this.selectorMap={},this.refTargets=[]},s.prototype.getTargets=function(){var c,u;return(u=(c=this.moveable)===null||c===void 0?void 0:c.getTargets())!==null&&u!==void 0?u:[]},s.prototype.updateSelectors=function(){this.selectorMap={},this._updateRefs(),this.forceUpdate()},s.prototype.waitToChangeTarget=function(){var c=this,u;return this._onChangeTargets=function(){c._onChangeTargets=null,u()},new Promise(function(d){u=d})},s.prototype.waitToChangeTargets=function(){return this.waitToChangeTarget()},s.prototype.getManager=function(){return this.moveable},s.prototype.getMoveables=function(){return this.moveable.getMoveables()},s.prototype.getDragElement=function(){return this.moveable.getDragElement()},s.prototype._updateRefs=function(c){var u=this.refTargets,d=getRefTargets(this.props.target||this.props.targets),p=typeof document<"u",v=compareRefTargets(u,d),A=this.selectorMap,b={};return this.refTargets.forEach(function g(x){if(isString(x)){var y=A[x];y?b[x]=A[x]:p&&(v=!0,b[x]=[].slice.call(document.querySelectorAll(x)))}else isArray(x)&&x.forEach(g)}),this._tmpRefTargets=d,this._tmpSelectorMap=b,[d,b,!c&&v]},s.prototype._checkChangeTargets=function(){var c,u,d;this.refTargets=this._tmpRefTargets,this.selectorMap=this._tmpSelectorMap;var p=this._differ.update(this._elementTargets),v=p.added,A=p.removed,b=v.length||A.length;b&&((u=(c=this.props).onChangeTargets)===null||u===void 0||u.call(c,{moveable:this.moveable,targets:this._elementTargets}),(d=this._onChangeTargets)===null||d===void 0||d.call(this));var g=__read(this._updateRefs(),3),x=g[0],y=g[1],f=g[2];this.refTargets=x,this.selectorMap=y,f&&this.forceUpdate()},s.defaultAbles=[],s.customStyledMap={},s.defaultStyled=null,__decorate([withMethods(MOVEABLE_METHODS)],s.prototype,"moveable",void 0),s}(reactExports.PureComponent),Moveable$2=function(a){__extends$2(s,a);function s(){return a!==null&&a.apply(this,arguments)||this}return s.defaultAbles=MOVEABLE_ABLES,s}(InitialMoveable);const className="pdfme-moveable",Moveable=(a,s)=>{const{token:c}=theme.useToken();return reactExports.useEffect(()=>{const u=document.querySelector(`.${className}`),d=document.querySelectorAll(`.${className} .moveable-line`);u instanceof HTMLElement&&(u.style.setProperty("--moveable-color",c.colorPrimary),Array.from(d).forEach(p=>{p instanceof HTMLElement&&p.style.setProperty("--moveable-color",c.colorPrimary)}))},[a.target,c.colorPrimary]),jsxRuntimeExports.jsx(Moveable$2,{className,rootContainer:document?document.body:void 0,snappable:!0,draggable:!0,rotatable:a.rotatable,resizable:!0,throttleDrag:1,throttleRotate:1,throttleResize:1,ref:s,target:a.target,bounds:a.bounds,horizontalGuidelines:a.horizontalGuidelines,verticalGuidelines:a.verticalGuidelines,keepRatio:a.keepRatio,onRotate:a.onRotate,onRotateEnd:a.onRotateEnd,onRotateGroup:({events:u})=>{u.forEach(a.onRotate)},onRotateGroupEnd:a.onRotateGroupEnd,onDrag:a.onDrag,onDragGroup:({events:u})=>{u.forEach(a.onDrag)},onDragEnd:a.onDragEnd,onDragGroupEnd:a.onDragGroupEnd,onResize:a.onResize,onResizeGroup:({events:u})=>{u.forEach(a.onResize)},onResizeEnd:a.onResizeEnd,onResizeGroupEnd:a.onResizeGroupEnd,onClick:a.onClick})},Moveable$1=reactExports.forwardRef(Moveable);var extendStatics$1=function(a,s){return extendStatics$1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$1(a,s)};function __extends$1(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$1(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var Ruler=function(a){__extends$1(s,a);function s(){var u=a!==null&&a.apply(this,arguments)||this;return u.state={scrollPos:0},u.width=0,u.height=0,u._zoom=0,u._rulerScale=0,u._observer=null,u._checkResize=function(){u.resize()},u}var c=s.prototype;return c.render=function(){var u=this.props;return this._zoom=u.zoom,reactExports.createElement("canvas",{ref:ref(this,"canvasElement"),style:this.props.style})},c.componentDidMount=function(){var u=this.props;this.state.scrollPos=u.defaultScrollPos||0;var d=this.canvasElement,p=d.getContext("2d",{alpha:!0});this.canvasContext=p,u.useResizeObserver?(this._observer=new ResizeObserver(this._checkResize),this._observer.observe(d,{box:"border-box"})):this.resize()},c.componentDidUpdate=function(){this.resize()},c.componentWillUnmount=function(){var u;this.state.scrollPos=0,(u=this._observer)===null||u===void 0||u.disconnect()},c.getScrollPos=function(){return this.state.scrollPos},c.scroll=function(u,d){this.draw({scrollPos:u,zoom:d})},c.resize=function(u){var d=this.canvasElement,p=this.props,v=p.width,A=p.height,b=p.scrollPos,g=this._getRulerScale();this.width=v||d.offsetWidth,this.height=A||d.offsetHeight,d.width=this.width*g,d.height=this.height*g,this.draw({scrollPos:b,zoom:u})},c.draw=function(u){u===void 0&&(u={});var d=this.props,p=u.zoom,v=p===void 0?this._zoom:p,A=u.scrollPos,b=A===void 0?this.state.scrollPos:A,g=u.marks,x=g===void 0?d.marks:g,y=u.selectedRanges,f=y===void 0?d.selectedRanges:y,m=u.segment,C=m===void 0?d.segment||10:m,S=u.unit,w=S===void 0?d.unit:S;this._zoom=v;var I=d,P=I.type,$=I.backgroundColor,_=I.lineColor,E=I.textColor,R=I.textBackgroundColor,T=I.direction,B=I.negativeRuler,M=B===void 0?!0:B,D=I.textFormat,O=I.range,H=O===void 0?[-1/0,1/0]:O,j=I.rangeBackgroundColor,Q=I.selectedBackgroundColor,L=I.lineWidth,F=L===void 0?1:L,U=I.selectedRangesText,N=I.selectedRangesTextColor,k=N===void 0?"#44aaff":N,W=I.selectedRangesTextOffset,J=W===void 0?[0,0]:W,q=I.markColor,Y=q===void 0?"#ff5":q,Z=this._getRulerScale(),ee=this.width,re=this.height,ae=this.state;ae.scrollPos=b;var V=this.canvasContext,K=P==="horizontal",te=M!==!1,ie=d.font||"10px sans-serif",ce=d.textAlign||"left",ge=d.textOffset||[0,0],Se=K?re:ee,be=convertUnitSize("".concat(d.mainLineSize||"100%"),Se),me=convertUnitSize("".concat(d.longLineSize||10),Se),fe=convertUnitSize("".concat(d.shortLineSize||7),Se),se=d.lineOffset||[0,0];switch($==="transparent"?V.clearRect(0,0,ee*Z,re*Z):(V.rect(0,0,ee*Z,re*Z),V.fillStyle=$,V.fill()),V.save(),V.scale(Z,Z),V.strokeStyle=_,V.lineWidth=F,V.font=ie,V.fillStyle=E,V.textAlign=ce,T){case"start":V.textBaseline="top";break;case"center":V.textBaseline="middle";break;case"end":V.textBaseline="bottom";break}V.translate(.5,0),V.beginPath();for(var oe=K?ee:re,de=v*w,le=Math.floor(b*v/de),xe=Math.ceil((b*v+oe)/de),Ce=xe-le,$e=Math.max(["left","center","right"].indexOf(ce)-1,-1),we=K?re:ee,Ee=[],Ae=0;Ae<=Ce;++Ae){var pe=(Ae+le)*w,he="".concat(pe);D&&(he=D(pe));var Ie=V.measureText(he).width;Ee.push({color:E,offset:ge,backgroundColor:R,value:pe,text:he,textSize:Ie})}if(Q!=="transparent"&&(f!=null&&f.length)&&f.forEach(function(Xe){var We=Math.max(Xe[0],H[0],M?-1/0:0),ze=Math.min(Xe[1],H[1]),Qe=(We-b)*v,et=(ze-We)*v;U&&Xe.forEach(function(Ze){var qe="".concat(Ze);D&&(qe=D(Ze));var Je=V.measureText(qe).width,ot=Ze*v,nt=ot+Je;findLast(Ee,function(ct,bt){var st=ct.value,gt=ct.textSize,ft=st*v,pt=ft+gt;ft<=nt&&ot<=pt&&Ee.splice(bt,1)}),Ee.push({value:Ze,color:k,offset:J,text:qe,textSize:Je})}),!(et<=0)&&(V.save(),V.fillStyle=Q,K?V.fillRect(Qe,0,et,we):V.fillRect(0,Qe,we,et),V.restore())}),j!=="transparent"&&H[0]!==-1/0&&H[1]!==1/0){var ye=(H[0]-b)*v,Pe=(H[1]-H[0])*v;V.save(),V.fillStyle=j,K?V.fillRect(ye,0,Pe,we):V.fillRect(0,ye,we,Pe),V.restore()}for(var Ae=0;Ae<=Ce;++Ae){var pe=Ae+le;if(!(!te&&pe<0))for(var Le=pe*w,Ne=(Le-b)*v,Me=0;Me<C;++Me){var Fe=Ne+Me/C*de,_e=Le+Me/C*w;if(!(Fe<0||Fe>=oe||_e<H[0]||_e>H[1])){var je=Me===0?be:Me%2===0?me:fe,Ye=0;switch(T){case"start":Ye=0;break;case"center":Ye=we/2-je/2;break;case"end":Ye=we-je;break}var Te=K?[Fe+se[0],Ye+se[1]]:[Ye+se[0],Fe+se[1]],ke=Te[0],De=Te[1],Re=K?[ke,De+je]:[ke+je,De],Ge=Re[0],Ve=Re[1];V.moveTo(ke+se[0],De+se[1]),V.lineTo(Ge+se[0],Ve+se[1])}}}V.stroke(),V.beginPath(),V.strokeStyle=Y,V.lineWidth=1,(x||[]).forEach(function(Xe){var We=(-b+Xe)*v;if(!(We<0||We>=oe||Xe<H[0]||Xe>H[1])){var ze=K?[We+se[0],se[1]]:[se[0],We+se[1]],Qe=ze[0],et=ze[1],Ze=K?[Qe,et+Se]:[Qe+Se,et],qe=Ze[0],Je=Ze[1];V.moveTo(Qe+se[0],et+se[1]),V.lineTo(qe+se[0],Je+se[1])}}),V.stroke(),Ee.forEach(function(Xe){var We=Xe.value,ze=Xe.offset,Qe=Xe.backgroundColor,et=Xe.color,Ze=Xe.text,qe=Xe.textSize;if(!(!te&&We<0)){var Je=(We-b)*v;if(!(Je<-de||Je>=oe+w*v||We<H[0]||We>H[1])){var ot=0;switch(T){case"start":ot=17;break;case"center":ot=we/2;break;case"end":ot=we-17;break}var nt=K?[Je+$e*-3,ot]:[ot,Je+$e*3],ct=nt[0],bt=nt[1];if(Qe){var st=0;switch(ce){case"left":st=0;break;case"center":st=-qe/2;break;case"right":st=-qe;break}V.save(),V.fillStyle=Qe,K?V.fillRect(ct+ze[0]+st,0,qe,be):(V.translate(0,bt+ze[1]),V.rotate(-Math.PI/2),V.fillRect(st,0,qe,be)),V.restore()}V.save(),V.fillStyle=et,K?V.fillText(Ze,ct+ze[0],bt+ze[1]):(V.translate(ct+ze[0],bt+ze[1]),V.rotate(-Math.PI/2),V.fillText(Ze,0,0)),V.restore()}}}),V.restore()},c._getRulerScale=function(){var u=this.props.defaultPixelScale||2;if(!this._rulerScale){var d=window.devicePixelRatio>1;if(!d&&window.matchMedia){var p=window.matchMedia("only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen  and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx)");d=p&&p.matches}this._rulerScale=d?3:u}return this._rulerScale},s.defaultProps={type:"horizontal",zoom:1,width:0,height:0,unit:50,negativeRuler:!0,mainLineSize:"100%",longLineSize:10,shortLineSize:7,segment:10,direction:"end",style:{width:"100%",height:"100%"},backgroundColor:"#333333",font:"10px sans-serif",textColor:"#ffffff",textBackgroundColor:"transparent",lineColor:"#777777",range:[-1/0,1/0],rangeBackgroundColor:"transparent",lineWidth:1,selectedBackgroundColor:"#555555",defaultScrollPos:0,markColor:"#f55",marks:[]},s}(reactExports.PureComponent),PROPERTIES=["type","width","height","unit","zoom","direction","textAlign","font","segment","mainLineSize","longLineSize","shortLineSize","lineOffset","textOffset","negativeRuler","range","scrollPos","defaultScrollPos","style","backgroundColor","rangeBackgroundColor","lineColor","textColor","textBackgroundColor","textFormat","warpSelf","selectedBackgroundColor","selectedRanges","defaultPixelScale","useResizeObserver","selectedRangesText","selectedRangesTextColor","selectedRangesTextOffset","marks","markColor"],extendStatics=function(a,s){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics(a,s)};function __extends(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign=function(){return __assign=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign.apply(this,arguments)};function __spreadArray(a,s,c){if(c||arguments.length===2)for(var u=0,d=s.length,p;u<d;u++)(p||!(u in s))&&(p||(p=Array.prototype.slice.call(s,0,u)),p[u]=s[u]);return a.concat(p||Array.prototype.slice.call(s))}function prefix(){for(var a=[],s=0;s<arguments.length;s++)a[s]=arguments[s];return prefixNames.apply(void 0,__spreadArray(["scena-guides-"],a,!1))}var ADDER=prefix("guide","adder"),GUIDES=prefix("guides"),GUIDE=prefix("guide"),DRAGGING=prefix("dragging"),DISPLAY_DRAG=prefix("display-drag"),GUIDES_CSS=prefixCSS("scena-guides-",`
+`);this.defaultStyled=styled("div",prefixCSS(PREFIX,MOVEABLE_CSS+d))},s.getTotalAbles=function(){return __spreadArray$1([Default,Groupable,IndividualGroupable,DragArea],__read(this.defaultAbles),!1)},s.prototype.render=function(){var c,u=this.constructor;u.defaultStyled||u.makeStyled();var d=this.props,p=d.ables,v=d.props,A=__rest(d,["ables","props"]),b=__read(this._updateRefs(!0),2),g=b[0],x=b[1],y=getElementTargets(g,x),f=y.length>1,m=u.getTotalAbles(),C=__spreadArray$1(__spreadArray$1([],__read(m),!1),__read(p||[]),!1),S=__assign$1(__assign$1(__assign$1({},A),v||{}),{ables:C,cssStyled:u.defaultStyled,customStyledMap:u.customStyledMap});this._elementTargets=y;var w=null,I=this.moveable,P=A.persistData;if(P!=null&&P.children&&(f=!0),A.individualGroupable)return reactExports.createElement(MoveableIndividualGroup,__assign$1({key:"individual-group",ref:ref(this,"moveable")},S,{target:null,targets:y}));if(f){var $=getTargetGroups(g,x);if(I&&!I.props.groupable&&!I.props.individualGroupable){var _=I.props.target;_&&y.indexOf(_)>-1&&(w=__assign$1({},I.state))}return reactExports.createElement(MoveableGroup,__assign$1({key:"group",ref:ref(this,"moveable")},S,(c=A.groupableProps)!==null&&c!==void 0?c:{},{target:null,targets:y,targetGroups:$,firstRenderState:w}))}else{var E=y[0];if(I&&(I.props.groupable||I.props.individualGroupable)){var R=I.moveables||[],T=find$1(R,function(B){return B.props.target===E});T&&(w=__assign$1({},T.state))}return reactExports.createElement(MoveableManager,__assign$1({key:"single",ref:ref(this,"moveable")},S,{target:E,firstRenderState:w}))}},s.prototype.componentDidMount=function(){this._checkChangeTargets()},s.prototype.componentDidUpdate=function(){this._checkChangeTargets()},s.prototype.componentWillUnmount=function(){this.selectorMap={},this.refTargets=[]},s.prototype.getTargets=function(){var c,u;return(u=(c=this.moveable)===null||c===void 0?void 0:c.getTargets())!==null&&u!==void 0?u:[]},s.prototype.updateSelectors=function(){this.selectorMap={},this._updateRefs(),this.forceUpdate()},s.prototype.waitToChangeTarget=function(){var c=this,u;return this._onChangeTargets=function(){c._onChangeTargets=null,u()},new Promise(function(d){u=d})},s.prototype.waitToChangeTargets=function(){return this.waitToChangeTarget()},s.prototype.getManager=function(){return this.moveable},s.prototype.getMoveables=function(){return this.moveable.getMoveables()},s.prototype.getDragElement=function(){return this.moveable.getDragElement()},s.prototype._updateRefs=function(c){var u=this.refTargets,d=getRefTargets(this.props.target||this.props.targets),p=typeof document<"u",v=compareRefTargets(u,d),A=this.selectorMap,b={};return this.refTargets.forEach(function g(x){if(isString(x)){var y=A[x];y?b[x]=A[x]:p&&(v=!0,b[x]=[].slice.call(document.querySelectorAll(x)))}else isArray(x)&&x.forEach(g)}),this._tmpRefTargets=d,this._tmpSelectorMap=b,[d,b,!c&&v]},s.prototype._checkChangeTargets=function(){var c,u,d;this.refTargets=this._tmpRefTargets,this.selectorMap=this._tmpSelectorMap;var p=this._differ.update(this._elementTargets),v=p.added,A=p.removed,b=v.length||A.length;b&&((u=(c=this.props).onChangeTargets)===null||u===void 0||u.call(c,{moveable:this.moveable,targets:this._elementTargets}),(d=this._onChangeTargets)===null||d===void 0||d.call(this));var g=__read(this._updateRefs(),3),x=g[0],y=g[1],f=g[2];this.refTargets=x,this.selectorMap=y,f&&this.forceUpdate()},s.defaultAbles=[],s.customStyledMap={},s.defaultStyled=null,__decorate([withMethods(MOVEABLE_METHODS)],s.prototype,"moveable",void 0),s}(reactExports.PureComponent),Moveable$2=function(a){__extends$2(s,a);function s(){return a!==null&&a.apply(this,arguments)||this}return s.defaultAbles=MOVEABLE_ABLES,s}(InitialMoveable);const baseClassName="pdfme-moveable",Moveable=(a,s)=>{const{token:c}=theme.useToken(),u=reactExports.useRef(uuid$6()),d=`${baseClassName}-${u.current}`;return reactExports.useEffect(()=>{const p=document.querySelector(`.${d}`),v=document.querySelectorAll(`.${d} .moveable-line`);p instanceof HTMLElement&&(p.style.setProperty("--moveable-color",c.colorPrimary),v.forEach(A=>{A instanceof HTMLElement&&A.style.setProperty("--moveable-color",c.colorPrimary)}))},[a.target,c.colorPrimary,d]),jsxRuntimeExports.jsx(Moveable$2,{className:d,rootContainer:document?document.body:void 0,snappable:!0,draggable:!0,rotatable:a.rotatable,resizable:!0,throttleDrag:1,throttleRotate:1,throttleResize:1,ref:s,target:a.target,bounds:a.bounds,horizontalGuidelines:a.horizontalGuidelines,verticalGuidelines:a.verticalGuidelines,keepRatio:a.keepRatio,onRotate:a.onRotate,onRotateEnd:a.onRotateEnd,onRotateGroup:({events:p})=>{p.forEach(a.onRotate)},onRotateGroupEnd:a.onRotateGroupEnd,onDrag:a.onDrag,onDragGroup:({events:p})=>{p.forEach(a.onDrag)},onDragEnd:a.onDragEnd,onDragGroupEnd:a.onDragGroupEnd,onResize:a.onResize,onResizeGroup:({events:p})=>{p.forEach(a.onResize)},onResizeEnd:a.onResizeEnd,onResizeGroupEnd:a.onResizeGroupEnd,onClick:a.onClick})},Moveable$1=reactExports.forwardRef(Moveable);var extendStatics$1=function(a,s){return extendStatics$1=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics$1(a,s)};function __extends$1(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics$1(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var Ruler=function(a){__extends$1(s,a);function s(){var u=a!==null&&a.apply(this,arguments)||this;return u.state={scrollPos:0},u.width=0,u.height=0,u._zoom=0,u._rulerScale=0,u._observer=null,u._checkResize=function(){u.resize()},u}var c=s.prototype;return c.render=function(){var u=this.props;return this._zoom=u.zoom,reactExports.createElement("canvas",{ref:ref(this,"canvasElement"),style:this.props.style})},c.componentDidMount=function(){var u=this.props;this.state.scrollPos=u.defaultScrollPos||0;var d=this.canvasElement,p=d.getContext("2d",{alpha:!0});this.canvasContext=p,u.useResizeObserver?(this._observer=new ResizeObserver(this._checkResize),this._observer.observe(d,{box:"border-box"})):this.resize()},c.componentDidUpdate=function(){this.resize()},c.componentWillUnmount=function(){var u;this.state.scrollPos=0,(u=this._observer)===null||u===void 0||u.disconnect()},c.getScrollPos=function(){return this.state.scrollPos},c.scroll=function(u,d){this.draw({scrollPos:u,zoom:d})},c.resize=function(u){var d=this.canvasElement,p=this.props,v=p.width,A=p.height,b=p.scrollPos,g=this._getRulerScale();this.width=v||d.offsetWidth,this.height=A||d.offsetHeight,d.width=this.width*g,d.height=this.height*g,this.draw({scrollPos:b,zoom:u})},c.draw=function(u){u===void 0&&(u={});var d=this.props,p=u.zoom,v=p===void 0?this._zoom:p,A=u.scrollPos,b=A===void 0?this.state.scrollPos:A,g=u.marks,x=g===void 0?d.marks:g,y=u.selectedRanges,f=y===void 0?d.selectedRanges:y,m=u.segment,C=m===void 0?d.segment||10:m,S=u.unit,w=S===void 0?d.unit:S;this._zoom=v;var I=d,P=I.type,$=I.backgroundColor,_=I.lineColor,E=I.textColor,R=I.textBackgroundColor,T=I.direction,B=I.negativeRuler,M=B===void 0?!0:B,D=I.textFormat,O=I.range,H=O===void 0?[-1/0,1/0]:O,j=I.rangeBackgroundColor,Q=I.selectedBackgroundColor,L=I.lineWidth,F=L===void 0?1:L,U=I.selectedRangesText,N=I.selectedRangesTextColor,k=N===void 0?"#44aaff":N,W=I.selectedRangesTextOffset,J=W===void 0?[0,0]:W,q=I.markColor,Y=q===void 0?"#ff5":q,Z=this._getRulerScale(),ee=this.width,re=this.height,ae=this.state;ae.scrollPos=b;var V=this.canvasContext,K=P==="horizontal",te=M!==!1,ie=d.font||"10px sans-serif",ce=d.textAlign||"left",ge=d.textOffset||[0,0],Se=K?re:ee,be=convertUnitSize("".concat(d.mainLineSize||"100%"),Se),me=convertUnitSize("".concat(d.longLineSize||10),Se),fe=convertUnitSize("".concat(d.shortLineSize||7),Se),se=d.lineOffset||[0,0];switch($==="transparent"?V.clearRect(0,0,ee*Z,re*Z):(V.rect(0,0,ee*Z,re*Z),V.fillStyle=$,V.fill()),V.save(),V.scale(Z,Z),V.strokeStyle=_,V.lineWidth=F,V.font=ie,V.fillStyle=E,V.textAlign=ce,T){case"start":V.textBaseline="top";break;case"center":V.textBaseline="middle";break;case"end":V.textBaseline="bottom";break}V.translate(.5,0),V.beginPath();for(var oe=K?ee:re,de=v*w,le=Math.floor(b*v/de),xe=Math.ceil((b*v+oe)/de),Ce=xe-le,$e=Math.max(["left","center","right"].indexOf(ce)-1,-1),we=K?re:ee,Ee=[],Ae=0;Ae<=Ce;++Ae){var pe=(Ae+le)*w,he="".concat(pe);D&&(he=D(pe));var Ie=V.measureText(he).width;Ee.push({color:E,offset:ge,backgroundColor:R,value:pe,text:he,textSize:Ie})}if(Q!=="transparent"&&(f!=null&&f.length)&&f.forEach(function(Xe){var We=Math.max(Xe[0],H[0],M?-1/0:0),ze=Math.min(Xe[1],H[1]),Qe=(We-b)*v,et=(ze-We)*v;U&&Xe.forEach(function(Ze){var qe="".concat(Ze);D&&(qe=D(Ze));var Je=V.measureText(qe).width,ot=Ze*v,nt=ot+Je;findLast(Ee,function(ct,bt){var st=ct.value,gt=ct.textSize,ft=st*v,pt=ft+gt;ft<=nt&&ot<=pt&&Ee.splice(bt,1)}),Ee.push({value:Ze,color:k,offset:J,text:qe,textSize:Je})}),!(et<=0)&&(V.save(),V.fillStyle=Q,K?V.fillRect(Qe,0,et,we):V.fillRect(0,Qe,we,et),V.restore())}),j!=="transparent"&&H[0]!==-1/0&&H[1]!==1/0){var ye=(H[0]-b)*v,Pe=(H[1]-H[0])*v;V.save(),V.fillStyle=j,K?V.fillRect(ye,0,Pe,we):V.fillRect(0,ye,we,Pe),V.restore()}for(var Ae=0;Ae<=Ce;++Ae){var pe=Ae+le;if(!(!te&&pe<0))for(var Le=pe*w,Ne=(Le-b)*v,Me=0;Me<C;++Me){var Fe=Ne+Me/C*de,_e=Le+Me/C*w;if(!(Fe<0||Fe>=oe||_e<H[0]||_e>H[1])){var je=Me===0?be:Me%2===0?me:fe,Ye=0;switch(T){case"start":Ye=0;break;case"center":Ye=we/2-je/2;break;case"end":Ye=we-je;break}var Te=K?[Fe+se[0],Ye+se[1]]:[Ye+se[0],Fe+se[1]],ke=Te[0],De=Te[1],Re=K?[ke,De+je]:[ke+je,De],Ge=Re[0],Ve=Re[1];V.moveTo(ke+se[0],De+se[1]),V.lineTo(Ge+se[0],Ve+se[1])}}}V.stroke(),V.beginPath(),V.strokeStyle=Y,V.lineWidth=1,(x||[]).forEach(function(Xe){var We=(-b+Xe)*v;if(!(We<0||We>=oe||Xe<H[0]||Xe>H[1])){var ze=K?[We+se[0],se[1]]:[se[0],We+se[1]],Qe=ze[0],et=ze[1],Ze=K?[Qe,et+Se]:[Qe+Se,et],qe=Ze[0],Je=Ze[1];V.moveTo(Qe+se[0],et+se[1]),V.lineTo(qe+se[0],Je+se[1])}}),V.stroke(),Ee.forEach(function(Xe){var We=Xe.value,ze=Xe.offset,Qe=Xe.backgroundColor,et=Xe.color,Ze=Xe.text,qe=Xe.textSize;if(!(!te&&We<0)){var Je=(We-b)*v;if(!(Je<-de||Je>=oe+w*v||We<H[0]||We>H[1])){var ot=0;switch(T){case"start":ot=17;break;case"center":ot=we/2;break;case"end":ot=we-17;break}var nt=K?[Je+$e*-3,ot]:[ot,Je+$e*3],ct=nt[0],bt=nt[1];if(Qe){var st=0;switch(ce){case"left":st=0;break;case"center":st=-qe/2;break;case"right":st=-qe;break}V.save(),V.fillStyle=Qe,K?V.fillRect(ct+ze[0]+st,0,qe,be):(V.translate(0,bt+ze[1]),V.rotate(-Math.PI/2),V.fillRect(st,0,qe,be)),V.restore()}V.save(),V.fillStyle=et,K?V.fillText(Ze,ct+ze[0],bt+ze[1]):(V.translate(ct+ze[0],bt+ze[1]),V.rotate(-Math.PI/2),V.fillText(Ze,0,0)),V.restore()}}}),V.restore()},c._getRulerScale=function(){var u=this.props.defaultPixelScale||2;if(!this._rulerScale){var d=window.devicePixelRatio>1;if(!d&&window.matchMedia){var p=window.matchMedia("only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen  and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx)");d=p&&p.matches}this._rulerScale=d?3:u}return this._rulerScale},s.defaultProps={type:"horizontal",zoom:1,width:0,height:0,unit:50,negativeRuler:!0,mainLineSize:"100%",longLineSize:10,shortLineSize:7,segment:10,direction:"end",style:{width:"100%",height:"100%"},backgroundColor:"#333333",font:"10px sans-serif",textColor:"#ffffff",textBackgroundColor:"transparent",lineColor:"#777777",range:[-1/0,1/0],rangeBackgroundColor:"transparent",lineWidth:1,selectedBackgroundColor:"#555555",defaultScrollPos:0,markColor:"#f55",marks:[]},s}(reactExports.PureComponent),PROPERTIES=["type","width","height","unit","zoom","direction","textAlign","font","segment","mainLineSize","longLineSize","shortLineSize","lineOffset","textOffset","negativeRuler","range","scrollPos","defaultScrollPos","style","backgroundColor","rangeBackgroundColor","lineColor","textColor","textBackgroundColor","textFormat","warpSelf","selectedBackgroundColor","selectedRanges","defaultPixelScale","useResizeObserver","selectedRangesText","selectedRangesTextColor","selectedRangesTextOffset","marks","markColor"],extendStatics=function(a,s){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(c,u){c.__proto__=u}||function(c,u){for(var d in u)Object.prototype.hasOwnProperty.call(u,d)&&(c[d]=u[d])},extendStatics(a,s)};function __extends(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");extendStatics(a,s);function c(){this.constructor=a}a.prototype=s===null?Object.create(s):(c.prototype=s.prototype,new c)}var __assign=function(){return __assign=Object.assign||function(s){for(var c,u=1,d=arguments.length;u<d;u++){c=arguments[u];for(var p in c)Object.prototype.hasOwnProperty.call(c,p)&&(s[p]=c[p])}return s},__assign.apply(this,arguments)};function __spreadArray(a,s,c){if(c||arguments.length===2)for(var u=0,d=s.length,p;u<d;u++)(p||!(u in s))&&(p||(p=Array.prototype.slice.call(s,0,u)),p[u]=s[u]);return a.concat(p||Array.prototype.slice.call(s))}function prefix(){for(var a=[],s=0;s<arguments.length;s++)a[s]=arguments[s];return prefixNames.apply(void 0,__spreadArray(["scena-guides-"],a,!1))}var ADDER=prefix("guide","adder"),GUIDES=prefix("guides"),GUIDE=prefix("guide"),DRAGGING=prefix("dragging"),DISPLAY_DRAG=prefix("display-drag"),GUIDES_CSS=prefixCSS("scena-guides-",`
 {
     position: relative;
     width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "5.3.13-dev.66",
+  "version": "5.3.13-dev.68",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

package/src/components/Designer/Canvas/Moveable.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, forwardRef, Ref } from 'react';
+import React, { useEffect, forwardRef, Ref, useRef } from 'react';
 import MoveableComponent, {
   OnDrag,
   OnRotate,
@@ -6,6 +6,7 @@ import MoveableComponent, {
   OnClick,
   OnResize,
 } from 'react-moveable';
+import { uuid } from '../../../helper.js'
 import { theme } from 'antd';
 
 type Props = {
@@ -27,26 +28,29 @@ type Props = {
   onClick: (e: OnClick) => void;
 };
 
-const className = 'pdfme-moveable';
+const baseClassName = 'pdfme-moveable';
 
 const Moveable = (props: Props, ref: Ref<MoveableComponent>) => {
   const { token } = theme.useToken();
+  const instanceId = useRef(uuid());
+  const uniqueClassName = `${baseClassName}-${instanceId.current}`;
+
   useEffect(() => {
-    const containerElement = document.querySelector(`.${className}`);
-    const containerElement2 = document.querySelectorAll(`.${className} .moveable-line`);
+    const containerElement = document.querySelector(`.${uniqueClassName}`);
+    const moveableLines = document.querySelectorAll(`.${uniqueClassName} .moveable-line`);
     if (containerElement instanceof HTMLElement) {
       containerElement.style.setProperty('--moveable-color', token.colorPrimary);
-      Array.from(containerElement2).forEach((e) => {
+      moveableLines.forEach((e) => {
         if (e instanceof HTMLElement) {
           e.style.setProperty('--moveable-color', token.colorPrimary);
         }
       });
     }
-  }, [props.target, token.colorPrimary]);
+  }, [props.target, token.colorPrimary, uniqueClassName]);
 
   return (
     <MoveableComponent
-      className={className}
+      className={uniqueClassName}
       rootContainer={document ? document.body : undefined}
       snappable
       draggable