import{g as It,G as an,r as g,$ as b,H as sn,W as un,d as S,j as N,o as dt}from"./index-Dw-TpOfD.js";function $(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw Error("[Immer] minified error nr: "+e+(n.length?" "+n.map(function(o){return"'"+o+"'"}).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function V(e){return!!e&&!!e[O]}function H(e){var t;return!!e&&(function(n){if(!n||typeof n!="object")return!1;var r=Object.getPrototypeOf(n);if(r===null)return!0;var o=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return o===Object||typeof o=="function"&&Function.toString.call(o)===yn}(e)||Array.isArray(e)||!!e[ae]||!!(!((t=e.constructor)===null||t===void 0)&&t[ae])||Oe(e)||we(e))}function Y(e,t,n){n===void 0&&(n=!1),B(e)===0?(n?Object.keys:et)(e).forEach(function(r){n&&typeof r=="symbol"||t(r,e[r],e)}):e.forEach(function(r,o){return t(o,r,e)})}function B(e){var t=e[O];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:Oe(e)?2:we(e)?3:0}function se(e,t){return B(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function he(e,t){return B(e)===2?e.get(t):e[t]}function Tt(e,t,n){var r=B(e);r===2?e.set(t,n):r===3?e.add(n):e[t]=n}function cn(e,t){return e===t?e!==0||1/e==1/t:e!=e&&t!=t}function Oe(e){return vn&&e instanceof Map}function we(e){return gn&&e instanceof Set}function D(e){return e.o||e.t}function Ke(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=mn(e);delete t[O];for(var n=et(t),r=0;r<n.length;r++){var o=n[r],a=t[o];a.writable===!1&&(a.writable=!0,a.configurable=!0),(a.get||a.set)&&(t[o]={configurable:!0,writable:!0,enumerable:a.enumerable,value:e[o]})}return Object.create(Object.getPrototypeOf(e),t)}function Xe(e,t){return t===void 0&&(t=!1),Je(e)||V(e)||!H(e)||(B(e)>1&&(e.set=e.add=e.clear=e.delete=dn),Object.freeze(e),t&&Y(e,function(n,r){return Xe(r,!0)},!0)),e}function dn(){$(2)}function Je(e){return e==null||typeof e!="object"||Object.isFrozen(e)}function L(e){var t=Ae[e];return t||$(18,e),t}function Dt(e,t){Ae[e]||(Ae[e]=t)}function ve(){return ce}function xe(e,t){t&&(L("Patches"),e.u=[],e.s=[],e.v=t)}function ge(e){$e(e),e.p.forEach(ln),e.p=null}function $e(e){e===ce&&(ce=e.l)}function lt(e){return ce={p:[],l:ce,h:e,m:!0,_:0}}function ln(e){var t=e[O];t.i===0||t.i===1?t.j():t.g=!0}function Ce(e,t){t._=t.p.length;var n=t.p[0],r=e!==void 0&&e!==n;return t.h.O||L("ES5").S(t,e,r),r?(n[O].P&&(ge(t),$(4)),H(e)&&(e=ye(t,e),t.l||me(t,e)),t.u&&L("Patches").M(n[O].t,e,t.u,t.s)):e=ye(t,n,[]),ge(t),t.u&&t.v(t.u,t.s),e!==Ze?e:void 0}function ye(e,t,n){if(Je(t))return t;var r=t[O];if(!r)return Y(t,function(i,d){return ft(e,r,t,i,d,n)},!0),t;if(r.A!==e)return t;if(!r.P)return me(e,r.t,!0),r.t;if(!r.I){r.I=!0,r.A._--;var o=r.i===4||r.i===5?r.o=Ke(r.k):r.o,a=o,s=!1;r.i===3&&(a=new Set(o),o.clear(),s=!0),Y(a,function(i,d){return ft(e,r,o,i,d,n,s)}),me(e,o,!1),n&&e.u&&L("Patches").N(r,n,e.u,e.s)}return r.o}function ft(e,t,n,r,o,a,s){if(V(o)){var i=ye(e,o,a&&t&&t.i!==3&&!se(t.R,r)?a.concat(r):void 0);if(Tt(n,r,i),!V(i))return;e.m=!1}else s&&n.add(o);if(H(o)&&!Je(o)){if(!e.h.D&&e._<1)return;ye(e,o),t&&t.A.l||me(e,o)}}function me(e,t,n){n===void 0&&(n=!1),!e.l&&e.h.D&&e.m&&Xe(t,n)}function Re(e,t){var n=e[O];return(n?D(n):e)[t]}function pt(e,t){if(t in e)for(var n=Object.getPrototypeOf(e);n;){var r=Object.getOwnPropertyDescriptor(n,t);if(r)return r;n=Object.getPrototypeOf(n)}}function q(e){e.P||(e.P=!0,e.l&&q(e.l))}function Ie(e){e.o||(e.o=Ke(e.t))}function ue(e,t,n){var r=Oe(t)?L("MapSet").F(t,n):we(t)?L("MapSet").T(t,n):e.O?function(o,a){var s=Array.isArray(o),i={i:s?1:0,A:a?a.A:ve(),P:!1,I:!1,R:{},l:a,t:o,k:null,o:null,j:null,C:!1},d=i,u=Me;s&&(d=[i],u=oe);var c=Proxy.revocable(d,u),l=c.revoke,p=c.proxy;return i.k=p,i.j=l,p}(t,n):L("ES5").J(t,n);return(n?n.A:ve()).p.push(r),r}function fn(e){return V(e)||$(22,e),function t(n){if(!H(n))return n;var r,o=n[O],a=B(n);if(o){if(!o.P&&(o.i<4||!L("ES5").K(o)))return o.t;o.I=!0,r=ht(n,a),o.I=!1}else r=ht(n,a);return Y(r,function(s,i){o&&he(o.t,s)===i||Tt(r,s,t(i))}),a===3?new Set(r):r}(e)}function ht(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return Ke(e)}function pn(){function e(r){if(!H(r))return r;if(Array.isArray(r))return r.map(e);if(Oe(r))return new Map(Array.from(r.entries()).map(function(s){return[s[0],e(s[1])]}));if(we(r))return new Set(Array.from(r).map(e));var o=Object.create(Object.getPrototypeOf(r));for(var a in r)o[a]=e(r[a]);return se(r,ae)&&(o[ae]=r[ae]),o}function t(r){return V(r)?e(r):r}var n="add";Dt("Patches",{$:function(r,o){return o.forEach(function(a){for(var s=a.path,i=a.op,d=r,u=0;u<s.length-1;u++){var c=B(d),l=s[u];typeof l!="string"&&typeof l!="number"&&(l=""+l),c!==0&&c!==1||l!=="__proto__"&&l!=="constructor"||$(24),typeof d=="function"&&l==="prototype"&&$(24),typeof(d=he(d,l))!="object"&&$(15,s.join("/"))}var p=B(d),f=e(a.value),h=s[s.length-1];switch(i){case"replace":switch(p){case 2:return d.set(h,f);case 3:$(16);default:return d[h]=f}case n:switch(p){case 1:return h==="-"?d.push(f):d.splice(h,0,f);case 2:return d.set(h,f);case 3:return d.add(f);default:return d[h]=f}case"remove":switch(p){case 1:return d.splice(h,1);case 2:return d.delete(h);case 3:return d.delete(a.value);default:return delete d[h]}default:$(17,i)}}),r},N:function(r,o,a,s){switch(r.i){case 0:case 4:case 2:return function(i,d,u,c){var l=i.t,p=i.o;Y(i.R,function(f,h){var v=he(l,f),y=he(p,f),E=h?se(l,f)?"replace":n:"remove";if(v!==y||E!=="replace"){var m=d.concat(f);u.push(E==="remove"?{op:E,path:m}:{op:E,path:m,value:y}),c.push(E===n?{op:"remove",path:m}:E==="remove"?{op:n,path:m,value:t(v)}:{op:"replace",path:m,value:t(v)})}})}(r,o,a,s);case 5:case 1:return function(i,d,u,c){var l=i.t,p=i.R,f=i.o;if(f.length<l.length){var h=[f,l];l=h[0],f=h[1];var v=[c,u];u=v[0],c=v[1]}for(var y=0;y<l.length;y++)if(p[y]&&f[y]!==l[y]){var E=d.concat([y]);u.push({op:"replace",path:E,value:t(f[y])}),c.push({op:"replace",path:E,value:t(l[y])})}for(var m=l.length;m<f.length;m++){var P=d.concat([m]);u.push({op:n,path:P,value:t(f[m])})}l.length<f.length&&c.push({op:"replace",path:d.concat(["length"]),value:l.length})}(r,o,a,s);case 3:return function(i,d,u,c){var l=i.t,p=i.o,f=0;l.forEach(function(h){if(!p.has(h)){var v=d.concat([f]);u.push({op:"remove",path:v,value:h}),c.unshift({op:n,path:v,value:h})}f++}),f=0,p.forEach(function(h){if(!l.has(h)){var v=d.concat([f]);u.push({op:n,path:v,value:h}),c.unshift({op:"remove",path:v,value:h})}f++})}(r,o,a,s)}},M:function(r,o,a,s){a.push({op:"replace",path:[],value:o===Ze?void 0:o}),s.push({op:"replace",path:[],value:r})}})}function hn(){function e(i,d){function u(){this.constructor=i}o(i,d),i.prototype=(u.prototype=d.prototype,new u)}function t(i){i.o||(i.R=new Map,i.o=new Map(i.t))}function n(i){i.o||(i.o=new Set,i.t.forEach(function(d){if(H(d)){var u=ue(i.A.h,d,i);i.p.set(d,u),i.o.add(u)}else i.o.add(d)}))}function r(i){i.g&&$(3,JSON.stringify(D(i)))}var o=function(i,d){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(u,c){u.__proto__=c}||function(u,c){for(var l in c)c.hasOwnProperty(l)&&(u[l]=c[l])})(i,d)},a=function(){function i(u,c){return this[O]={i:2,l:c,A:c?c.A:ve(),P:!1,I:!1,o:void 0,R:void 0,t:u,k:this,C:!1,g:!1},this}e(i,Map);var d=i.prototype;return Object.defineProperty(d,"size",{get:function(){return D(this[O]).size}}),d.has=function(u){return D(this[O]).has(u)},d.set=function(u,c){var l=this[O];return r(l),D(l).has(u)&&D(l).get(u)===c||(t(l),q(l),l.R.set(u,!0),l.o.set(u,c),l.R.set(u,!0)),this},d.delete=function(u){if(!this.has(u))return!1;var c=this[O];return r(c),t(c),q(c),c.t.has(u)?c.R.set(u,!1):c.R.delete(u),c.o.delete(u),!0},d.clear=function(){var u=this[O];r(u),D(u).size&&(t(u),q(u),u.R=new Map,Y(u.t,function(c){u.R.set(c,!1)}),u.o.clear())},d.forEach=function(u,c){var l=this;D(this[O]).forEach(function(p,f){u.call(c,l.get(f),f,l)})},d.get=function(u){var c=this[O];r(c);var l=D(c).get(u);if(c.I||!H(l)||l!==c.t.get(u))return l;var p=ue(c.A.h,l,c);return t(c),c.o.set(u,p),p},d.keys=function(){return D(this[O]).keys()},d.values=function(){var u,c=this,l=this.keys();return(u={})[fe]=function(){return c.values()},u.next=function(){var p=l.next();return p.done?p:{done:!1,value:c.get(p.value)}},u},d.entries=function(){var u,c=this,l=this.keys();return(u={})[fe]=function(){return c.entries()},u.next=function(){var p=l.next();if(p.done)return p;var f=c.get(p.value);return{done:!1,value:[p.value,f]}},u},d[fe]=function(){return this.entries()},i}(),s=function(){function i(u,c){return this[O]={i:3,l:c,A:c?c.A:ve(),P:!1,I:!1,o:void 0,t:u,k:this,p:new Map,g:!1,C:!1},this}e(i,Set);var d=i.prototype;return Object.defineProperty(d,"size",{get:function(){return D(this[O]).size}}),d.has=function(u){var c=this[O];return r(c),c.o?!!c.o.has(u)||!(!c.p.has(u)||!c.o.has(c.p.get(u))):c.t.has(u)},d.add=function(u){var c=this[O];return r(c),this.has(u)||(n(c),q(c),c.o.add(u)),this},d.delete=function(u){if(!this.has(u))return!1;var c=this[O];return r(c),n(c),q(c),c.o.delete(u)||!!c.p.has(u)&&c.o.delete(c.p.get(u))},d.clear=function(){var u=this[O];r(u),D(u).size&&(n(u),q(u),u.o.clear())},d.values=function(){var u=this[O];return r(u),n(u),u.o.values()},d.entries=function(){var u=this[O];return r(u),n(u),u.o.entries()},d.keys=function(){return this.values()},d[fe]=function(){return this.values()},d.forEach=function(u,c){for(var l=this.values(),p=l.next();!p.done;)u.call(c,p.value,p.value,this),p=l.next()},i}();Dt("MapSet",{F:function(i,d){return new a(i,d)},T:function(i,d){return new s(i,d)}})}var vt,ce,Qe=typeof Symbol<"u"&&typeof Symbol("x")=="symbol",vn=typeof Map<"u",gn=typeof Set<"u",gt=typeof Proxy<"u"&&Proxy.revocable!==void 0&&typeof Reflect<"u",Ze=Qe?Symbol.for("immer-nothing"):((vt={})["immer-nothing"]=!0,vt),ae=Qe?Symbol.for("immer-draftable"):"__$immer_draftable",O=Qe?Symbol.for("immer-state"):"__$immer_state",fe=typeof Symbol<"u"&&Symbol.iterator||"@@iterator",yn=""+Object.prototype.constructor,et=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Object.getOwnPropertySymbols!==void 0?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,mn=Object.getOwnPropertyDescriptors||function(e){var t={};return et(e).forEach(function(n){t[n]=Object.getOwnPropertyDescriptor(e,n)}),t},Ae={},Me={get:function(e,t){if(t===O)return e;var n=D(e);if(!se(n,t))return function(o,a,s){var i,d=pt(a,s);return d?"value"in d?d.value:(i=d.get)===null||i===void 0?void 0:i.call(o.k):void 0}(e,n,t);var r=n[t];return e.I||!H(r)?r:r===Re(e.t,t)?(Ie(e),e.o[t]=ue(e.A.h,r,e)):r},has:function(e,t){return t in D(e)},ownKeys:function(e){return Reflect.ownKeys(D(e))},set:function(e,t,n){var r=pt(D(e),t);if(r!=null&&r.set)return r.set.call(e.k,n),!0;if(!e.P){var o=Re(D(e),t),a=o==null?void 0:o[O];if(a&&a.t===n)return e.o[t]=n,e.R[t]=!1,!0;if(cn(n,o)&&(n!==void 0||se(e.t,t)))return!0;Ie(e),q(e)}return e.o[t]===n&&(n!==void 0||t in e.o)||Number.isNaN(n)&&Number.isNaN(e.o[t])||(e.o[t]=n,e.R[t]=!0),!0},deleteProperty:function(e,t){return Re(e.t,t)!==void 0||t in e.t?(e.R[t]=!1,Ie(e),q(e)):delete e.R[t],e.o&&delete e.o[t],!0},getOwnPropertyDescriptor:function(e,t){var n=D(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r&&{writable:!0,configurable:e.i!==1||t!=="length",enumerable:r.enumerable,value:n[t]}},defineProperty:function(){$(11)},getPrototypeOf:function(e){return Object.getPrototypeOf(e.t)},setPrototypeOf:function(){$(12)}},oe={};Y(Me,function(e,t){oe[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}}),oe.deleteProperty=function(e,t){return oe.set.call(this,e,t,void 0)},oe.set=function(e,t,n){return Me.set.call(this,e[0],t,n,e[0])};var bn=function(){function e(n){var r=this;this.O=gt,this.D=!0,this.produce=function(o,a,s){if(typeof o=="function"&&typeof a!="function"){var i=a;a=o;var d=r;return function(v){var y=this;v===void 0&&(v=i);for(var E=arguments.length,m=Array(E>1?E-1:0),P=1;P<E;P++)m[P-1]=arguments[P];return d.produce(v,function(w){var R;return(R=a).call.apply(R,[y,w].concat(m))})}}var u;if(typeof a!="function"&&$(6),s!==void 0&&typeof s!="function"&&$(7),H(o)){var c=lt(r),l=ue(r,o,void 0),p=!0;try{u=a(l),p=!1}finally{p?ge(c):$e(c)}return typeof Promise<"u"&&u instanceof Promise?u.then(function(v){return xe(c,s),Ce(v,c)},function(v){throw ge(c),v}):(xe(c,s),Ce(u,c))}if(!o||typeof o!="object"){if((u=a(o))===void 0&&(u=o),u===Ze&&(u=void 0),r.D&&Xe(u,!0),s){var f=[],h=[];L("Patches").M(o,u,f,h),s(f,h)}return u}$(21,o)},this.produceWithPatches=function(o,a){if(typeof o=="function")return function(u){for(var c=arguments.length,l=Array(c>1?c-1:0),p=1;p<c;p++)l[p-1]=arguments[p];return r.produceWithPatches(u,function(f){return o.apply(void 0,[f].concat(l))})};var s,i,d=r.produce(o,a,function(u,c){s=u,i=c});return typeof Promise<"u"&&d instanceof Promise?d.then(function(u){return[u,s,i]}):[d,s,i]},typeof(n==null?void 0:n.useProxies)=="boolean"&&this.setUseProxies(n.useProxies),typeof(n==null?void 0:n.autoFreeze)=="boolean"&&this.setAutoFreeze(n.autoFreeze)}var t=e.prototype;return t.createDraft=function(n){H(n)||$(8),V(n)&&(n=fn(n));var r=lt(this),o=ue(this,n,void 0);return o[O].C=!0,$e(r),o},t.finishDraft=function(n,r){var o=n&&n[O],a=o.A;return xe(a,r),Ce(void 0,a)},t.setAutoFreeze=function(n){this.D=n},t.setUseProxies=function(n){n&&!gt&&$(20),this.O=n},t.applyPatches=function(n,r){var o;for(o=r.length-1;o>=0;o--){var a=r[o];if(a.path.length===0&&a.op==="replace"){n=a.value;break}}o>-1&&(r=r.slice(o+1));var s=L("Patches").$;return V(n)?s(n,r):this.produce(n,function(i){return s(i,r)})},e}(),M=new bn,En=M.produce,yt=M.produceWithPatches.bind(M);M.setAutoFreeze.bind(M);M.setUseProxies.bind(M);var mt=M.applyPatches.bind(M);M.createDraft.bind(M);M.finishDraft.bind(M);var On=an;function wn(e,t,n){n=typeof n=="function"?n:void 0;var r=n?n(e,t):void 0;return r===void 0?On(e,t,void 0,n):!!r}var Nn=wn;const jn=It(Nn);var Pn=function(t,n,r,o){var a=r?r.call(o,t,n):void 0;if(a!==void 0)return!!a;if(t===n)return!0;if(typeof t!="object"||!t||typeof n!="object"||!n)return!1;var s=Object.keys(t),i=Object.keys(n);if(s.length!==i.length)return!1;for(var d=Object.prototype.hasOwnProperty.bind(n),u=0;u<s.length;u++){var c=s[u];if(!d(c))return!1;var l=t[c],p=n[c];if(a=r?r.call(o,l,p,c):void 0,a===!1||a===void 0&&l!==p)return!1}return!0};const Sn=It(Pn);let kn=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((t,n)=>(n&=63,n<36?t+=n.toString(36):n<62?t+=(n-26).toString(36).toUpperCase():n>62?t+="-":t+="_",t),"");var xn="Invariant failed";function j(e,t){if(!e)throw new Error(xn)}var z="ROOT",$t="canvas-ROOT",Cn="Attempting to add a node with duplicated id",Rn="Node cannot be dropped into target parent",In="Target parent rejects incoming node",Tn="Current parent rejects outgoing node",bt="Cannot move node that is not a direct child of a Canvas node",Dn="Cannot move node into a non-Canvas parent",Et="A top-level Node cannot be moved",$n="Cannot move node into a descendant",At="The component type specified for this node (%node_type%) does not exist in the resolver",An="The node has specified a canDrag() rule that prevents it from being dragged",Mn=`An Error occurred while deserializing components: Cannot find component <%displayName% /> in resolver map. Please check your resolver in <Editor />

Available components in resolver: %availableComponents%

More info: https://craft.js.org/r/docs/api/editor#props`;function Ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ot(Object(n),!0).forEach(function(r){T(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ot(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function ee(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function wt(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,qt(r.key),r)}}function te(e,t,n){return t&&wt(e.prototype,t),n&&wt(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function T(e,t,n){return(t=qt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Q(e){return Q=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Q(e)}function _e(e,t){return _e=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},_e(e,t)}function Te(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Le(){return Le=typeof Reflect<"u"&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(a,s){for(;!Object.prototype.hasOwnProperty.call(a,s)&&(a=Q(a))!==null;);return a}(e,t);if(r){var o=Object.getOwnPropertyDescriptor(r,t);return o.get?o.get.call(arguments.length<3?e:n):o.value}},Le.apply(this,arguments)}function Mt(e,t){return _t(e)||function(n,r){var o=n==null?null:typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"];if(o!=null){var a,s,i,d,u=[],c=!0,l=!1;try{if(i=(o=o.call(n)).next,r===0){if(Object(o)!==o)return;c=!1}else for(;!(c=(a=i.call(o)).done)&&(u.push(a.value),u.length!==r);c=!0);}catch(p){l=!0,s=p}finally{try{if(!c&&o.return!=null&&(d=o.return(),Object(d)!==d))return}finally{if(l)throw s}}return u}}(e,t)||tt(e,t)||Ht()}function A(e){return function(t){if(Array.isArray(t))return He(t)}(e)||Lt(e)||tt(e)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function _t(e){if(Array.isArray(e))return e}function Lt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function tt(e,t){if(e){if(typeof e=="string")return He(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?He(e,t):void 0}}function He(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ht(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function qt(e){var t=function(n,r){if(typeof n!="object"||n===null)return n;var o=n[Symbol.toPrimitive];if(o!==void 0){var a=o.call(n,"string");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(e);return typeof t=="symbol"?t:String(t)}var x={UNDO:"HISTORY_UNDO",REDO:"HISTORY_REDO",THROTTLE:"HISTORY_THROTTLE",IGNORE:"HISTORY_IGNORE",MERGE:"HISTORY_MERGE",CLEAR:"HISTORY_CLEAR"},_n=function(){function e(){ee(this,e),T(this,"timeline",[]),T(this,"pointer",-1)}return te(e,[{key:"add",value:function(t,n){t.length===0&&n.length===0||(this.pointer=this.pointer+1,this.timeline.length=this.pointer,this.timeline[this.pointer]={patches:t,inversePatches:n,timestamp:Date.now()})}},{key:"throttleAdd",value:function(t,n){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:500;if(t.length!==0||n.length!==0){if(this.timeline.length&&this.pointer>=0){var o=this.timeline[this.pointer],a=o.patches,s=o.inversePatches,i=o.timestamp;if(new Date().getTime()-i<r)return void(this.timeline[this.pointer]={timestamp:i,patches:[].concat(A(a),A(t)),inversePatches:[].concat(A(n),A(s))})}this.add(t,n)}}},{key:"merge",value:function(t,n){if(t.length!==0||n.length!==0)if(this.timeline.length&&this.pointer>=0){var r=this.timeline[this.pointer],o=r.inversePatches;this.timeline[this.pointer]={timestamp:r.timestamp,patches:[].concat(A(r.patches),A(t)),inversePatches:[].concat(A(n),A(o))}}else this.add(t,n)}},{key:"clear",value:function(){this.timeline=[],this.pointer=-1}},{key:"canUndo",value:function(){return this.pointer>=0}},{key:"canRedo",value:function(){return this.pointer<this.timeline.length-1}},{key:"undo",value:function(t){if(this.canUndo()){var n=this.timeline[this.pointer].inversePatches;return this.pointer=this.pointer-1,mt(t,n)}}},{key:"redo",value:function(t){if(this.canRedo())return this.pointer=this.pointer+1,mt(t,this.timeline[this.pointer].patches)}}]),e}();function Ln(e,t,n,r){var o,a=g.useMemo(function(){return new _n},[]),s=g.useRef([]),i=g.useRef();typeof e=="function"?o=e:(o=e.methods,s.current=e.ignoreHistoryForActions,i.current=e.normalizeHistory);var d=g.useRef(r);d.current=r;var u=g.useRef(t),c=g.useMemo(function(){var y=i.current,E=s.current,m=d.current;return function(P,w){var R,C=n&&Nt(n,function(){return P},a),U=Mt(yt(P,function(G){var J,ke;switch(w.type){case x.UNDO:return a.undo(G);case x.REDO:return a.redo(G);case x.CLEAR:return a.clear(),_({},G);case x.IGNORE:case x.MERGE:case x.THROTTLE:var ut,ct=_t(ke=w.payload)||Lt(ke)||tt(ke)||Ht(),rn=ct[0],on=ct.slice(1);(ut=o(G,C))[rn].apply(ut,A(on));break;default:(J=o(G,C))[w.type].apply(J,A(w.payload))}}),3),Se=U[0],X=U[1],re=U[2];return R=Se,m&&m(Se,P,{type:w.type,params:w.payload,patches:X},C,function(G){var J=yt(Se,G);R=J[0],X=[].concat(A(X),A(J[1])),re=[].concat(A(J[2]),A(re))}),[x.UNDO,x.REDO].includes(w.type)&&y&&(R=En(R,y)),[].concat(A(E),[x.UNDO,x.REDO,x.IGNORE,x.CLEAR]).includes(w.type)||(w.type===x.THROTTLE?a.throttleAdd(X,re,w.config&&w.config.rate):w.type===x.MERGE?a.merge(X,re):a.add(X,re)),R}},[a,o,n]),l=g.useCallback(function(){return u.current},[]),p=g.useMemo(function(){return new Hn(l)},[l]),f=g.useCallback(function(y){var E=c(u.current,y);u.current=E,p.notify()},[c,p]);g.useEffect(function(){p.notify()},[p]);var h=g.useMemo(function(){return n?Nt(n,function(){return u.current},a):[]},[a,n]),v=g.useMemo(function(){var y=Object.keys(o(null,null)),E=s.current;return _(_({},y.reduce(function(m,P){return m[P]=function(){for(var w=arguments.length,R=new Array(w),C=0;C<w;C++)R[C]=arguments[C];return f({type:P,payload:R})},m},{})),{},{history:{undo:function(){return f({type:x.UNDO})},redo:function(){return f({type:x.REDO})},clear:function(){return f({type:x.CLEAR})},throttle:function(m){return _({},y.filter(function(P){return!E.includes(P)}).reduce(function(P,w){return P[w]=function(){for(var R=arguments.length,C=new Array(R),U=0;U<R;U++)C[U]=arguments[U];return f({type:x.THROTTLE,payload:[w].concat(C),config:{rate:m}})},P},{}))},ignore:function(){return _({},y.filter(function(m){return!E.includes(m)}).reduce(function(m,P){return m[P]=function(){for(var w=arguments.length,R=new Array(w),C=0;C<w;C++)R[C]=arguments[C];return f({type:x.IGNORE,payload:[P].concat(R)})},m},{}))},merge:function(){return _({},y.filter(function(m){return!E.includes(m)}).reduce(function(m,P){return m[P]=function(){for(var w=arguments.length,R=new Array(w),C=0;C<w;C++)R[C]=arguments[C];return f({type:x.MERGE,payload:[P].concat(R)})},m},{}))}}})},[f,o]);return g.useMemo(function(){return{getState:l,subscribe:function(y,E,m){return p.subscribe(y,E,m)},actions:v,query:h,history:a}},[v,h,p,l,a])}function Nt(e,t,n){var r=Object.keys(e()).reduce(function(o,a){return _(_({},o),{},T({},a,function(){var s;return(s=e(t()))[a].apply(s,arguments)}))},{});return _(_({},r),{},{history:{canUndo:function(){return n.canUndo()},canRedo:function(){return n.canRedo()}}})}hn(),pn();var Hn=function(){function e(t){ee(this,e),T(this,"getState",void 0),T(this,"subscribers",[]),this.getState=t}return te(e,[{key:"subscribe",value:function(t,n,r){var o=this,a=new qn(function(){return t(o.getState())},n,r);return this.subscribers.push(a),this.unsubscribe.bind(this,a)}},{key:"unsubscribe",value:function(t){if(this.subscribers.length){var n=this.subscribers.indexOf(t);if(n>-1)return this.subscribers.splice(n,1)}}},{key:"notify",value:function(){this.subscribers.forEach(function(t){return t.collect()})}}]),e}(),qn=function(){function e(t,n){var r=arguments.length>2&&arguments[2]!==void 0&&arguments[2];ee(this,e),T(this,"collected",void 0),T(this,"collector",void 0),T(this,"onChange",void 0),T(this,"id",void 0),this.collector=t,this.onChange=n,r&&this.collect()}return te(e,[{key:"collect",value:function(){try{var t=this.collector();jn(t,this.collected)||(this.collected=t,this.onChange&&this.onChange(this.collected))}catch(n){console.warn(n)}}}]),e}(),de=function(e){var t=e.getBoundingClientRect(),n=t.x,r=t.y,o=t.top,a=t.left,s=t.bottom,i=t.right,d=t.width,u=t.height,c=window.getComputedStyle(e),l={left:parseInt(c.marginLeft),right:parseInt(c.marginRight),bottom:parseInt(c.marginBottom),top:parseInt(c.marginTop)},p={left:parseInt(c.paddingLeft),right:parseInt(c.paddingRight),bottom:parseInt(c.paddingBottom),top:parseInt(c.paddingTop)};return{x:n,y:r,top:o,left:a,bottom:s,right:i,width:d,height:u,outerWidth:Math.round(d+l.left+l.right),outerHeight:Math.round(u+l.top+l.bottom),margin:l,padding:p,inFlow:e.parentElement&&!!function(f){var h=getComputedStyle(f);if(!(c.overflow&&c.overflow!=="visible"||h.float!=="none"||h.display==="grid"||h.display==="flex"&&h["flex-direction"]!=="column")){switch(c.position){case"static":case"relative":break;default:return}switch(e.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(c.display){case"block":case"list-item":case"table":case"flex":case"grid":return!0}}}(e.parentElement)}};function Fn(e,t){const{subscribe:n,getState:r,actions:o,query:a}=e,s=g.useRef(!0),i=g.useRef(null),d=g.useRef(t);d.current=t;const u=g.useCallback(p=>({...p,actions:o,query:a}),[o,a]);s.current&&t&&(i.current=t(r(),a),s.current=!1);const[c,l]=g.useState(u(i.current));return g.useEffect(()=>{let p;return d.current&&(p=n(f=>d.current(f,a),f=>{l(u(f))})),()=>{p&&p()}},[u,a,n]),c}var Z,Ft=function(){return kn(arguments.length>0&&arguments[0]!==void 0?arguments[0]:10)},zn=function(){function e(){ee(this,e),T(this,"isEnabled",!0),T(this,"elementIdMap",new WeakMap),T(this,"registry",new Map)}return te(e,[{key:"getElementId",value:function(t){var n=this.elementIdMap.get(t);if(n)return n;var r=Ft();return this.elementIdMap.set(t,r),r}},{key:"getConnectorId",value:function(t,n){var r=this.getElementId(t);return"".concat(n,"--").concat(r)}},{key:"register",value:function(t,n){var r=this,o=this.getByElement(t,n.name);if(o){if(Sn(n.required,o.required))return o;this.getByElement(t,n.name).disable()}var a=null,s=this.getConnectorId(t,n.name);return this.registry.set(s,{id:s,required:n.required,enable:function(){a&&a(),a=n.connector(t,n.required,n.options)},disable:function(){a&&a()},remove:function(){return r.remove(s)}}),this.isEnabled&&this.registry.get(s).enable(),this.registry.get(s)}},{key:"get",value:function(t){return this.registry.get(t)}},{key:"remove",value:function(t){var n=this.get(t);n&&(n.disable(),this.registry.delete(n.id))}},{key:"enable",value:function(){this.isEnabled=!0,this.registry.forEach(function(t){t.enable()})}},{key:"disable",value:function(){this.isEnabled=!1,this.registry.forEach(function(t){t.disable()})}},{key:"getByElement",value:function(t,n){return this.get(this.getConnectorId(t,n))}},{key:"removeByElement",value:function(t,n){return this.remove(this.getConnectorId(t,n))}},{key:"clear",value:function(){this.disable(),this.elementIdMap=new WeakMap,this.registry=new Map}}]),e}();(function(e){e[e.HandlerDisabled=0]="HandlerDisabled",e[e.HandlerEnabled=1]="HandlerEnabled"})(Z||(Z={}));var zt=function(){function e(t){ee(this,e),T(this,"options",void 0),T(this,"registry",new zn),T(this,"subscribers",new Set),this.options=t}return te(e,[{key:"listen",value:function(t){var n=this;return this.subscribers.add(t),function(){return n.subscribers.delete(t)}}},{key:"disable",value:function(){this.onDisable&&this.onDisable(),this.registry.disable(),this.subscribers.forEach(function(t){t(Z.HandlerDisabled)})}},{key:"enable",value:function(){this.onEnable&&this.onEnable(),this.registry.enable(),this.subscribers.forEach(function(t){t(Z.HandlerEnabled)})}},{key:"cleanup",value:function(){this.disable(),this.subscribers.clear(),this.registry.clear()}},{key:"addCraftEventListener",value:function(t,n,r,o){var a=function(s){(function(i,d,u){i.craft||(i.craft={stopPropagation:function(){},blockedEvents:{}});for(var c=i.craft&&i.craft.blockedEvents[d]||[],l=0;l<c.length;l++){var p=c[l];if(u!==p&&u.contains(p))return!0}return!1})(s,n,t)||(s.craft.stopPropagation=function(){s.craft.blockedEvents[n]||(s.craft.blockedEvents[n]=[]),s.craft.blockedEvents[n].push(t)},r(s))};return t.addEventListener(n,a,o),function(){return t.removeEventListener(n,a,o)}}},{key:"createConnectorsUsage",value:function(){var t=this,n=this.handlers(),r=new Set,o=!1,a=new Map;return{connectors:Object.entries(n).reduce(function(s,i){var d=Mt(i,2),u=d[0],c=d[1];return _(_({},s),{},T({},u,function(l,p,f){var h=function(){var v=t.registry.register(l,{required:p,name:u,options:f,connector:c});return r.add(v.id),v};return a.set(t.registry.getConnectorId(l,u),h),o&&h(),l}))},{}),register:function(){o=!0,a.forEach(function(s){s()})},cleanup:function(){o=!1,r.forEach(function(s){return t.registry.remove(s)})}}}},{key:"derive",value:function(t,n){return new t(this,n)}},{key:"createProxyHandlers",value:function(t,n){var r=[],o=t.handlers(),a=new Proxy(o,{get:function(s,i,d){return i in o==0?Reflect.get(s,i,d):function(u){for(var c=arguments.length,l=new Array(c>1?c-1:0),p=1;p<c;p++)l[p-1]=arguments[p];var f=o[i].apply(o,[u].concat(l));f&&r.push(f)}}});return n(a),function(){r.forEach(function(s){s()})}}},{key:"reflect",value:function(t){return this.createProxyHandlers(this,t)}}]),e}(),Un=function(e){(function(a,s){if(typeof s!="function"&&s!==null)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(s&&s.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),Object.defineProperty(a,"prototype",{writable:!1}),s&&_e(a,s)})(o,zt);var t,n,r=(t=o,n=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}(),function(){var a,s=Q(t);if(n){var i=Q(this).constructor;a=Reflect.construct(s,arguments,i)}else a=s.apply(this,arguments);return function(d,u){if(u&&(typeof u=="object"||typeof u=="function"))return u;if(u!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return Te(d)}(this,a)});function o(a,s){var i;return ee(this,o),T(Te(i=r.call(this,s)),"derived",void 0),T(Te(i),"unsubscribeParentHandlerListener",void 0),i.derived=a,i.options=s,i.unsubscribeParentHandlerListener=i.derived.listen(function(d){switch(d){case Z.HandlerEnabled:return i.enable();case Z.HandlerDisabled:return i.disable();default:return}}),i}return te(o,[{key:"inherit",value:function(a){return this.createProxyHandlers(this.derived,a)}},{key:"cleanup",value:function(){Le(Q(o.prototype),"cleanup",this).call(this),this.unsubscribeParentHandlerListener()}}]),o}();function jt(e,t){t&&(typeof e=="function"?e(t):e.current=t)}function Bn(e,t){const n=e.ref;return j(typeof n!="string"),g.cloneElement(e,n?{ref:r=>{jt(n,r),jt(t,r)}}:{ref:t})}function Wn(e){return(t=null,...n)=>{if(!g.isValidElement(t)){if(!t)return;const o=t;return o&&e(o,...n),o}const r=t;return function(o){if(typeof o.type!="string")throw new Error}(r),Bn(r,e)}}function Ut(e){return Object.keys(e).reduce((t,n)=>(t[n]=Wn((...r)=>e[n](...r)),t),{})}const Gn=({style:e,parentDom:t})=>{const n=b.createElement("div",{style:{position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999,...e}});return t&&t.ownerDocument!==document?sn.createPortal(n,t.ownerDocument.body):n},Vn=e=>{g.useEffect(e,[])};var W=function(e,t){var n="Deprecation warning: ".concat(e," will be deprecated in future relases."),r=t.suggest,o=t.doc;r&&(n+=" Please use ".concat(r," instead.")),o&&(n+="(".concat(o,")")),console.warn(n)},Bt=function(){return typeof window<"u"},Yn=function(){return Bt()&&/Linux/i.test(window.navigator.userAgent)},Kn=function(){return Bt()&&/Chrome/i.test(window.navigator.userAgent)};const Wt=b.createContext(null),Gt=({id:e,related:t=!1,children:n})=>b.createElement(Wt.Provider,{value:{id:e,related:t}},n);function Pt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Pt(Object(n),!0).forEach(function(r){I(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pt(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function qe(e){return qe=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},qe(e)}function Ne(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function St(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Yt(r.key),r)}}function je(e,t,n){return t&&St(e.prototype,t),n&&St(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function I(e,t,n){return(t=Yt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function nt(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Fe(e,t)}function be(e){return be=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},be(e)}function Fe(e,t){return Fe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},Fe(e,t)}function rt(e,t){if(e==null)return{};var n,r,o=function(s,i){if(s==null)return{};var d,u,c={},l=Object.keys(s);for(u=0;u<l.length;u++)i.indexOf(d=l[u])>=0||(c[d]=s[d]);return c}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function ie(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ot(e){var t=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}();return function(){var n,r=be(e);if(t){var o=be(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(a,s){if(s&&(typeof s=="object"||typeof s=="function"))return s;if(s!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return ie(a)}(this,n)}}function le(e){return function(t){if(Array.isArray(t))return ze(t)}(e)||function(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}(e)||Vt(e)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Vt(e,t){if(e){if(typeof e=="string")return ze(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ze(e,t):void 0}}function ze(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Yt(e){var t=function(n,r){if(typeof n!="object"||n===null)return n;var o=n[Symbol.toPrimitive];if(o!==void 0){var a=o.call(n,"string");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(e);return typeof t=="symbol"?t:String(t)}const it=g.createContext(null);var Kt=g.createContext(null),Xt=function(){return g.useContext(Kt)};function K(e){var t=Xt(),n=g.useContext(it);j(n);var r=Fn(n,e),o=g.useMemo(function(){return t&&t.createConnectorsUsage()},[t]);g.useEffect(function(){return o.register(),function(){o.cleanup()}},[o]);var a=g.useMemo(function(){return o&&Ut(o.connectors)},[o]);return k(k({},r),{},{connectors:a,inContext:!!n,store:n})}var Xn=["actions","query","connectors"];function Pe(e){var t=g.useContext(Wt);j(t);var n=t.id,r=t.related,o=K(function(c){return n&&c.nodes[n]&&e&&e(c.nodes[n])}),a=o.actions,s=o.connectors,i=rt(o,Xn),d=g.useMemo(function(){return Ut({connect:function(c){return s.connect(c,n)},drag:function(c){return s.drag(c,n)}})},[s,n]),u=g.useMemo(function(){return{setProp:function(c,l){l?a.history.throttle(l).setProp(n,c):a.setProp(n,c)},setCustom:function(c,l){l?a.history.throttle(l).setCustom(n,c):a.setCustom(n,c)},setHidden:function(c){return a.setHidden(n,c)}}},[a,n]);return k(k({},i),{},{id:n,related:r,inNodeContext:!!t,actions:u,connectors:d})}var Jn=["id","related","actions","inNodeContext","connectors"];function Jt(e){var t=Pe(e),n=t.id,r=t.related,o=t.actions,a=t.inNodeContext,s=t.connectors;return k(k({},rt(t,Jn)),{},{actions:o,id:n,related:r,setProp:function(i,d){return W("useNode().setProp()",{suggest:"useNode().actions.setProp()"}),o.setProp(i,d)},inNodeContext:a,connectors:s})}const Qn=({render:e})=>{const{connectors:{connect:t,drag:n}}=Jt();return typeof e.type=="string"?t(n(b.cloneElement(e))):e},Zn=()=>{const{type:e,props:t,nodes:n,hydrationTimestamp:r}=Pe(o=>({type:o.data.type,props:o.data.props,nodes:o.data.nodes,hydrationTimestamp:o._hydrationTimestamp}));return g.useMemo(()=>{let o=t.children;n&&n.length>0&&(o=b.createElement(b.Fragment,null,n.map(s=>b.createElement(at,{id:s,key:s}))));const a=b.createElement(e,t,o);return typeof e=="string"?b.createElement(Qn,{render:a}):a},[e,t,r,n])},er=({render:e})=>{const{hidden:t}=Pe(r=>({hidden:r.data.hidden})),{onRender:n}=K(r=>({onRender:r.options.onRender}));return t?null:b.createElement(n,{render:e||b.createElement(Zn,null)})},at=({id:e,render:t})=>b.createElement(Gt,{id:e},b.createElement(er,{render:t})),Ue={is:"div",canvas:!1,custom:{},hidden:!1},tr={is:"type",canvas:"isCanvas"};function st({id:e,children:t,...n}){const{is:r}={...Ue,...n},{query:o,actions:a}=K(),{node:s,inNodeContext:i}=Pe(c=>({node:{id:c.id,data:c.data}})),[d,u]=g.useState(null);return Vn(()=>{j(!!e);const{id:c,data:l}=s;if(i){let p;const f=l.linkedNodes&&l.linkedNodes[e]&&o.node(l.linkedNodes[e]).get();if(f&&f.data.type===r)p=f.id;else{const h=b.createElement(st,n,t),v=o.parseReactElement(h).toNodeTree();p=v.rootNodeId,a.history.ignore().addLinkedNodeFromTree(v,c,e)}u(p)}}),d?b.createElement(at,{id:d}):null}const Qt=()=>W("<Canvas />",{suggest:"<Element canvas={true} />"});function Be({...e}){return g.useEffect(()=>Qt(),[]),b.createElement(st,{...e,canvas:!0})}const nr=()=>{const{timestamp:e}=K(t=>({timestamp:t.nodes[z]&&t.nodes[z]._hydrationTimestamp}));return e?b.createElement(at,{id:z,key:e}):null},Sr=({children:e,json:t,data:n})=>{const{actions:r,query:o}=K();t&&W("<Frame json={...} />",{suggest:"<Frame data={...} />"});const a=g.useRef({initialChildren:e,initialData:n||t}),s=g.useRef(!1);return g.useEffect(()=>{const{initialChildren:i,initialData:d}=a.current;if(d)return void r.history.ignore().deserialize(d);if(!i||s.current)return;const u=b.Children.only(i),c=o.parseReactElement(u).toNodeTree((l,p)=>(p===u&&(l.id=z),l));r.history.ignore().addNodeTree(c),s.current=!0},[r,o]),b.createElement(nr,null)};var kt;(function(e){e[e.Any=0]="Any",e[e.Id=1]="Id",e[e.Obj=2]="Obj"})(kt||(kt={}));const De=e=>{const{addLinkedNodeFromTree:t,setDOM:n,setNodeEvent:r,replaceNodes:o,reset:a,...s}=e;return s};function ne(e){const{connectors:t,actions:n,query:r,store:o,...a}=K(e),s=De(n);return{connectors:t,actions:g.useMemo(()=>({...s,history:{...s.history,ignore:(...i)=>De(s.history.ignore(...i)),throttle:(...i)=>De(s.history.throttle(...i))}}),[s]),query:r,store:o,...a}}var Zt=function(e){return Object.fromEntries?Object.fromEntries(e):e.reduce(function(t,n){var r,o=function(i){if(Array.isArray(i))return i}(r=n)||function(i,d){var u=i==null?null:typeof Symbol<"u"&&i[Symbol.iterator]||i["@@iterator"];if(u!=null){var c,l,p,f,h=[],v=!0,y=!1;try{for(p=(u=u.call(i)).next;!(v=(c=p.call(u)).done)&&(h.push(c.value),h.length!==2);v=!0);}catch(E){y=!0,l=E}finally{try{if(!v&&u.return!=null&&(f=u.return(),Object(f)!==f))return}finally{if(y)throw l}}return h}}(r)||Vt(r,2)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}(),a=o[0],s=o[1];return k(k({},t),{},I({},a,s))},{})},F=function(e,t,n){var r=Array.isArray(t)?t:[t],o=k({existOnly:!1,idOnly:!1},n||{}),a=r.filter(function(s){return!!s}).map(function(s){return typeof s=="string"?{node:e[s],exists:!!e[s]}:qe(s)!=="object"||o.idOnly?{node:null,exists:!1}:{node:s,exists:!!e[s.id]}});return o.existOnly&&j(a.filter(function(s){return!s.exists}).length===0),a},rr=["history"],Ee=function(e,t){var n=t.name||t.displayName,r=function(){if(e[n])return n;for(var o=0;o<Object.keys(e).length;o++){var a=Object.keys(e)[o];if(e[a]===t)return a}return typeof t=="string"?t:void 0}();return j(r,At.replace("%node_type%",n)),r};const or=(e,t)=>typeof e=="string"?e:{resolvedName:Ee(t,e)},We=(e,t)=>{let{type:n,isCanvas:r,props:o}=e;return o=Object.keys(o).reduce((a,s)=>{const i=o[s];return i==null||typeof i=="function"||(a[s]=s==="children"&&typeof i!="string"?g.Children.map(i,d=>typeof d=="string"?d:We(d,t)):typeof i.type=="function"?We(i,t):i),a},{}),{type:or(n,t),isCanvas:!!r,props:o}},ir=(e,t)=>{const{type:n,props:r,isCanvas:o,name:a,...s}=e;return{...We({type:n,isCanvas:o,props:r},t),...s}};function Ge(e,t){j(typeof t=="string");var n=e.nodes[t],r=function(o){return Ge(e,o)};return{isCanvas:function(){return!!n.data.isCanvas},isRoot:function(){return n.id===z},isLinkedNode:function(){return n.data.parent&&r(n.data.parent).linkedNodes().includes(n.id)},isTopLevelNode:function(){return this.isRoot()||this.isLinkedNode()},isDeletable:function(){return!this.isTopLevelNode()},isParentOfTopLevelNodes:function(){return n.data.linkedNodes&&Object.keys(n.data.linkedNodes).length>0},isParentOfTopLevelCanvas:function(){return W("query.node(id).isParentOfTopLevelCanvas",{suggest:"query.node(id).isParentOfTopLevelNodes"}),this.isParentOfTopLevelNodes()},isSelected:function(){return e.events.selected.has(t)},isHovered:function(){return e.events.hovered.has(t)},isDragged:function(){return e.events.dragged.has(t)},get:function(){return n},ancestors:function(){var o=arguments.length>0&&arguments[0]!==void 0&&arguments[0];return function a(s){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],d=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0,u=e.nodes[s];return u?(i.push(s),u.data.parent&&(o||!o&&d===0)&&(i=a(u.data.parent,i,d+1)),i):i}(n.data.parent)},descendants:function(){var o=arguments.length>0&&arguments[0]!==void 0&&arguments[0],a=arguments.length>1?arguments[1]:void 0;return function s(i){var d=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],u=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0;return(o||!o&&u===0)&&e.nodes[i]&&(a!=="childNodes"&&r(i).linkedNodes().forEach(function(c){d.push(c),d=s(c,d,u+1)}),a!=="linkedNodes"&&r(i).childNodes().forEach(function(c){d.push(c),d=s(c,d,u+1)})),d}(t)},linkedNodes:function(){return Object.values(n.data.linkedNodes||{})},childNodes:function(){return n.data.nodes||[]},isDraggable:function(o){try{var a=n;return j(!this.isTopLevelNode(),Et),j(Ge(e,a.data.parent).isCanvas(),bt),j(a.rules.canDrag(a,r),An),!0}catch(s){return o&&o(s),!1}},isDroppable:function(o,a){var s=F(e.nodes,o),i=n;try{j(this.isCanvas(),Dn),j(i.rules.canMoveIn(s.map(function(u){return u.node}),i,r),In);var d={};return s.forEach(function(u){var c=u.node,l=u.exists;if(j(c.rules.canDrop(i,c,r),Rn),l){j(!r(c.id).isTopLevelNode(),Et);var p=r(c.id).descendants(!0);j(!p.includes(i.id)&&i.id!==c.id,$n);var f=c.data.parent&&e.nodes[c.data.parent];j(f.data.isCanvas,bt),j(f||!f&&!e.nodes[c.id],Cn),f.id!==i.id&&(d[f.id]||(d[f.id]=[]),d[f.id].push(c))}}),Object.keys(d).forEach(function(u){var c=e.nodes[u];j(c.rules.canMoveOut(d[u],c,r),Tn)}),!0}catch(u){return a&&a(u),!1}},toSerializedNode:function(){return ir(n.data,e.options.resolver)},toNodeTree:function(o){var a=[t].concat(le(this.descendants(!0,o))).reduce(function(s,i){return s[i]=r(i).get(),s},{});return{rootNodeId:t,nodes:a}},decendants:function(){var o=arguments.length>0&&arguments[0]!==void 0&&arguments[0];return W("query.node(id).decendants",{suggest:"query.node(id).descendants"}),this.descendants(o)},isTopLevelCanvas:function(){return!this.isRoot()&&!n.data.parent}}}function en(e,t,n,r){for(var o={parent:e,index:0,where:"before"},a=0,s=0,i=0,d=0,u=0,c=0,l=0,p=t.length;l<p;l++){var f=t[l];if(c=f.top+f.outerHeight,d=f.left+f.outerWidth/2,u=f.top+f.outerHeight/2,!(s&&f.left>s||i&&u>=i||a&&f.left+f.outerWidth<a))if(o.index=l,f.inFlow){if(r<u){o.where="before";break}o.where="after"}else r<c&&(i=c),n<d?(s=d,o.where="before"):(a=d,o.where="after")}return o}var pe=function(e){return typeof e=="string"?e:e.name};function xt(e,t){var n=e.data.type,r={id:e.id||Ft(),_hydrationTimestamp:Date.now(),data:k({type:n,name:pe(n),displayName:pe(n),props:{},custom:{},parent:null,isCanvas:!1,hidden:!1,nodes:[],linkedNodes:{}},e.data),related:{},events:{selected:!1,dragged:!1,hovered:!1},rules:{canDrag:function(){return!0},canDrop:function(){return!0},canMoveIn:function(){return!0},canMoveOut:function(){return!0}},dom:null};if(r.data.type===st||r.data.type===Be){var o=k(k({},Ue),r.data.props);r.data.props=Object.keys(r.data.props).reduce(function(i,d){return Object.keys(Ue).includes(d)?r.data[tr[d]||d]=o[d]:i[d]=r.data.props[d],i},{}),r.data.name=pe(n=r.data.type),r.data.displayName=pe(n),r.data.type===Be&&(r.data.isCanvas=!0,Qt())}t&&t(r);var a=n.craft;if(a&&(r.data.displayName=a.displayName||a.name||r.data.displayName,r.data.props=k(k({},a.props||a.defaultProps||{}),r.data.props),r.data.custom=k(k({},a.custom||{}),r.data.custom),a.isCanvas!=null&&(r.data.isCanvas=a.isCanvas),a.rules&&Object.keys(a.rules).forEach(function(i){["canDrag","canDrop","canMoveIn","canMoveOut"].includes(i)&&(r.rules[i]=a.rules[i])}),a.related)){var s={id:r.id,related:!0};Object.keys(a.related).forEach(function(i){r.related[i]=function(d){return b.createElement(Gt,s,b.createElement(a.related[i],d))}})}return r}const Ve=(e,t,n)=>{let{type:r,props:o}=e;const a=((i,d)=>typeof i=="object"&&i.resolvedName?i.resolvedName==="Canvas"?Be:d[i.resolvedName]:typeof i=="string"?i:null)(r,t);if(!a)return;o=Object.keys(o).reduce((i,d)=>{const u=o[d];return i[d]=u==null?null:typeof u=="object"&&u.resolvedName?Ve(u,t):d==="children"&&Array.isArray(u)?u.map(c=>typeof c=="string"?c:Ve(c,t)):u,i},{}),n&&(o.key=n);const s={...b.createElement(a,{...o})};return{...s,name:Ee(t,s.type)}},ar=(e,t)=>{const{type:n,props:r,...o}=e;j(n!==void 0&&typeof n=="string"||n!==void 0&&n.resolvedName!==void 0,Mn.replace("%displayName%",e.displayName).replace("%availableComponents%",Object.keys(t).join(", ")));const{type:a,name:s,props:i}=Ve(e,t),{parent:d,custom:u,displayName:c,isCanvas:l,nodes:p,hidden:f}=o;return{type:a,name:s,displayName:c||s,props:i,custom:u||{},isCanvas:!!l,hidden:!!f,parent:d,linkedNodes:o.linkedNodes||o._childCanvas||{},nodes:p||[]}},sr=(e,t)=>{if(t.length<1)return{[e.id]:e};const n=t.map(({rootNodeId:o})=>o),r={...e,data:{...e.data,nodes:n}};return t.reduce((o,a)=>{const s=a.nodes[a.rootNodeId];return{...o,...a.nodes,[s.id]:{...s,data:{...s.data,parent:e.id}}}},{[e.id]:r})},ur=(e,t)=>({rootNodeId:e.id,nodes:sr(e,t)});function tn(e){const t=e&&e.options,n=()=>tn(e);return{getDropPlaceholder:(r,o,a,s=i=>e.nodes[i.id].dom)=>{const i=e.nodes[o],d=n().node(i.id).isCanvas()?i:e.nodes[i.data.parent];if(!d)return;const u=d.data.nodes||[],c=en(d,u?u.reduce((f,h)=>{const v=s(e.nodes[h]);if(v){const y={id:h,...de(v)};f.push(y)}return f},[]):[],a.x,a.y),l=u.length&&e.nodes[u[c.index]],p={placement:{...c,currentNode:l},error:null};return F(e.nodes,r).forEach(({node:f,exists:h})=>{h&&n().node(f.id).isDraggable(v=>p.error=v)}),n().node(d.id).isDroppable(r,f=>p.error=f),p},getOptions:()=>t,getNodes:()=>e.nodes,node:r=>Ge(e,r),getSerializedNodes(){const r=Object.keys(e.nodes).map(o=>[o,this.node(o).toSerializedNode()]);return Zt(r)},getEvent:r=>function(o,a){var s=o.events[a];return{contains:function(i){return s.has(i)},isEmpty:function(){return this.all().length===0},first:function(){return this.all()[0]},last:function(){var i=this.all();return i[i.length-1]},all:function(){return Array.from(s)},size:function(){return this.all().length},at:function(i){return this.all()[i]},raw:function(){return s}}}(e,r),serialize(){return JSON.stringify(this.getSerializedNodes())},parseReactElement:r=>({toNodeTree(o){let a=function(i,d){let u=i;return typeof u=="string"&&(u=b.createElement(g.Fragment,{},u)),xt({data:{type:u.type,props:{...u.props}}},c=>{d&&d(c,u)})}(r,(i,d)=>{const u=Ee(e.options.resolver,i.data.type);i.data.displayName=i.data.displayName||u,i.data.name=u,o&&o(i,d)}),s=[];return r.props&&r.props.children&&(s=b.Children.toArray(r.props.children).reduce((i,d)=>(b.isValidElement(d)&&i.push(n().parseReactElement(d).toNodeTree(o)),i),[])),ur(a,s)}}),parseSerializedNode:r=>({toNode(o){const a=ar(r,e.options.resolver);j(a.type);const s=typeof o=="string"&&o;return s&&W("query.parseSerializedNode(...).toNode(id)",{suggest:"query.parseSerializedNode(...).toNode(node => node.id = id)"}),n().parseFreshNode({...s?{id:s}:{},data:a}).toNode(!s&&o)}}),parseFreshNode:r=>({toNode:o=>xt(r,a=>{a.data.parent===$t&&(a.data.parent=z);const s=Ee(e.options.resolver,a.data.type);j(s!==null),a.data.displayName=a.data.displayName||s,a.data.name=s,o&&o(a)})}),createNode(r,o){W(`query.createNode(${r})`,{suggest:`query.parseReactElement(${r}).toNodeTree()`});const a=this.parseReactElement(r).toNodeTree(),s=a.nodes[a.rootNodeId];return o&&(o.id&&(s.id=o.id),o.data&&(s.data={...s.data,...o.data})),s},getState:()=>e}}var cr=function(e){nt(n,zt);var t=ot(n);function n(){return Ne(this,n),t.apply(this,arguments)}return je(n,[{key:"handlers",value:function(){return{connect:function(r,o){},select:function(r,o){},hover:function(r,o){},drag:function(r,o){},drop:function(r,o){},create:function(r,o,a){}}}}]),n}();(function(e){nt(n,Un);var t=ot(n);function n(){return Ne(this,n),t.apply(this,arguments)}return je(n)})();var Ye=function(){function e(t,n){Ne(this,e),I(this,"store",void 0),I(this,"dragTarget",void 0),I(this,"currentDropTargetId",void 0),I(this,"currentDropTargetCanvasAncestorId",void 0),I(this,"currentIndicator",null),I(this,"currentTargetId",void 0),I(this,"currentTargetChildDimensions",void 0),I(this,"dragError",void 0),I(this,"draggedNodes",void 0),I(this,"onScrollListener",void 0),this.store=t,this.dragTarget=n,this.currentDropTargetId=null,this.currentDropTargetCanvasAncestorId=null,this.currentTargetId=null,this.currentTargetChildDimensions=null,this.currentIndicator=null,this.dragError=null,this.draggedNodes=this.getDraggedNodes(),this.validateDraggedNodes(),this.onScrollListener=this.onScroll.bind(this),window.addEventListener("scroll",this.onScrollListener,!0)}return je(e,[{key:"cleanup",value:function(){window.removeEventListener("scroll",this.onScrollListener,!0)}},{key:"onScroll",value:function(t){var n=t.target,r=this.store.query.node(z).get();n instanceof Element&&r&&r.dom&&n.contains(r.dom)&&(this.currentTargetChildDimensions=null)}},{key:"getDraggedNodes",value:function(){return F(this.store.query.getNodes(),this.dragTarget.type==="new"?this.dragTarget.tree.nodes[this.dragTarget.tree.rootNodeId]:this.dragTarget.nodes)}},{key:"validateDraggedNodes",value:function(){var t=this;this.dragTarget.type!=="new"&&this.draggedNodes.forEach(function(n){n.exists&&t.store.query.node(n.node.id).isDraggable(function(r){t.dragError=r})})}},{key:"isNearBorders",value:function(t,n,r){return t.top+e.BORDER_OFFSET>r||t.bottom-e.BORDER_OFFSET<r||t.left+e.BORDER_OFFSET>n||t.right-e.BORDER_OFFSET<n}},{key:"isDiff",value:function(t){return!this.currentIndicator||this.currentIndicator.placement.parent.id!==t.parent.id||this.currentIndicator.placement.index!==t.index||this.currentIndicator.placement.where!==t.where}},{key:"getChildDimensions",value:function(t){var n=this,r=this.currentTargetChildDimensions;return this.currentTargetId===t.id&&r?r:t.data.nodes.reduce(function(o,a){var s=n.store.query.node(a).get().dom;return s&&o.push(k({id:a},de(s))),o},[])}},{key:"getCanvasAncestor",value:function(t){var n=this;if(t===this.currentDropTargetId&&this.currentDropTargetCanvasAncestorId){var r=this.store.query.node(this.currentDropTargetCanvasAncestorId).get();if(r)return r}return function o(a){var s=n.store.query.node(a).get();return s&&s.data.isCanvas?s:s.data.parent?o(s.data.parent):null}(t)}},{key:"computeIndicator",value:function(t,n,r){var o=this.getCanvasAncestor(t);if(o&&(this.currentDropTargetId=t,this.currentDropTargetCanvasAncestorId=o.id,o.data.parent&&this.isNearBorders(de(o.dom),n,r)&&!this.store.query.node(o.id).isLinkedNode()&&(o=this.store.query.node(o.data.parent).get()),o)){this.currentTargetChildDimensions=this.getChildDimensions(o),this.currentTargetId=o.id;var a=en(o,this.currentTargetChildDimensions,n,r);if(this.isDiff(a)){var s=this.dragError;s||this.store.query.node(o.id).isDroppable(this.draggedNodes.map(function(u){return u.node}),function(u){s=u});var i=o.data.nodes[a.index],d=i&&this.store.query.node(i).get();return this.currentIndicator={placement:k(k({},a),{},{currentNode:d}),error:s},this.currentIndicator}}}},{key:"getIndicator",value:function(){return this.currentIndicator}}]),e}();I(Ye,"BORDER_OFFSET",10);var Ct=function(e,t){if(t.length===1||arguments.length>2&&arguments[2]!==void 0&&arguments[2]){var n=t[0].getBoundingClientRect(),r=n.width,o=n.height,a=t[0].cloneNode(!0);return a.style.position="fixed",a.style.left="-100%",a.style.top="-100%",a.style.width="".concat(r,"px"),a.style.height="".concat(o,"px"),a.style.pointerEvents="none",document.body.appendChild(a),e.dataTransfer.setDragImage(a,0,0),a}var s=document.createElement("div");return s.style.position="fixed",s.style.left="-100%",s.style.top="-100%",s.style.width="100%",s.style.height="100%",s.style.pointerEvents="none",t.forEach(function(i){var d=i.getBoundingClientRect(),u=d.width,c=d.height,l=d.top,p=d.left,f=i.cloneNode(!0);f.style.position="absolute",f.style.left="".concat(p,"px"),f.style.top="".concat(l,"px"),f.style.width="".concat(u,"px"),f.style.height="".concat(c,"px"),s.appendChild(f)}),document.body.appendChild(s),e.dataTransfer.setDragImage(s,e.clientX,e.clientY),s},nn=function(e){nt(n,cr);var t=ot(n);function n(){var r;Ne(this,n);for(var o=arguments.length,a=new Array(o),s=0;s<o;s++)a[s]=arguments[s];return I(ie(r=t.call.apply(t,[this].concat(a))),"draggedElementShadow",void 0),I(ie(r),"dragTarget",void 0),I(ie(r),"positioner",null),I(ie(r),"currentSelectedElementIds",[]),r}return je(n,[{key:"onDisable",value:function(){this.options.store.actions.clearEvents()}},{key:"handlers",value:function(){var r=this,o=this.options.store;return{connect:function(a,s){return o.actions.setDOM(s,a),r.reflect(function(i){i.select(a,s),i.hover(a,s),i.drop(a,s)})},select:function(a,s){var i=r.addCraftEventListener(a,"mousedown",function(u){u.craft.stopPropagation();var c=[];if(s){var l=o.query,p=l.getEvent("selected").all();(r.options.isMultiSelectEnabled(u)||p.includes(s))&&(c=p.filter(function(f){var h=l.node(f).descendants(!0),v=l.node(f).ancestors(!0);return!h.includes(s)&&!v.includes(s)})),c.includes(s)||c.push(s)}o.actions.setNodeEvent("selected",c)}),d=r.addCraftEventListener(a,"click",function(u){u.craft.stopPropagation();var c=o.query.getEvent("selected").all(),l=r.options.isMultiSelectEnabled(u),p=r.currentSelectedElementIds.includes(s),f=le(c);l&&p?(f.splice(f.indexOf(s),1),o.actions.setNodeEvent("selected",f)):!l&&c.length>1&&o.actions.setNodeEvent("selected",f=[s]),r.currentSelectedElementIds=f});return function(){i(),d()}},hover:function(a,s){var i=r.addCraftEventListener(a,"mouseover",function(d){d.craft.stopPropagation(),o.actions.setNodeEvent("hovered",s)});return r.options.removeHoverOnMouseleave&&r.addCraftEventListener(a,"mouseleave",function(d){d.craft.stopPropagation(),o.actions.setNodeEvent("hovered",null)}),function(){i()}},drop:function(a,s){var i=r.addCraftEventListener(a,"dragover",function(u){if(u.craft.stopPropagation(),u.preventDefault(),r.positioner){var c=r.positioner.computeIndicator(s,u.clientX,u.clientY);c&&o.actions.setIndicator(c)}}),d=r.addCraftEventListener(a,"dragenter",function(u){u.craft.stopPropagation(),u.preventDefault()});return function(){d(),i()}},drag:function(a,s){if(!o.query.node(s).isDraggable())return function(){};a.setAttribute("draggable","true");var i=r.addCraftEventListener(a,"dragstart",function(u){u.craft.stopPropagation();var c=o.query,l=o.actions,p=c.getEvent("selected").all(),f=r.options.isMultiSelectEnabled(u);r.currentSelectedElementIds.includes(s)||(p=f?[].concat(le(p),[s]):[s],o.actions.setNodeEvent("selected",p)),l.setNodeEvent("dragged",p);var h=p.map(function(v){return c.node(v).get().dom});r.draggedElementShadow=Ct(u,h,n.forceSingleDragShadow),r.dragTarget={type:"existing",nodes:p},r.positioner=new Ye(r.options.store,r.dragTarget)}),d=r.addCraftEventListener(a,"dragend",function(u){u.craft.stopPropagation(),r.dropElement(function(c,l){c.type!=="new"&&o.actions.move(c.nodes,l.placement.parent.id,l.placement.index+(l.placement.where==="after"?1:0))})});return function(){a.setAttribute("draggable","false"),i(),d()}},create:function(a,s,i){a.setAttribute("draggable","true");var d=r.addCraftEventListener(a,"dragstart",function(c){var l;if(c.craft.stopPropagation(),typeof s=="function"){var p=s();l=b.isValidElement(p)?o.query.parseReactElement(p).toNodeTree():p}else l=o.query.parseReactElement(s).toNodeTree();r.draggedElementShadow=Ct(c,[c.currentTarget],n.forceSingleDragShadow),r.dragTarget={type:"new",tree:l},r.positioner=new Ye(r.options.store,r.dragTarget)}),u=r.addCraftEventListener(a,"dragend",function(c){c.craft.stopPropagation(),r.dropElement(function(l,p){l.type!=="existing"&&(o.actions.addNodeTree(l.tree,p.placement.parent.id,p.placement.index+(p.placement.where==="after"?1:0)),i&&un(i.onCreate)&&i.onCreate(l.tree))})});return function(){a.removeAttribute("draggable"),d(),u()}}}}},{key:"dropElement",value:function(r){var o=this.options.store;if(this.positioner){var a=this.draggedElementShadow,s=this.positioner.getIndicator();this.dragTarget&&s&&!s.error&&r(this.dragTarget,s),a&&(a.parentNode.removeChild(a),this.draggedElementShadow=null),this.dragTarget=null,o.actions.setIndicator(null),o.actions.setNodeEvent("dragged",null),this.positioner.cleanup(),this.positioner=null}}}]),n}();function dr(e,t,n){var r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:2,o=0,a=0,s=0,i=0,d=e.where;return n?n.inFlow?(s=n.outerWidth,i=r,o=d==="before"?n.top:n.bottom,a=n.left):(s=r,i=n.outerHeight,o=n.top,a=d==="before"?n.left:n.left+n.outerWidth):t&&(o=t.top+t.padding.top,a=t.left+t.padding.left,s=t.outerWidth-t.padding.right-t.padding.left-t.margin.left-t.margin.right,i=r),{top:"".concat(o,"px"),left:"".concat(a,"px"),width:"".concat(s,"px"),height:"".concat(i,"px")}}I(nn,"forceSingleDragShadow",Kn()&&Yn());const lr=()=>{const{indicator:e,indicatorOptions:t,enabled:n}=K(o=>({indicator:o.indicator,indicatorOptions:o.options.indicator,enabled:o.options.enabled})),r=Xt();return g.useEffect(()=>{r&&(n?r.enable():r.disable())},[n,r]),e?b.createElement(Gn,{style:{...dr(e.placement,de(e.placement.parent.dom),e.placement.currentNode&&de(e.placement.currentNode.dom),t.thickness),backgroundColor:e.error?t.error:t.success,transition:t.transition||"0.2s ease-in"},parentDom:e.placement.parent.dom}):null},fr=({children:e})=>{const t=g.useContext(it),n=g.useMemo(()=>t.query.getOptions().handlers(t),[t]);return n?b.createElement(Kt.Provider,{value:n},b.createElement(lr,null),e):null},Rt={nodes:{},events:{dragged:new Set,selected:new Set,hovered:new Set},indicator:null,options:{onNodesChange:()=>null,onRender:({render:e})=>e,onBeforeMoveEnd:()=>null,resolver:{},enabled:!0,indicator:{error:"red",success:"rgb(98, 196, 98)"},handlers:e=>new nn({store:e,removeHoverOnMouseleave:!1,isMultiSelectEnabled:t=>!!t.metaKey}),normalizeNodes:()=>{}}},pr={methods:function(e,t){return k(k({},function(n,r){var o=function(i,d,u){if(function p(f,h){var v=i.nodes[f];typeof v.data.type!="string"&&j(n.options.resolver[v.data.name],At.replace("%node_type%","".concat(v.data.type.name))),n.nodes[f]=k(k({},v),{},{data:k(k({},v.data),{},{parent:h})}),v.data.nodes.length>0&&(delete n.nodes[f].data.props.children,v.data.nodes.forEach(function(y){return p(y,v.id)})),Object.values(v.data.linkedNodes).forEach(function(y){return p(y,v.id)})}(i.rootNodeId,d),d){var c=a(d);if(u.type!=="child")c.data.linkedNodes[u.id]=i.rootNodeId;else{var l=u.index;l!=null?c.data.nodes.splice(l,0,i.rootNodeId):c.data.nodes.push(i.rootNodeId)}}else j(i.rootNodeId===z)},a=function(i){j(i);var d=n.nodes[i];return j(d),d},s=function i(d){var u=n.nodes[d],c=n.nodes[u.data.parent];if(u.data.nodes&&le(u.data.nodes).forEach(function(f){return i(f)}),u.data.linkedNodes&&Object.values(u.data.linkedNodes).map(function(f){return i(f)}),c.data.nodes.includes(d)){var l=c.data.nodes;l.splice(l.indexOf(d),1)}else{var p=Object.keys(c.data.linkedNodes).find(function(f){return c.data.linkedNodes[f]===f});p&&delete c.data.linkedNodes[p]}(function(f,h){Object.keys(f.events).forEach(function(v){var y=f.events[v];y&&y.has&&y.has(h)&&(f.events[v]=new Set(Array.from(y).filter(function(E){return h!==E})))})})(n,d),delete n.nodes[d]};return{addLinkedNodeFromTree:function(i,d,u){var c=a(d).data.linkedNodes[u];c&&s(c),o(i,d,{type:"linked",id:u})},add:function(i,d,u){var c=[i];Array.isArray(i)&&(W("actions.add(node: Node[])",{suggest:"actions.add(node: Node)"}),c=i),c.forEach(function(l){o({nodes:I({},l.id,l),rootNodeId:l.id},d,{type:"child",index:u})})},addNodeTree:function(i,d,u){o(i,d,{type:"child",index:u})},delete:function(i){F(n.nodes,i,{existOnly:!0,idOnly:!0}).forEach(function(d){var u=d.node;j(!r.node(u.id).isTopLevelNode()),s(u.id)})},deserialize:function(i){var d=typeof i=="string"?JSON.parse(i):i,u=Object.keys(d).map(function(c){var l=c;return c===$t&&(l=z),[l,r.parseSerializedNode(d[c]).toNode(function(p){return p.id=l})]});this.replaceNodes(Zt(u))},move:function(i,d,u){var c=F(n.nodes,i,{existOnly:!0}),l=n.nodes[d],p=new Set;c.forEach(function(f,h){var v=f.node,y=v.id,E=v.data.parent;r.node(d).isDroppable([y],function(w){throw new Error(w)}),n.options.onBeforeMoveEnd(v,l,n.nodes[E]);var m=n.nodes[E].data.nodes;p.add(m);var P=m.indexOf(y);m[P]="$$",l.data.nodes.splice(u+h,0,y),n.nodes[y].data.parent=d}),p.forEach(function(f){var h=f.length;le(f).reverse().forEach(function(v,y){v==="$$"&&f.splice(h-1-y,1)})})},replaceNodes:function(i){this.clearEvents(),n.nodes=i},clearEvents:function(){this.setNodeEvent("selected",null),this.setNodeEvent("hovered",null),this.setNodeEvent("dragged",null),this.setIndicator(null)},reset:function(){this.clearEvents(),this.replaceNodes({})},setOptions:function(i){i(n.options)},setNodeEvent:function(i,d){if(n.events[i].forEach(function(l){n.nodes[l]&&(n.nodes[l].events[i]=!1)}),n.events[i]=new Set,d){var u=F(n.nodes,d,{idOnly:!0,existOnly:!0}),c=new Set(u.map(function(l){return l.node.id}));c.forEach(function(l){n.nodes[l].events[i]=!0}),n.events[i]=c}},setCustom:function(i,d){F(n.nodes,i,{idOnly:!0,existOnly:!0}).forEach(function(u){return d(n.nodes[u.node.id].data.custom)})},setDOM:function(i,d){n.nodes[i]&&(n.nodes[i].dom=d)},setIndicator:function(i){i&&(!i.placement.parent.dom||i.placement.currentNode&&!i.placement.currentNode.dom)||(n.indicator=i)},setHidden:function(i,d){n.nodes[i].data.hidden=d},setProp:function(i,d){F(n.nodes,i,{idOnly:!0,existOnly:!0}).forEach(function(u){return d(n.nodes[u.node.id].data.props)})},selectNode:function(i){if(i){var d=F(n.nodes,i,{idOnly:!0,existOnly:!0});this.setNodeEvent("selected",d.map(function(u){return u.node.id}))}else this.setNodeEvent("selected",null);this.setNodeEvent("hovered",null)}}}(e,t)),{},{setState:function(n){var r=rt(this,rr);n(e,r)}})},ignoreHistoryForActions:["setDOM","setNodeEvent","selectNode","clearEvents","setOptions","setIndicator"],normalizeHistory:e=>{Object.keys(e.events).forEach(t=>{Array.from(e.events[t]||[]).forEach(n=>{e.nodes[n]||e.events[t].delete(n)})}),Object.keys(e.nodes).forEach(t=>{const n=e.nodes[t];Object.keys(n.events).forEach(r=>{n.events[r]&&e.events[r]&&!e.events[r].has(n.id)&&(n.events[r]=!1)})})}},hr=(e,t)=>Ln(pr,{...Rt,options:{...Rt.options,...e}},tn,t),kr=({children:e,...t})=>{t.resolver!==void 0&&j(typeof t.resolver=="object"&&!Array.isArray(t.resolver)&&t.resolver!==null);const n=g.useRef(t),r=hr(n.current,(o,a,s,i,d)=>{if(!s)return;const{patches:u,...c}=s;for(let l=0;l<u.length;l++){const{path:p}=u[l],f=p.length>2&&p[0]==="nodes"&&p[2]==="data";if([x.IGNORE,x.THROTTLE].includes(c.type)&&c.params&&(c.type=c.params[0]),["setState","deserialize"].includes(c.type)||f){d(h=>{o.options.normalizeNodes&&o.options.normalizeNodes(h,a,c,i)});break}}});return g.useEffect(()=>{r&&t.enabled!==void 0&&r.query.getOptions().enabled!==t.enabled&&r.actions.setOptions(o=>{o.enabled=t.enabled})},[r,t.enabled]),g.useEffect(()=>{r.subscribe(o=>({json:r.query.serialize()}),()=>{r.query.getOptions().onNodesChange(r.query)})},[r]),r?b.createElement(it.Provider,{value:r},b.createElement(fr,null,e)):null},vr=S.styled("div",{borderRadius:"$1",display:"flex",alignItems:"inherit",maxHeight:"$$height",variants:{isDraggable:{true:{cursor:"grab","&:active":{cursor:"grabbing"}}},isHovered:{true:{boxShadow:"0 0 0 2px $colors$gray2 inset"}},isSelected:{true:{boxShadow:"0 0 0 2px $colors$primary inset"}},isEditing:{true:{outline:"2px dotted $colors$primary"}},isEditorEnabled:{true:{a:{pointerEvents:"none"}}}}}),gr=g.forwardRef((e,t)=>{const{id:n,selected:r,hovered:o,dragging:a,connectors:{drag:s,connect:i}}=Jt(c=>({dragging:c==null?void 0:c.events.dragged,selected:c==null?void 0:c.events.selected,hovered:c==null?void 0:c.events.hovered})),{isEditorEnabled:d,isDraggable:u}=ne((c,l)=>({isEditorEnabled:c.options.enabled,isDraggable:c.options.enabled&&l.node(n).isDraggable()}));return N.jsx(vr,{as:e.as,ref:c=>{i(s(c))},"data-id":n,isDraggable:u,isEditorEnabled:d,isSelected:r,isHovered:o,isDragging:a,...e})});gr.displayName="EditingContainer";const yr=S.styled(S.Card,{overflow:"hidden",cursor:"grab","&:active":{cursor:"grabbing"},variants:{isDisabled:{true:{opacity:.5,pointerEvents:"none"}}}}),mr=S.styled("div",{backgroundColor:"$navy",color:"$white",padding:"$2 $3",alignSelf:"stretch",display:"flex",alignItems:"center",justifyContent:"center",aspectRatio:"3 / 2",svg:{height:"$8"}});function xr({Component:e,maxInstances:t}){var a;const{connectors:{create:n},canCreate:r}=ne((s,i)=>({canCreate:t?Object.values(i.getNodes()).filter(d=>d.data.name===e.name).length<t:!0})),o=g.useMemo(()=>{var s,i,d;if(typeof((s=e.craft)==null?void 0:s.Icon)=="function")return(i=e.craft)==null?void 0:i.Icon;if(typeof((d=e.craft)==null?void 0:d.Icon)=="string"){const u=()=>{var c,l;return N.jsx("svg",{viewBox:"0 0 42 42",xmlns:"http://www.w3.org/2000/svg",children:N.jsx("use",{href:`/remix/assets/icons/${(c=e.craft)==null?void 0:c.Icon}.svg#${(l=e.craft)==null?void 0:l.Icon}`})})};return g.isValidElement(N.jsx(u,{}))?u:S.QuestionCircleIcon}else return S.QuestionCircleIcon},[e]);return N.jsx(yr,{ref:s=>n(s,N.jsx(e,{})),isDisabled:!r,border:!0,children:N.jsxs(S.HStack,{space:"none",css:{height:"$10"},children:[N.jsx(mr,{children:N.jsx(o,{})}),N.jsxs(S.HStack,{css:{background:"$background",alignSelf:"stretch",padding:"$2 $4",flexGrow:1},align:"center",children:[N.jsx(S.Text,{css:{fontWeight:"$medium"},size:"caption1",children:(a=e.craft)==null?void 0:a.displayName}),N.jsx(S.Spacer,{css:{marginInline:"auto"}}),N.jsx(S.MoreVerticalBoldIcon,{css:{marginInlineEnd:"-$2",color:"$gray3"}})]})]})})}function br(){const{palette:e}=ne(t=>{var n,r,o,a;return{palette:(n=t.nodes.ROOT)!=null&&n.id?(a=(o=t.nodes[(r=t.nodes.ROOT)==null?void 0:r.id])==null?void 0:o.related)==null?void 0:a.palette:null}});return e?g.createElement(e):null}const Er=S.styled(S.Pane,{backgroundColor:"$background",width:"320px",minWidth:"320px",height:"calc(100dvh - $$adminNavHeight)",alignSelf:"stretch",userSelect:"none",overflowY:"auto",position:"relative"}),Or=S.styled(S.VStack,{gap:"$6",paddingInline:"$4",defaultVariants:{space:"large"}});function wr(e){return N.jsxs(Or,{...e,children:[e.label?N.jsx(S.Heading,{children:e.label}):null,e.children]})}function Nr(){const{canUndo:e,canRedo:t,actions:n}=ne((r,o)=>({canUndo:o.history.canUndo(),canRedo:o.history.canRedo()}));return N.jsxs(S.HStack,{children:[N.jsx(S.Button,{disabled:!e,onPress:()=>n.history.undo(),appearance:"minimal",size:"small",iconBefore:S.UndoIcon,children:"Undo"}),N.jsx(S.Button,{disabled:!t,onPress:()=>n.history.redo(),appearance:"minimal",size:"small",iconBefore:S.RedoIcon,children:"Redo"})]})}const jr=()=>{const{editorEnabled:e,actions:t}=ne(n=>({editorEnabled:n.options.enabled,dragging:n.events.dragged.size>0}));return dt("dragstart",()=>e&&t.setState(n=>n.events.dragged.add("new"))),dt("dragend",()=>e&&t.setState(n=>n.events.dragged.delete("new"))),null},Cr=()=>{const{selected:e}=ne((t,n)=>{var a,s,i,d,u,c;const r=[...t.events.selected].at(0);let o;return(a=t.nodes.ROOT)!=null&&a.id&&(o={id:r,globalSettings:(d=(i=t.nodes[(s=t.nodes.ROOT)==null?void 0:s.id])==null?void 0:i.related)==null?void 0:d.settings,settings:r?(c=(u=t.nodes[r])==null?void 0:u.related)==null?void 0:c.settings:null}),{selected:o}});return N.jsxs(S.DefaultVariantProvider,{value:{label:{appearance:"group"}},children:[N.jsx(Er,{borderLeft:!0,children:N.jsxs(S.VStack,{css:{paddingBlock:"$6"},space:"large",children:[N.jsxs(wr,{children:[N.jsx(S.Heading,{children:"Section Settings"}),N.jsx(Nr,{})]}),N.jsx(br,{}),N.jsx(S.Separator,{}),e!=null&&e.settings?g.createElement(e.settings):null,e!=null&&e.globalSettings?g.createElement(e.globalSettings):null]})}),N.jsx(jr,{})]})};export{br as C,gr as E,wr as P,Sr as S,Gt as V,st as a,xr as b,Cr as c,Jt as m,kr as s,ne as x};