@cyberskill/cyber-editor 2.0.2 → 2.0.4

package/dist/cyber-editor.es.js

@@ -4677,7 +4677,7 @@ const ga = (e) => {
     {
       slotBefore: t === !0 ? /* @__PURE__ */ l.jsxDEV(Bi, {}, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-        lineNumber: 26,
+        lineNumber: 27,
         columnNumber: 51
       }, void 0) : null,
       extensions: s,
@@ -4686,7 +4686,7 @@ const ga = (e) => {
       onUpdate: u,
       editorContainerProps: { className: `${n}` }
     },
-    void 0,
+    e,
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",

package/dist/cyber-editor.umd.js

@@ -240,4 +240,4 @@ object-assign
 */var at,Kt;function Hn(){if(Kt)return at;Kt=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function n(a){if(a==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}function o(){try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de",Object.getOwnPropertyNames(a)[0]==="5")return!1;for(var s={},u=0;u<10;u++)s["_"+String.fromCharCode(u)]=u;var p=Object.getOwnPropertyNames(s).map(function(b){return s[b]});if(p.join("")!=="0123456789")return!1;var m={};return"abcdefghijklmnopqrst".split("").forEach(function(b){m[b]=b}),Object.keys(Object.assign({},m)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return at=o()?Object.assign:function(a,s){for(var u,p=n(a),m,b=1;b<arguments.length;b++){u=Object(arguments[b]);for(var w in u)t.call(u,w)&&(p[w]=u[w]);if(e){m=e(u);for(var O=0;O<m.length;O++)r.call(u,m[O])&&(p[m[O]]=u[m[O]])}}return p},at}var st,Jt;function lt(){if(Jt)return st;Jt=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return st=e,st}var ct,Zt;function Qt(){return Zt||(Zt=1,ct=Function.call.bind(Object.prototype.hasOwnProperty)),ct}var ut,er;function Ln(){if(er)return ut;er=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=lt(),r={},n=Qt();e=function(a){var s="Warning: "+a;typeof console<"u"&&console.error(s);try{throw new Error(s)}catch{}}}function o(a,s,u,p,m){if(process.env.NODE_ENV!=="production"){for(var b in a)if(n(a,b)){var w;try{if(typeof a[b]!="function"){var O=Error((p||"React class")+": "+u+" type `"+b+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[b]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}w=a[b](s,b,p,u,null,t)}catch(V){w=V}if(w&&!(w instanceof Error)&&e((p||"React class")+": type specification of "+u+" `"+b+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof w+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),w instanceof Error&&!(w.message in r)){r[w.message]=!0;var E=m?m():"";e("Failed "+u+" type: "+w.message+(E??""))}}}}return o.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},ut=o,ut}var dt,tr;function Wn(){if(tr)return dt;tr=1;var e=Gt(),t=Hn(),r=lt(),n=Qt(),o=Ln(),a=function(){};process.env.NODE_ENV!=="production"&&(a=function(u){var p="Warning: "+u;typeof console<"u"&&console.error(p);try{throw new Error(p)}catch{}});function s(){return null}return dt=function(u,p){var m=typeof Symbol=="function"&&Symbol.iterator,b="@@iterator";function w(f){var v=f&&(m&&f[m]||f[b]);if(typeof v=="function")return v}var O="<<anonymous>>",E={array:Y("array"),bigint:Y("bigint"),bool:Y("boolean"),func:Y("function"),number:Y("number"),object:Y("object"),string:Y("string"),symbol:Y("symbol"),any:y(),arrayOf:x,element:N(),elementType:c(),instanceOf:B,node:me(),objectOf:re,oneOf:R,oneOfType:pe,shape:ke,exact:ne};function V(f,v){return f===v?f!==0||1/f===1/v:f!==f&&v!==v}function A(f,v){this.message=f,this.data=v&&typeof v=="object"?v:{},this.stack=""}A.prototype=Error.prototype;function X(f){if(process.env.NODE_ENV!=="production")var v={},P=0;function T(I,_,D,j,L,M,ie){if(j=j||O,M=M||D,ie!==r){if(p){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var he=j+":"+D;!v[he]&&P<3&&(a("You are manually calling a React.PropTypes validation function for the `"+M+"` prop on `"+j+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),v[he]=!0,P++)}}return _[D]==null?I?_[D]===null?new A("The "+L+" `"+M+"` is marked as required "+("in `"+j+"`, but its value is `null`.")):new A("The "+L+" `"+M+"` is marked as required in "+("`"+j+"`, but its value is `undefined`.")):null:f(_,D,j,L,M)}var k=T.bind(null,!1);return k.isRequired=T.bind(null,!0),k}function Y(f){function v(P,T,k,I,_,D){var j=P[T],L=le(j);if(L!==f){var M=fe(j);return new A("Invalid "+I+" `"+_+"` of type "+("`"+M+"` supplied to `"+k+"`, expected ")+("`"+f+"`."),{expectedType:f})}return null}return X(v)}function y(){return X(s)}function x(f){function v(P,T,k,I,_){if(typeof f!="function")return new A("Property `"+_+"` of component `"+k+"` has invalid PropType notation inside arrayOf.");var D=P[T];if(!Array.isArray(D)){var j=le(D);return new A("Invalid "+I+" `"+_+"` of type "+("`"+j+"` supplied to `"+k+"`, expected an array."))}for(var L=0;L<D.length;L++){var M=f(D,L,k,I,_+"["+L+"]",r);if(M instanceof Error)return M}return null}return X(v)}function N(){function f(v,P,T,k,I){var _=v[P];if(!u(_)){var D=le(_);return new A("Invalid "+k+" `"+I+"` of type "+("`"+D+"` supplied to `"+T+"`, expected a single ReactElement."))}return null}return X(f)}function c(){function f(v,P,T,k,I){var _=v[P];if(!e.isValidElementType(_)){var D=le(_);return new A("Invalid "+k+" `"+I+"` of type "+("`"+D+"` supplied to `"+T+"`, expected a single ReactElement type."))}return null}return X(f)}function B(f){function v(P,T,k,I,_){if(!(P[T]instanceof f)){var D=f.name||O,j=Ce(P[T]);return new A("Invalid "+I+" `"+_+"` of type "+("`"+j+"` supplied to `"+k+"`, expected ")+("instance of `"+D+"`."))}return null}return X(v)}function R(f){if(!Array.isArray(f))return process.env.NODE_ENV!=="production"&&(arguments.length>1?a("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):a("Invalid argument supplied to oneOf, expected an array.")),s;function v(P,T,k,I,_){for(var D=P[T],j=0;j<f.length;j++)if(V(D,f[j]))return null;var L=JSON.stringify(f,function(ie,h){var he=fe(h);return he==="symbol"?String(h):h});return new A("Invalid "+I+" `"+_+"` of value `"+String(D)+"` "+("supplied to `"+k+"`, expected one of "+L+"."))}return X(v)}function re(f){function v(P,T,k,I,_){if(typeof f!="function")return new A("Property `"+_+"` of component `"+k+"` has invalid PropType notation inside objectOf.");var D=P[T],j=le(D);if(j!=="object")return new A("Invalid "+I+" `"+_+"` of type "+("`"+j+"` supplied to `"+k+"`, expected an object."));for(var L in D)if(n(D,L)){var M=f(D,L,k,I,_+"."+L,r);if(M instanceof Error)return M}return null}return X(v)}function pe(f){if(!Array.isArray(f))return process.env.NODE_ENV!=="production"&&a("Invalid argument supplied to oneOfType, expected an instance of array."),s;for(var v=0;v<f.length;v++){var P=f[v];if(typeof P!="function")return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Ee(P)+" at index "+v+"."),s}function T(k,I,_,D,j){for(var L=[],M=0;M<f.length;M++){var ie=f[M],h=ie(k,I,_,D,j,r);if(h==null)return null;h.data&&n(h.data,"expectedType")&&L.push(h.data.expectedType)}var he=L.length>0?", expected one of type ["+L.join(", ")+"]":"";return new A("Invalid "+D+" `"+j+"` supplied to "+("`"+_+"`"+he+"."))}return X(T)}function me(){function f(v,P,T,k,I){return ee(v[P])?null:new A("Invalid "+k+" `"+I+"` supplied to "+("`"+T+"`, expected a ReactNode."))}return X(f)}function ve(f,v,P,T,k){return new A((f||"React class")+": "+v+" type `"+P+"."+T+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+k+"`.")}function ke(f){function v(P,T,k,I,_){var D=P[T],j=le(D);if(j!=="object")return new A("Invalid "+I+" `"+_+"` of type `"+j+"` "+("supplied to `"+k+"`, expected `object`."));for(var L in f){var M=f[L];if(typeof M!="function")return ve(k,I,_,L,fe(M));var ie=M(D,L,k,I,_+"."+L,r);if(ie)return ie}return null}return X(v)}function ne(f){function v(P,T,k,I,_){var D=P[T],j=le(D);if(j!=="object")return new A("Invalid "+I+" `"+_+"` of type `"+j+"` "+("supplied to `"+k+"`, expected `object`."));var L=t({},P[T],f);for(var M in L){var ie=f[M];if(n(f,M)&&typeof ie!="function")return ve(k,I,_,M,fe(ie));if(!ie)return new A("Invalid "+I+" `"+_+"` key `"+M+"` supplied to `"+k+"`.\nBad object: "+JSON.stringify(P[T],null,"  ")+`
 Valid keys: `+JSON.stringify(Object.keys(f),null,"  "));var h=ie(D,M,k,I,_+"."+M,r);if(h)return h}return null}return X(v)}function ee(f){switch(typeof f){case"number":case"string":case"undefined":return!0;case"boolean":return!f;case"object":if(Array.isArray(f))return f.every(ee);if(f===null||u(f))return!0;var v=w(f);if(v){var P=v.call(f),T;if(v!==f.entries){for(;!(T=P.next()).done;)if(!ee(T.value))return!1}else for(;!(T=P.next()).done;){var k=T.value;if(k&&!ee(k[1]))return!1}}else return!1;return!0;default:return!1}}function be(f,v){return f==="symbol"?!0:v?v["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&v instanceof Symbol:!1}function le(f){var v=typeof f;return Array.isArray(f)?"array":f instanceof RegExp?"object":be(v,f)?"symbol":v}function fe(f){if(typeof f>"u"||f===null)return""+f;var v=le(f);if(v==="object"){if(f instanceof Date)return"date";if(f instanceof RegExp)return"regexp"}return v}function Ee(f){var v=fe(f);switch(v){case"array":case"object":return"an "+v;case"boolean":case"date":case"regexp":return"a "+v;default:return v}}function Ce(f){return!f.constructor||!f.constructor.name?O:f.constructor.name}return E.checkPropTypes=o,E.resetWarningCache=o.resetWarningCache,E.PropTypes=E,E},dt}var ft,rr;function Yn(){if(rr)return ft;rr=1;var e=lt();function t(){}function r(){}return r.resetWarningCache=t,ft=function(){function n(s,u,p,m,b,w){if(w!==e){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}n.isRequired=n;function o(){return n}var a={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return a.PropTypes=a,a},ft}if(process.env.NODE_ENV!=="production"){var qn=Gt(),Fn=!0;ot.exports=Wn()(qn.isElement,Fn)}else ot.exports=Yn()();var Xe=ot.exports;function nr(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=nr(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function ir(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=nr(e))&&(n&&(n+=" "),n+=t);return n}const Un=Gr(Object.freeze(Object.defineProperty({__proto__:null,clsx:ir,default:ir},Symbol.toStringTag,{value:"Module"})));var J={},we={};Object.defineProperty(we,"__esModule",{value:!0}),we.dontSetMe=Jn,we.findInArray=Bn,we.int=Kn,we.isFunction=Xn,we.isNum=Gn;function Bn(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Xn(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Gn(e){return typeof e=="number"&&!isNaN(e)}function Kn(e){return parseInt(e,10)}function Jn(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var Oe={};Object.defineProperty(Oe,"__esModule",{value:!0}),Oe.browserPrefixToKey=ar,Oe.browserPrefixToStyle=Zn,Oe.default=void 0,Oe.getPrefix=or;const pt=["Moz","Webkit","O","ms"];function or(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<pt.length;n++)if(ar(t,pt[n])in r)return pt[n];return""}function ar(e,t){return t?"".concat(t).concat(Qn(e)):e}function Zn(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Qn(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}Oe.default=or(),Object.defineProperty(J,"__esModule",{value:!0}),J.addClassName=ur,J.addEvent=ri,J.addUserSelectStyles=pi,J.createCSSTransform=ci,J.createSVGTransform=ui,J.getTouch=di,J.getTouchIdentifier=fi,J.getTranslation=mt,J.innerHeight=ai,J.innerWidth=si,J.matchesSelector=cr,J.matchesSelectorAndParentsTo=ti,J.offsetXYFromParent=li,J.outerHeight=ii,J.outerWidth=oi,J.removeClassName=dr,J.removeEvent=ni,J.removeUserSelectStyles=mi;var ue=we,sr=ei(Oe);function lr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(lr=function(n){return n?r:t})(e)}function ei(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=lr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}let Ge="";function cr(e,t){return Ge||(Ge=(0,ue.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,ue.isFunction)(e[r])})),(0,ue.isFunction)(e[Ge])?e[Ge](t):!1}function ti(e,t,r){let n=e;do{if(cr(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function ri(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function ni(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function ii(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,ue.int)(r.borderTopWidth),t+=(0,ue.int)(r.borderBottomWidth),t}function oi(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,ue.int)(r.borderLeftWidth),t+=(0,ue.int)(r.borderRightWidth),t}function ai(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,ue.int)(r.paddingTop),t-=(0,ue.int)(r.paddingBottom),t}function si(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,ue.int)(r.paddingLeft),t-=(0,ue.int)(r.paddingRight),t}function li(e,t,r){const o=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),a=(e.clientX+t.scrollLeft-o.left)/r,s=(e.clientY+t.scrollTop-o.top)/r;return{x:a,y:s}}function ci(e,t){const r=mt(e,t,"px");return{[(0,sr.browserPrefixToKey)("transform",sr.default)]:r}}function ui(e,t){return mt(e,t,"")}function mt(e,t,r){let{x:n,y:o}=e,a="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const s="".concat(typeof t.x=="string"?t.x:t.x+r),u="".concat(typeof t.y=="string"?t.y:t.y+r);a="translate(".concat(s,", ").concat(u,")")+a}return a}function di(e,t){return e.targetTouches&&(0,ue.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,ue.findInArray)(e.changedTouches,r=>t===r.identifier)}function fi(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function pi(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&ur(e.body,"react-draggable-transparent-selection")}function mi(e){if(e)try{if(e.body&&dr(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function ur(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function dr(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var Ne={};Object.defineProperty(Ne,"__esModule",{value:!0}),Ne.canDragX=gi,Ne.canDragY=yi,Ne.createCoreData=xi,Ne.createDraggableData=wi,Ne.getBoundPosition=bi,Ne.getControlPosition=vi,Ne.snapToGrid=hi;var de=we,Pe=J;function bi(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:Ni(n);const o=bt(e);if(typeof n=="string"){const{ownerDocument:a}=o,s=a.defaultView;let u;if(n==="parent"?u=o.parentNode:u=a.querySelector(n),!(u instanceof s.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const p=u,m=s.getComputedStyle(o),b=s.getComputedStyle(p);n={left:-o.offsetLeft+(0,de.int)(b.paddingLeft)+(0,de.int)(m.marginLeft),top:-o.offsetTop+(0,de.int)(b.paddingTop)+(0,de.int)(m.marginTop),right:(0,Pe.innerWidth)(p)-(0,Pe.outerWidth)(o)-o.offsetLeft+(0,de.int)(b.paddingRight)-(0,de.int)(m.marginRight),bottom:(0,Pe.innerHeight)(p)-(0,Pe.outerHeight)(o)-o.offsetTop+(0,de.int)(b.paddingBottom)-(0,de.int)(m.marginBottom)}}return(0,de.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,de.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,de.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,de.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function hi(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]}function gi(e){return e.props.axis==="both"||e.props.axis==="x"}function yi(e){return e.props.axis==="both"||e.props.axis==="y"}function vi(e,t,r){const n=typeof t=="number"?(0,Pe.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const o=bt(r),a=r.props.offsetParent||o.offsetParent||o.ownerDocument.body;return(0,Pe.offsetXYFromParent)(n||e,a,r.props.scale)}function xi(e,t,r){const n=!(0,de.isNum)(e.lastX),o=bt(e);return n?{node:o,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:o,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function wi(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function Ni(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function bt(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Ke={},Je={};Object.defineProperty(Je,"__esModule",{value:!0}),Je.default=Ei;function Ei(){}Object.defineProperty(Ke,"__esModule",{value:!0}),Ke.default=void 0;var ht=ki(W),se=yt(Xe),Si=yt(Mt),te=J,_e=Ne,gt=we,Ae=yt(Je);function yt(e){return e&&e.__esModule?e:{default:e}}function fr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(fr=function(n){return n?r:t})(e)}function ki(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=fr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function oe(e,t,r){return t=Ci(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ci(e){var t=_i(e,"string");return typeof t=="symbol"?t:String(t)}function _i(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const ye={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let De=ye.mouse,Ze=class extends ht.Component{constructor(){super(...arguments),oe(this,"dragging",!1),oe(this,"lastX",NaN),oe(this,"lastY",NaN),oe(this,"touchIdentifier",null),oe(this,"mounted",!1),oe(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,te.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,te.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const o=(0,te.getTouchIdentifier)(t);this.touchIdentifier=o;const a=(0,_e.getControlPosition)(t,o,this);if(a==null)return;const{x:s,y:u}=a,p=(0,_e.createCoreData)(this,s,u);(0,Ae.default)("DraggableCore: handleDragStart: %j",p),(0,Ae.default)("calling",this.props.onStart),!(this.props.onStart(t,p)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,te.addUserSelectStyles)(n),this.dragging=!0,this.lastX=s,this.lastY=u,(0,te.addEvent)(n,De.move,this.handleDrag),(0,te.addEvent)(n,De.stop,this.handleDragStop))}),oe(this,"handleDrag",t=>{const r=(0,_e.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:o}=r;if(Array.isArray(this.props.grid)){let u=n-this.lastX,p=o-this.lastY;if([u,p]=(0,_e.snapToGrid)(this.props.grid,u,p),!u&&!p)return;n=this.lastX+u,o=this.lastY+p}const a=(0,_e.createCoreData)(this,n,o);if((0,Ae.default)("DraggableCore: handleDrag: %j",a),this.props.onDrag(t,a)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const p=document.createEvent("MouseEvents");p.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(p)}return}this.lastX=n,this.lastY=o}),oe(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,_e.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:o}=r;if(Array.isArray(this.props.grid)){let p=n-this.lastX||0,m=o-this.lastY||0;[p,m]=(0,_e.snapToGrid)(this.props.grid,p,m),n=this.lastX+p,o=this.lastY+m}const a=(0,_e.createCoreData)(this,n,o);if(this.props.onStop(t,a)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,te.removeUserSelectStyles)(u.ownerDocument),(0,Ae.default)("DraggableCore: handleDragStop: %j",a),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,Ae.default)("DraggableCore: Removing handlers"),(0,te.removeEvent)(u.ownerDocument,De.move,this.handleDrag),(0,te.removeEvent)(u.ownerDocument,De.stop,this.handleDragStop))}),oe(this,"onMouseDown",t=>(De=ye.mouse,this.handleDragStart(t))),oe(this,"onMouseUp",t=>(De=ye.mouse,this.handleDragStop(t))),oe(this,"onTouchStart",t=>(De=ye.touch,this.handleDragStart(t))),oe(this,"onTouchEnd",t=>(De=ye.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,te.addEvent)(t,ye.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,te.removeEvent)(r,ye.mouse.move,this.handleDrag),(0,te.removeEvent)(r,ye.touch.move,this.handleDrag),(0,te.removeEvent)(r,ye.mouse.stop,this.handleDragStop),(0,te.removeEvent)(r,ye.touch.stop,this.handleDragStop),(0,te.removeEvent)(t,ye.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,te.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:Si.default.findDOMNode(this)}render(){return ht.cloneElement(ht.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Ke.default=Ze,oe(Ze,"displayName","DraggableCore"),oe(Ze,"propTypes",{allowAnyClick:se.default.bool,children:se.default.node.isRequired,disabled:se.default.bool,enableUserSelectHack:se.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:se.default.arrayOf(se.default.number),handle:se.default.string,cancel:se.default.string,nodeRef:se.default.object,onStart:se.default.func,onDrag:se.default.func,onStop:se.default.func,onMouseDown:se.default.func,scale:se.default.number,className:gt.dontSetMe,style:gt.dontSetMe,transform:gt.dontSetMe}),oe(Ze,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return p.default}}),e.default=void 0;var t=O(W),r=b(Xe),n=b(Mt),o=b(Un),a=J,s=Ne,u=we,p=b(Ke),m=b(Je);function b(y){return y&&y.__esModule?y:{default:y}}function w(y){if(typeof WeakMap!="function")return null;var x=new WeakMap,N=new WeakMap;return(w=function(c){return c?N:x})(y)}function O(y,x){if(y&&y.__esModule)return y;if(y===null||typeof y!="object"&&typeof y!="function")return{default:y};var N=w(x);if(N&&N.has(y))return N.get(y);var c={},B=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var R in y)if(R!=="default"&&Object.prototype.hasOwnProperty.call(y,R)){var re=B?Object.getOwnPropertyDescriptor(y,R):null;re&&(re.get||re.set)?Object.defineProperty(c,R,re):c[R]=y[R]}return c.default=y,N&&N.set(y,c),c}function E(){return E=Object.assign?Object.assign.bind():function(y){for(var x=1;x<arguments.length;x++){var N=arguments[x];for(var c in N)Object.prototype.hasOwnProperty.call(N,c)&&(y[c]=N[c])}return y},E.apply(this,arguments)}function V(y,x,N){return x=A(x),x in y?Object.defineProperty(y,x,{value:N,enumerable:!0,configurable:!0,writable:!0}):y[x]=N,y}function A(y){var x=X(y,"string");return typeof x=="symbol"?x:String(x)}function X(y,x){if(typeof y!="object"||y===null)return y;var N=y[Symbol.toPrimitive];if(N!==void 0){var c=N.call(y,x||"default");if(typeof c!="object")return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return(x==="string"?String:Number)(y)}class Y extends t.Component{static getDerivedStateFromProps(x,N){let{position:c}=x,{prevPropsPosition:B}=N;return c&&(!B||c.x!==B.x||c.y!==B.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:c,prevPropsPosition:B}),{x:c.x,y:c.y,prevPropsPosition:{...c}}):null}constructor(x){super(x),V(this,"onDragStart",(N,c)=>{if((0,m.default)("Draggable: onDragStart: %j",c),this.props.onStart(N,(0,s.createDraggableData)(this,c))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),V(this,"onDrag",(N,c)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",c);const B=(0,s.createDraggableData)(this,c),R={x:B.x,y:B.y,slackX:0,slackY:0};if(this.props.bounds){const{x:pe,y:me}=R;R.x+=this.state.slackX,R.y+=this.state.slackY;const[ve,ke]=(0,s.getBoundPosition)(this,R.x,R.y);R.x=ve,R.y=ke,R.slackX=this.state.slackX+(pe-R.x),R.slackY=this.state.slackY+(me-R.y),B.x=R.x,B.y=R.y,B.deltaX=R.x-this.state.x,B.deltaY=R.y-this.state.y}if(this.props.onDrag(N,B)===!1)return!1;this.setState(R)}),V(this,"onDragStop",(N,c)=>{if(!this.state.dragging||this.props.onStop(N,(0,s.createDraggableData)(this,c))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",c);const R={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:pe,y:me}=this.props.position;R.x=pe,R.y=me}this.setState(R)}),this.state={dragging:!1,dragged:!1,x:x.position?x.position.x:x.defaultPosition.x,y:x.position?x.position.y:x.defaultPosition.y,prevPropsPosition:{...x.position},slackX:0,slackY:0,isElementSVG:!1},x.position&&!(x.onDrag||x.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var x,N;return(x=(N=this.props)===null||N===void 0||(N=N.nodeRef)===null||N===void 0?void 0:N.current)!==null&&x!==void 0?x:n.default.findDOMNode(this)}render(){const{axis:x,bounds:N,children:c,defaultPosition:B,defaultClassName:R,defaultClassNameDragging:re,defaultClassNameDragged:pe,position:me,positionOffset:ve,scale:ke,...ne}=this.props;let ee={},be=null;const fe=!!!me||this.state.dragging,Ee=me||B,Ce={x:(0,s.canDragX)(this)&&fe?this.state.x:Ee.x,y:(0,s.canDragY)(this)&&fe?this.state.y:Ee.y};this.state.isElementSVG?be=(0,a.createSVGTransform)(Ce,ve):ee=(0,a.createCSSTransform)(Ce,ve);const f=(0,o.default)(c.props.className||"",R,{[re]:this.state.dragging,[pe]:this.state.dragged});return t.createElement(p.default,E({},ne,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(c),{className:f,style:{...c.props.style,...ee},transform:be}))}}e.default=Y,V(Y,"displayName","Draggable"),V(Y,"propTypes",{...p.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),V(Y,"defaultProps",{...p.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Ft);const{default:pr,DraggableCore:Di}=Ft;Ue.exports=pr,Ue.exports.default=pr,Ue.exports.DraggableCore=Di;var Oi=Ue.exports,vt={};vt.__esModule=!0,vt.cloneElement=zi;var Ti=Ri(W);function Ri(e){return e&&e.__esModule?e:{default:e}}function mr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function br(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?mr(Object(r),!0).forEach(function(n){Pi(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):mr(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Pi(e,t,r){return t=ji(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ji(e){var t=Mi(e,"string");return typeof t=="symbol"?t:String(t)}function Mi(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function zi(e,t){return t.style&&e.props.style&&(t.style=br(br({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Ti.default.cloneElement(e,t)}var Ie={};Ie.__esModule=!0,Ie.resizableProps=void 0;var C=Vi(Xe);function Vi(e){return e&&e.__esModule?e:{default:e}}var Ai={axis:C.default.oneOf(["both","x","y","none"]),className:C.default.string,children:C.default.element.isRequired,draggableOpts:C.default.shape({allowAnyClick:C.default.bool,cancel:C.default.string,children:C.default.node,disabled:C.default.bool,enableUserSelectHack:C.default.bool,offsetParent:C.default.node,grid:C.default.arrayOf(C.default.number),handle:C.default.string,nodeRef:C.default.object,onStart:C.default.func,onDrag:C.default.func,onStop:C.default.func,onMouseDown:C.default.func,scale:C.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var o=r[0];if(o.axis==="both"||o.axis==="y"){var a;return(a=C.default.number).isRequired.apply(a,r)}return C.default.number.apply(C.default,r)},handle:C.default.oneOfType([C.default.node,C.default.func]),handleSize:C.default.arrayOf(C.default.number),lockAspectRatio:C.default.bool,maxConstraints:C.default.arrayOf(C.default.number),minConstraints:C.default.arrayOf(C.default.number),onResizeStop:C.default.func,onResizeStart:C.default.func,onResize:C.default.func,resizeHandles:C.default.arrayOf(C.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:C.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var o=r[0];if(o.axis==="both"||o.axis==="x"){var a;return(a=C.default.number).isRequired.apply(a,r)}return C.default.number.apply(C.default,r)}};Ie.resizableProps=Ai,Ve.__esModule=!0,Ve.default=void 0;var $e=Wi(W),Ii=Oi,$i=vt,Hi=Ie,Li=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function hr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(hr=function(o){return o?r:t})(e)}function Wi(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=hr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function xt(){return xt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xt.apply(this,arguments)}function Yi(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,a;for(a=0;a<n.length;a++)o=n[a],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function gr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function wt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?gr(Object(r),!0).forEach(function(n){qi(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):gr(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qi(e,t,r){return t=Fi(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Fi(e){var t=Ui(e,"string");return typeof t=="symbol"?t:String(t)}function Ui(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Bi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Nt(e,t)}function Nt(e,t){return Nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Nt(e,t)}var Et=function(e){Bi(t,e);function t(){for(var n,o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return n=e.call.apply(e,[this].concat(a))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(o,a){var s=this.props,u=s.minConstraints,p=s.maxConstraints,m=s.lockAspectRatio;if(!u&&!p&&!m)return[o,a];if(m){var b=this.props.width/this.props.height,w=o-this.props.width,O=a-this.props.height;Math.abs(w)>Math.abs(O*b)?a=o/b:o=a*b}var E=o,V=a,A=this.slack||[0,0],X=A[0],Y=A[1];return o+=X,a+=Y,u&&(o=Math.max(u[0],o),a=Math.max(u[1],a)),p&&(o=Math.min(p[0],o),a=Math.min(p[1],a)),this.slack=[X+(E-o),Y+(V-a)],[o,a]},r.resizeHandler=function(o,a){var s=this;return function(u,p){var m=p.node,b=p.deltaX,w=p.deltaY;o==="onResizeStart"&&s.resetData();var O=(s.props.axis==="both"||s.props.axis==="x")&&a!=="n"&&a!=="s",E=(s.props.axis==="both"||s.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!O&&!E)){var V=a[0],A=a[a.length-1],X=m.getBoundingClientRect();if(s.lastHandleRect!=null){if(A==="w"){var Y=X.left-s.lastHandleRect.left;b+=Y}if(V==="n"){var y=X.top-s.lastHandleRect.top;w+=y}}s.lastHandleRect=X,A==="w"&&(b=-b),V==="n"&&(w=-w);var x=s.props.width+(O?b/s.props.transformScale:0),N=s.props.height+(E?w/s.props.transformScale:0),c=s.runConstraints(x,N);x=c[0],N=c[1];var B=x!==s.props.width||N!==s.props.height,R=typeof s.props[o]=="function"?s.props[o]:null,re=o==="onResize"&&!B;R&&!re&&(u.persist==null||u.persist(),R(u,{node:m,size:{width:x,height:N},handle:a})),o==="onResizeStop"&&s.resetData()}}},r.renderResizeHandle=function(o,a){var s=this.props.handle;if(!s)return $e.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+o,ref:a});if(typeof s=="function")return s(o,a);var u=typeof s.type=="string",p=wt({ref:a},u?{}:{handleAxis:o});return $e.cloneElement(s,p)},r.render=function(){var o=this,a=this.props,s=a.children,u=a.className,p=a.draggableOpts;a.width,a.height,a.handle,a.handleSize,a.lockAspectRatio,a.axis,a.minConstraints,a.maxConstraints,a.onResize,a.onResizeStop,a.onResizeStart;var m=a.resizeHandles;a.transformScale;var b=Yi(a,Li);return(0,$i.cloneElement)(s,wt(wt({},b),{},{className:(u?u+" ":"")+"react-resizable",children:[].concat(s.props.children,m.map(function(w){var O,E=(O=o.handleRefs[w])!=null?O:o.handleRefs[w]=$e.createRef();return $e.createElement(Ii.DraggableCore,xt({},p,{nodeRef:E,key:"resizableHandle-"+w,onStop:o.resizeHandler("onResizeStop",w),onStart:o.resizeHandler("onResizeStart",w),onDrag:o.resizeHandler("onResize",w)}),o.renderResizeHandle(w,E))}))}))},t}($e.Component);Ve.default=Et,Et.propTypes=Hi.resizableProps,Et.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Qe={};Qe.__esModule=!0,Qe.default=void 0;var St=Zi(W),Xi=yr(Xe),Gi=yr(Ve),Ki=Ie,Ji=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function yr(e){return e&&e.__esModule?e:{default:e}}function vr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(vr=function(o){return o?r:t})(e)}function Zi(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=vr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function kt(){return kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},kt.apply(this,arguments)}function xr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function et(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?xr(Object(r),!0).forEach(function(n){Qi(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xr(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Qi(e,t,r){return t=eo(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function eo(e){var t=to(e,"string");return typeof t=="symbol"?t:String(t)}function to(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ro(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,a;for(a=0;a<n.length;a++)o=n[a],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function no(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Ct(e,t)}function Ct(e,t){return Ct=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Ct(e,t)}var wr=function(e){no(t,e);function t(){for(var n,o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return n=e.call.apply(e,[this].concat(a))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(u,p){var m=p.size;n.props.onResize?(u.persist==null||u.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(u,p)})):n.setState(m)},n}t.getDerivedStateFromProps=function(o,a){return a.propsWidth!==o.width||a.propsHeight!==o.height?{width:o.width,height:o.height,propsWidth:o.width,propsHeight:o.height}:null};var r=t.prototype;return r.render=function(){var o=this.props,a=o.handle,s=o.handleSize;o.onResize;var u=o.onResizeStart,p=o.onResizeStop,m=o.draggableOpts,b=o.minConstraints,w=o.maxConstraints,O=o.lockAspectRatio,E=o.axis;o.width,o.height;var V=o.resizeHandles,A=o.style,X=o.transformScale,Y=ro(o,Ji);return St.createElement(Gi.default,{axis:E,draggableOpts:m,handle:a,handleSize:s,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:b,onResizeStart:u,onResize:this.onResize,onResizeStop:p,resizeHandles:V,transformScale:X,width:this.state.width},St.createElement("div",kt({},Y,{style:et(et({},A),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(St.Component);Qe.default=wr,wr.propTypes=et(et({},Ki.resizableProps),{},{children:Xi.default.element}),it.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},it.exports.Resizable=Ve.default;var io=it.exports.ResizableBox=Qe.default;const oo=e=>{const{editor:t}=Se.useCurrentEditor();if(!t)return null;const{node:r,updateAttributes:n}=e,[o,a]=W.useState({width:r.attrs.width||300,height:r.attrs.height||300}),[s,u]=W.useState({left:r.attrs.marginLeft||0,right:r.attrs.marginRight||0}),[p,m]=W.useState(r.attrs.src||""),b=W.useRef(null);W.useEffect(()=>{if(r.attrs.src&&b.current){const E=new Image;E.onload=()=>{(!r.attrs.width||!r.attrs.height)&&a({width:E.width>600?600:E.width,height:E.width>600?600/E.width*E.height:E.height})},E.src=r.attrs.src}},[r.attrs.src]);const w=(E,{size:V})=>{a({width:V.width,height:V.height}),n({width:V.width,height:V.height})},O=()=>{n({src:p,width:o.width,height:o.height,marginLeft:s.left,marginRight:s.right})};return l.jsxDEV(Se.NodeViewWrapper,{className:"image-wrapper",children:l.jsxDEV(qt,{title:"Image",childrenContent:l.jsxDEV("div",{className:"relative",style:{marginLeft:s.left,marginRight:s.right},children:t.isEditable?l.jsxDEV(io,{width:o.width,height:o.height,onResize:w,minConstraints:[100,100],maxConstraints:[800,800],lockAspectRatio:!0,className:"relative",children:l.jsxDEV("img",{ref:b,src:r.attrs.src,alt:"Uploaded",className:"object-contain w-full h-full",draggable:!1},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:87,columnNumber:33},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:78,columnNumber:29},void 0):l.jsxDEV("img",{ref:b,src:r.attrs.src,alt:"Uploaded",style:{width:o.width,height:o.height},className:"object-contain",draggable:!1},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:96,columnNumber:29},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:70,columnNumber:21},void 0),editable:t.isEditable,childrenEdit:l.jsxDEV("div",{className:"space-y-4",children:[l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Image URL"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:114,columnNumber:29},void 0),l.jsxDEV("input",{type:"text",value:p,onChange:E=>m(E.target.value),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:115,columnNumber:29},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:113,columnNumber:25},void 0),l.jsxDEV("div",{className:"flex gap-2",children:[l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Width"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:125,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:o.width,onChange:E=>a({...o,width:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:126,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:124,columnNumber:29},void 0),l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Height"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:134,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:o.height,onChange:E=>a({...o,height:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:135,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:133,columnNumber:29},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:123,columnNumber:25},void 0),l.jsxDEV("div",{className:"flex gap-2",children:[l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Margin Left"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:146,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:s.left,onChange:E=>u({...s,left:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:147,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:145,columnNumber:29},void 0),l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Margin Right"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:155,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:s.right,onChange:E=>u({...s,right:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:156,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:154,columnNumber:29},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:144,columnNumber:25},void 0),l.jsxDEV("button",{onClick:O,className:"w-full p-2 text-white bg-blue-500 rounded hover:bg-blue-600",children:"Update Image"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:165,columnNumber:25},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:112,columnNumber:21},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:67,columnNumber:13},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:66,columnNumber:9},void 0)},ao=We.Node.create({name:"image",group:"block",content:"inline*",atom:!0,draggable:!0,selectable:!0,addAttributes(){return{src:{default:null},width:{default:300},height:{default:300}}},parseHTML(){return[{tag:"image"}]},renderHTML({HTMLAttributes:e}){return["image",We.mergeAttributes(e)]},addNodeView(){return Se.ReactNodeViewRenderer(oo)},addCommands(){return{setImage:e=>({chain:t})=>t().insertContent({type:"image",attrs:e}).run()}}}),so=[zr.Color.configure({types:[jt.name,Mr.name]}),jt,Ar.configure({multicolor:!0}),Vr.configure({bulletList:{keepMarks:!0,keepAttributes:!1},orderedList:{keepMarks:!0,keepAttributes:!1}}),An,Ir,$r,Hr,Lr.configure({types:["heading","paragraph"]}),Wr,Yr,qr.configure({resizable:!0,lastColumnResizable:!0,allowTableNodeSelection:!0,HTMLAttributes:{class:"table-wrapper"}}),Fr,Ur,Br.configure({HTMLAttributes:{class:"table-cell"}}),Xr,ao],lo=({content:e="",slotBefore:t=!1,className:r="",editorClassName:n="",editable:o=!0,onChange:a})=>{const s=W.useMemo(()=>so,[]),u=({editor:p})=>{a&&a(p.getHTML())};return l.jsxDEV("div",{className:`cyber-editor-container ${r}`,children:l.jsxDEV(Se.EditorProvider,{slotBefore:t===!0?l.jsxDEV(zn,{},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",lineNumber:26,columnNumber:51},void 0):null,extensions:s,content:e,editable:o,onUpdate:u,editorContainerProps:{className:`${n}`}},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",lineNumber:25,columnNumber:13},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",lineNumber:24,columnNumber:9},void 0)};G.CyberEditorProvider=lo,Object.defineProperty(G,Symbol.toStringTag,{value:"Module"})});
+`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&ur(e.body,"react-draggable-transparent-selection")}function mi(e){if(e)try{if(e.body&&dr(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function ur(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function dr(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var Ne={};Object.defineProperty(Ne,"__esModule",{value:!0}),Ne.canDragX=gi,Ne.canDragY=yi,Ne.createCoreData=xi,Ne.createDraggableData=wi,Ne.getBoundPosition=bi,Ne.getControlPosition=vi,Ne.snapToGrid=hi;var de=we,Pe=J;function bi(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:Ni(n);const o=bt(e);if(typeof n=="string"){const{ownerDocument:a}=o,s=a.defaultView;let u;if(n==="parent"?u=o.parentNode:u=a.querySelector(n),!(u instanceof s.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const p=u,m=s.getComputedStyle(o),b=s.getComputedStyle(p);n={left:-o.offsetLeft+(0,de.int)(b.paddingLeft)+(0,de.int)(m.marginLeft),top:-o.offsetTop+(0,de.int)(b.paddingTop)+(0,de.int)(m.marginTop),right:(0,Pe.innerWidth)(p)-(0,Pe.outerWidth)(o)-o.offsetLeft+(0,de.int)(b.paddingRight)-(0,de.int)(m.marginRight),bottom:(0,Pe.innerHeight)(p)-(0,Pe.outerHeight)(o)-o.offsetTop+(0,de.int)(b.paddingBottom)-(0,de.int)(m.marginBottom)}}return(0,de.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,de.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,de.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,de.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function hi(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]}function gi(e){return e.props.axis==="both"||e.props.axis==="x"}function yi(e){return e.props.axis==="both"||e.props.axis==="y"}function vi(e,t,r){const n=typeof t=="number"?(0,Pe.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const o=bt(r),a=r.props.offsetParent||o.offsetParent||o.ownerDocument.body;return(0,Pe.offsetXYFromParent)(n||e,a,r.props.scale)}function xi(e,t,r){const n=!(0,de.isNum)(e.lastX),o=bt(e);return n?{node:o,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:o,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function wi(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function Ni(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function bt(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Ke={},Je={};Object.defineProperty(Je,"__esModule",{value:!0}),Je.default=Ei;function Ei(){}Object.defineProperty(Ke,"__esModule",{value:!0}),Ke.default=void 0;var ht=ki(W),se=yt(Xe),Si=yt(Mt),te=J,_e=Ne,gt=we,Ae=yt(Je);function yt(e){return e&&e.__esModule?e:{default:e}}function fr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(fr=function(n){return n?r:t})(e)}function ki(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=fr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function oe(e,t,r){return t=Ci(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ci(e){var t=_i(e,"string");return typeof t=="symbol"?t:String(t)}function _i(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const ye={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let De=ye.mouse,Ze=class extends ht.Component{constructor(){super(...arguments),oe(this,"dragging",!1),oe(this,"lastX",NaN),oe(this,"lastY",NaN),oe(this,"touchIdentifier",null),oe(this,"mounted",!1),oe(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,te.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,te.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const o=(0,te.getTouchIdentifier)(t);this.touchIdentifier=o;const a=(0,_e.getControlPosition)(t,o,this);if(a==null)return;const{x:s,y:u}=a,p=(0,_e.createCoreData)(this,s,u);(0,Ae.default)("DraggableCore: handleDragStart: %j",p),(0,Ae.default)("calling",this.props.onStart),!(this.props.onStart(t,p)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,te.addUserSelectStyles)(n),this.dragging=!0,this.lastX=s,this.lastY=u,(0,te.addEvent)(n,De.move,this.handleDrag),(0,te.addEvent)(n,De.stop,this.handleDragStop))}),oe(this,"handleDrag",t=>{const r=(0,_e.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:o}=r;if(Array.isArray(this.props.grid)){let u=n-this.lastX,p=o-this.lastY;if([u,p]=(0,_e.snapToGrid)(this.props.grid,u,p),!u&&!p)return;n=this.lastX+u,o=this.lastY+p}const a=(0,_e.createCoreData)(this,n,o);if((0,Ae.default)("DraggableCore: handleDrag: %j",a),this.props.onDrag(t,a)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const p=document.createEvent("MouseEvents");p.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(p)}return}this.lastX=n,this.lastY=o}),oe(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,_e.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:o}=r;if(Array.isArray(this.props.grid)){let p=n-this.lastX||0,m=o-this.lastY||0;[p,m]=(0,_e.snapToGrid)(this.props.grid,p,m),n=this.lastX+p,o=this.lastY+m}const a=(0,_e.createCoreData)(this,n,o);if(this.props.onStop(t,a)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,te.removeUserSelectStyles)(u.ownerDocument),(0,Ae.default)("DraggableCore: handleDragStop: %j",a),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,Ae.default)("DraggableCore: Removing handlers"),(0,te.removeEvent)(u.ownerDocument,De.move,this.handleDrag),(0,te.removeEvent)(u.ownerDocument,De.stop,this.handleDragStop))}),oe(this,"onMouseDown",t=>(De=ye.mouse,this.handleDragStart(t))),oe(this,"onMouseUp",t=>(De=ye.mouse,this.handleDragStop(t))),oe(this,"onTouchStart",t=>(De=ye.touch,this.handleDragStart(t))),oe(this,"onTouchEnd",t=>(De=ye.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,te.addEvent)(t,ye.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,te.removeEvent)(r,ye.mouse.move,this.handleDrag),(0,te.removeEvent)(r,ye.touch.move,this.handleDrag),(0,te.removeEvent)(r,ye.mouse.stop,this.handleDragStop),(0,te.removeEvent)(r,ye.touch.stop,this.handleDragStop),(0,te.removeEvent)(t,ye.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,te.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:Si.default.findDOMNode(this)}render(){return ht.cloneElement(ht.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Ke.default=Ze,oe(Ze,"displayName","DraggableCore"),oe(Ze,"propTypes",{allowAnyClick:se.default.bool,children:se.default.node.isRequired,disabled:se.default.bool,enableUserSelectHack:se.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:se.default.arrayOf(se.default.number),handle:se.default.string,cancel:se.default.string,nodeRef:se.default.object,onStart:se.default.func,onDrag:se.default.func,onStop:se.default.func,onMouseDown:se.default.func,scale:se.default.number,className:gt.dontSetMe,style:gt.dontSetMe,transform:gt.dontSetMe}),oe(Ze,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return p.default}}),e.default=void 0;var t=O(W),r=b(Xe),n=b(Mt),o=b(Un),a=J,s=Ne,u=we,p=b(Ke),m=b(Je);function b(y){return y&&y.__esModule?y:{default:y}}function w(y){if(typeof WeakMap!="function")return null;var x=new WeakMap,N=new WeakMap;return(w=function(c){return c?N:x})(y)}function O(y,x){if(y&&y.__esModule)return y;if(y===null||typeof y!="object"&&typeof y!="function")return{default:y};var N=w(x);if(N&&N.has(y))return N.get(y);var c={},B=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var R in y)if(R!=="default"&&Object.prototype.hasOwnProperty.call(y,R)){var re=B?Object.getOwnPropertyDescriptor(y,R):null;re&&(re.get||re.set)?Object.defineProperty(c,R,re):c[R]=y[R]}return c.default=y,N&&N.set(y,c),c}function E(){return E=Object.assign?Object.assign.bind():function(y){for(var x=1;x<arguments.length;x++){var N=arguments[x];for(var c in N)Object.prototype.hasOwnProperty.call(N,c)&&(y[c]=N[c])}return y},E.apply(this,arguments)}function V(y,x,N){return x=A(x),x in y?Object.defineProperty(y,x,{value:N,enumerable:!0,configurable:!0,writable:!0}):y[x]=N,y}function A(y){var x=X(y,"string");return typeof x=="symbol"?x:String(x)}function X(y,x){if(typeof y!="object"||y===null)return y;var N=y[Symbol.toPrimitive];if(N!==void 0){var c=N.call(y,x||"default");if(typeof c!="object")return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return(x==="string"?String:Number)(y)}class Y extends t.Component{static getDerivedStateFromProps(x,N){let{position:c}=x,{prevPropsPosition:B}=N;return c&&(!B||c.x!==B.x||c.y!==B.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:c,prevPropsPosition:B}),{x:c.x,y:c.y,prevPropsPosition:{...c}}):null}constructor(x){super(x),V(this,"onDragStart",(N,c)=>{if((0,m.default)("Draggable: onDragStart: %j",c),this.props.onStart(N,(0,s.createDraggableData)(this,c))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),V(this,"onDrag",(N,c)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",c);const B=(0,s.createDraggableData)(this,c),R={x:B.x,y:B.y,slackX:0,slackY:0};if(this.props.bounds){const{x:pe,y:me}=R;R.x+=this.state.slackX,R.y+=this.state.slackY;const[ve,ke]=(0,s.getBoundPosition)(this,R.x,R.y);R.x=ve,R.y=ke,R.slackX=this.state.slackX+(pe-R.x),R.slackY=this.state.slackY+(me-R.y),B.x=R.x,B.y=R.y,B.deltaX=R.x-this.state.x,B.deltaY=R.y-this.state.y}if(this.props.onDrag(N,B)===!1)return!1;this.setState(R)}),V(this,"onDragStop",(N,c)=>{if(!this.state.dragging||this.props.onStop(N,(0,s.createDraggableData)(this,c))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",c);const R={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:pe,y:me}=this.props.position;R.x=pe,R.y=me}this.setState(R)}),this.state={dragging:!1,dragged:!1,x:x.position?x.position.x:x.defaultPosition.x,y:x.position?x.position.y:x.defaultPosition.y,prevPropsPosition:{...x.position},slackX:0,slackY:0,isElementSVG:!1},x.position&&!(x.onDrag||x.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var x,N;return(x=(N=this.props)===null||N===void 0||(N=N.nodeRef)===null||N===void 0?void 0:N.current)!==null&&x!==void 0?x:n.default.findDOMNode(this)}render(){const{axis:x,bounds:N,children:c,defaultPosition:B,defaultClassName:R,defaultClassNameDragging:re,defaultClassNameDragged:pe,position:me,positionOffset:ve,scale:ke,...ne}=this.props;let ee={},be=null;const fe=!!!me||this.state.dragging,Ee=me||B,Ce={x:(0,s.canDragX)(this)&&fe?this.state.x:Ee.x,y:(0,s.canDragY)(this)&&fe?this.state.y:Ee.y};this.state.isElementSVG?be=(0,a.createSVGTransform)(Ce,ve):ee=(0,a.createCSSTransform)(Ce,ve);const f=(0,o.default)(c.props.className||"",R,{[re]:this.state.dragging,[pe]:this.state.dragged});return t.createElement(p.default,E({},ne,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(c),{className:f,style:{...c.props.style,...ee},transform:be}))}}e.default=Y,V(Y,"displayName","Draggable"),V(Y,"propTypes",{...p.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),V(Y,"defaultProps",{...p.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Ft);const{default:pr,DraggableCore:Di}=Ft;Ue.exports=pr,Ue.exports.default=pr,Ue.exports.DraggableCore=Di;var Oi=Ue.exports,vt={};vt.__esModule=!0,vt.cloneElement=zi;var Ti=Ri(W);function Ri(e){return e&&e.__esModule?e:{default:e}}function mr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function br(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?mr(Object(r),!0).forEach(function(n){Pi(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):mr(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Pi(e,t,r){return t=ji(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ji(e){var t=Mi(e,"string");return typeof t=="symbol"?t:String(t)}function Mi(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function zi(e,t){return t.style&&e.props.style&&(t.style=br(br({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Ti.default.cloneElement(e,t)}var Ie={};Ie.__esModule=!0,Ie.resizableProps=void 0;var C=Vi(Xe);function Vi(e){return e&&e.__esModule?e:{default:e}}var Ai={axis:C.default.oneOf(["both","x","y","none"]),className:C.default.string,children:C.default.element.isRequired,draggableOpts:C.default.shape({allowAnyClick:C.default.bool,cancel:C.default.string,children:C.default.node,disabled:C.default.bool,enableUserSelectHack:C.default.bool,offsetParent:C.default.node,grid:C.default.arrayOf(C.default.number),handle:C.default.string,nodeRef:C.default.object,onStart:C.default.func,onDrag:C.default.func,onStop:C.default.func,onMouseDown:C.default.func,scale:C.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var o=r[0];if(o.axis==="both"||o.axis==="y"){var a;return(a=C.default.number).isRequired.apply(a,r)}return C.default.number.apply(C.default,r)},handle:C.default.oneOfType([C.default.node,C.default.func]),handleSize:C.default.arrayOf(C.default.number),lockAspectRatio:C.default.bool,maxConstraints:C.default.arrayOf(C.default.number),minConstraints:C.default.arrayOf(C.default.number),onResizeStop:C.default.func,onResizeStart:C.default.func,onResize:C.default.func,resizeHandles:C.default.arrayOf(C.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:C.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var o=r[0];if(o.axis==="both"||o.axis==="x"){var a;return(a=C.default.number).isRequired.apply(a,r)}return C.default.number.apply(C.default,r)}};Ie.resizableProps=Ai,Ve.__esModule=!0,Ve.default=void 0;var $e=Wi(W),Ii=Oi,$i=vt,Hi=Ie,Li=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function hr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(hr=function(o){return o?r:t})(e)}function Wi(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=hr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function xt(){return xt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xt.apply(this,arguments)}function Yi(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,a;for(a=0;a<n.length;a++)o=n[a],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function gr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function wt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?gr(Object(r),!0).forEach(function(n){qi(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):gr(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qi(e,t,r){return t=Fi(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Fi(e){var t=Ui(e,"string");return typeof t=="symbol"?t:String(t)}function Ui(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Bi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Nt(e,t)}function Nt(e,t){return Nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Nt(e,t)}var Et=function(e){Bi(t,e);function t(){for(var n,o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return n=e.call.apply(e,[this].concat(a))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(o,a){var s=this.props,u=s.minConstraints,p=s.maxConstraints,m=s.lockAspectRatio;if(!u&&!p&&!m)return[o,a];if(m){var b=this.props.width/this.props.height,w=o-this.props.width,O=a-this.props.height;Math.abs(w)>Math.abs(O*b)?a=o/b:o=a*b}var E=o,V=a,A=this.slack||[0,0],X=A[0],Y=A[1];return o+=X,a+=Y,u&&(o=Math.max(u[0],o),a=Math.max(u[1],a)),p&&(o=Math.min(p[0],o),a=Math.min(p[1],a)),this.slack=[X+(E-o),Y+(V-a)],[o,a]},r.resizeHandler=function(o,a){var s=this;return function(u,p){var m=p.node,b=p.deltaX,w=p.deltaY;o==="onResizeStart"&&s.resetData();var O=(s.props.axis==="both"||s.props.axis==="x")&&a!=="n"&&a!=="s",E=(s.props.axis==="both"||s.props.axis==="y")&&a!=="e"&&a!=="w";if(!(!O&&!E)){var V=a[0],A=a[a.length-1],X=m.getBoundingClientRect();if(s.lastHandleRect!=null){if(A==="w"){var Y=X.left-s.lastHandleRect.left;b+=Y}if(V==="n"){var y=X.top-s.lastHandleRect.top;w+=y}}s.lastHandleRect=X,A==="w"&&(b=-b),V==="n"&&(w=-w);var x=s.props.width+(O?b/s.props.transformScale:0),N=s.props.height+(E?w/s.props.transformScale:0),c=s.runConstraints(x,N);x=c[0],N=c[1];var B=x!==s.props.width||N!==s.props.height,R=typeof s.props[o]=="function"?s.props[o]:null,re=o==="onResize"&&!B;R&&!re&&(u.persist==null||u.persist(),R(u,{node:m,size:{width:x,height:N},handle:a})),o==="onResizeStop"&&s.resetData()}}},r.renderResizeHandle=function(o,a){var s=this.props.handle;if(!s)return $e.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+o,ref:a});if(typeof s=="function")return s(o,a);var u=typeof s.type=="string",p=wt({ref:a},u?{}:{handleAxis:o});return $e.cloneElement(s,p)},r.render=function(){var o=this,a=this.props,s=a.children,u=a.className,p=a.draggableOpts;a.width,a.height,a.handle,a.handleSize,a.lockAspectRatio,a.axis,a.minConstraints,a.maxConstraints,a.onResize,a.onResizeStop,a.onResizeStart;var m=a.resizeHandles;a.transformScale;var b=Yi(a,Li);return(0,$i.cloneElement)(s,wt(wt({},b),{},{className:(u?u+" ":"")+"react-resizable",children:[].concat(s.props.children,m.map(function(w){var O,E=(O=o.handleRefs[w])!=null?O:o.handleRefs[w]=$e.createRef();return $e.createElement(Ii.DraggableCore,xt({},p,{nodeRef:E,key:"resizableHandle-"+w,onStop:o.resizeHandler("onResizeStop",w),onStart:o.resizeHandler("onResizeStart",w),onDrag:o.resizeHandler("onResize",w)}),o.renderResizeHandle(w,E))}))}))},t}($e.Component);Ve.default=Et,Et.propTypes=Hi.resizableProps,Et.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Qe={};Qe.__esModule=!0,Qe.default=void 0;var St=Zi(W),Xi=yr(Xe),Gi=yr(Ve),Ki=Ie,Ji=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function yr(e){return e&&e.__esModule?e:{default:e}}function vr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(vr=function(o){return o?r:t})(e)}function Zi(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=vr(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if(a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(n,a,s):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function kt(){return kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},kt.apply(this,arguments)}function xr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function et(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?xr(Object(r),!0).forEach(function(n){Qi(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xr(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Qi(e,t,r){return t=eo(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function eo(e){var t=to(e,"string");return typeof t=="symbol"?t:String(t)}function to(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ro(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,a;for(a=0;a<n.length;a++)o=n[a],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function no(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Ct(e,t)}function Ct(e,t){return Ct=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Ct(e,t)}var wr=function(e){no(t,e);function t(){for(var n,o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return n=e.call.apply(e,[this].concat(a))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(u,p){var m=p.size;n.props.onResize?(u.persist==null||u.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(u,p)})):n.setState(m)},n}t.getDerivedStateFromProps=function(o,a){return a.propsWidth!==o.width||a.propsHeight!==o.height?{width:o.width,height:o.height,propsWidth:o.width,propsHeight:o.height}:null};var r=t.prototype;return r.render=function(){var o=this.props,a=o.handle,s=o.handleSize;o.onResize;var u=o.onResizeStart,p=o.onResizeStop,m=o.draggableOpts,b=o.minConstraints,w=o.maxConstraints,O=o.lockAspectRatio,E=o.axis;o.width,o.height;var V=o.resizeHandles,A=o.style,X=o.transformScale,Y=ro(o,Ji);return St.createElement(Gi.default,{axis:E,draggableOpts:m,handle:a,handleSize:s,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:b,onResizeStart:u,onResize:this.onResize,onResizeStop:p,resizeHandles:V,transformScale:X,width:this.state.width},St.createElement("div",kt({},Y,{style:et(et({},A),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(St.Component);Qe.default=wr,wr.propTypes=et(et({},Ki.resizableProps),{},{children:Xi.default.element}),it.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},it.exports.Resizable=Ve.default;var io=it.exports.ResizableBox=Qe.default;const oo=e=>{const{editor:t}=Se.useCurrentEditor();if(!t)return null;const{node:r,updateAttributes:n}=e,[o,a]=W.useState({width:r.attrs.width||300,height:r.attrs.height||300}),[s,u]=W.useState({left:r.attrs.marginLeft||0,right:r.attrs.marginRight||0}),[p,m]=W.useState(r.attrs.src||""),b=W.useRef(null);W.useEffect(()=>{if(r.attrs.src&&b.current){const E=new Image;E.onload=()=>{(!r.attrs.width||!r.attrs.height)&&a({width:E.width>600?600:E.width,height:E.width>600?600/E.width*E.height:E.height})},E.src=r.attrs.src}},[r.attrs.src]);const w=(E,{size:V})=>{a({width:V.width,height:V.height}),n({width:V.width,height:V.height})},O=()=>{n({src:p,width:o.width,height:o.height,marginLeft:s.left,marginRight:s.right})};return l.jsxDEV(Se.NodeViewWrapper,{className:"image-wrapper",children:l.jsxDEV(qt,{title:"Image",childrenContent:l.jsxDEV("div",{className:"relative",style:{marginLeft:s.left,marginRight:s.right},children:t.isEditable?l.jsxDEV(io,{width:o.width,height:o.height,onResize:w,minConstraints:[100,100],maxConstraints:[800,800],lockAspectRatio:!0,className:"relative",children:l.jsxDEV("img",{ref:b,src:r.attrs.src,alt:"Uploaded",className:"object-contain w-full h-full",draggable:!1},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:87,columnNumber:33},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:78,columnNumber:29},void 0):l.jsxDEV("img",{ref:b,src:r.attrs.src,alt:"Uploaded",style:{width:o.width,height:o.height},className:"object-contain",draggable:!1},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:96,columnNumber:29},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:70,columnNumber:21},void 0),editable:t.isEditable,childrenEdit:l.jsxDEV("div",{className:"space-y-4",children:[l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Image URL"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:114,columnNumber:29},void 0),l.jsxDEV("input",{type:"text",value:p,onChange:E=>m(E.target.value),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:115,columnNumber:29},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:113,columnNumber:25},void 0),l.jsxDEV("div",{className:"flex gap-2",children:[l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Width"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:125,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:o.width,onChange:E=>a({...o,width:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:126,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:124,columnNumber:29},void 0),l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Height"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:134,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:o.height,onChange:E=>a({...o,height:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:135,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:133,columnNumber:29},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:123,columnNumber:25},void 0),l.jsxDEV("div",{className:"flex gap-2",children:[l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Margin Left"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:146,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:s.left,onChange:E=>u({...s,left:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:147,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:145,columnNumber:29},void 0),l.jsxDEV("div",{children:[l.jsxDEV("label",{className:"block text-sm font-medium",children:"Margin Right"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:155,columnNumber:33},void 0),l.jsxDEV("input",{type:"number",value:s.right,onChange:E=>u({...s,right:Number(E.target.value)}),className:"w-full p-2 border rounded"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:156,columnNumber:33},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:154,columnNumber:29},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:144,columnNumber:25},void 0),l.jsxDEV("button",{onClick:O,className:"w-full p-2 text-white bg-blue-500 rounded hover:bg-blue-600",children:"Update Image"},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:165,columnNumber:25},void 0)]},void 0,!0,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:112,columnNumber:21},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:67,columnNumber:13},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",lineNumber:66,columnNumber:9},void 0)},ao=We.Node.create({name:"image",group:"block",content:"inline*",atom:!0,draggable:!0,selectable:!0,addAttributes(){return{src:{default:null},width:{default:300},height:{default:300}}},parseHTML(){return[{tag:"image"}]},renderHTML({HTMLAttributes:e}){return["image",We.mergeAttributes(e)]},addNodeView(){return Se.ReactNodeViewRenderer(oo)},addCommands(){return{setImage:e=>({chain:t})=>t().insertContent({type:"image",attrs:e}).run()}}}),so=[zr.Color.configure({types:[jt.name,Mr.name]}),jt,Ar.configure({multicolor:!0}),Vr.configure({bulletList:{keepMarks:!0,keepAttributes:!1},orderedList:{keepMarks:!0,keepAttributes:!1}}),An,Ir,$r,Hr,Lr.configure({types:["heading","paragraph"]}),Wr,Yr,qr.configure({resizable:!0,lastColumnResizable:!0,allowTableNodeSelection:!0,HTMLAttributes:{class:"table-wrapper"}}),Fr,Ur,Br.configure({HTMLAttributes:{class:"table-cell"}}),Xr,ao],lo=({content:e="",slotBefore:t=!1,className:r="",editorClassName:n="",editable:o=!0,onChange:a})=>{const s=W.useMemo(()=>so,[]),u=({editor:p})=>{a&&a(p.getHTML())};return l.jsxDEV("div",{className:`cyber-editor-container ${r}`,children:l.jsxDEV(Se.EditorProvider,{slotBefore:t===!0?l.jsxDEV(zn,{},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",lineNumber:27,columnNumber:51},void 0):null,extensions:s,content:e,editable:o,onUpdate:u,editorContainerProps:{className:`${n}`}},e,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",lineNumber:25,columnNumber:13},void 0)},void 0,!1,{fileName:"E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",lineNumber:24,columnNumber:9},void 0)};G.CyberEditorProvider=lo,Object.defineProperty(G,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cyberskill/cyber-editor",
-    "version": "2.0.2",
+    "version": "2.0.4",
     "description": "A reusable rich text editor with Tiptap, Antd, and TailwindCSS.",
     "main": "dist/cyber-editor.umd.js",
     "module": "dist/cyber-editor.es.js",