npm - @saltcorn/builder - Versions diffs - 1.0.0-rc.1 → 1.0.0-rc.2 - Mend

@saltcorn/builder 1.0.0-rc.1 → 1.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/builder_bundle.js +2 -2
package/package.json +2 -2
package/src/components/Builder.js +45 -1

package/dist/builder_bundle.js CHANGED Viewed

@@ -81,7 +81,7 @@ function m(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;v
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var r="function"==typeof Symbol&&Symbol.for,a=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,l=r?Symbol.for("react.strict_mode"):60108,c=r?Symbol.for("react.profiler"):60114,u=r?Symbol.for("react.provider"):60109,s=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,d=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,m=r?Symbol.for("react.suspense"):60113,h=r?Symbol.for("react.suspense_list"):60120,v=r?Symbol.for("react.memo"):60115,y=r?Symbol.for("react.lazy"):60116,g=r?Symbol.for("react.block"):60121,b=r?Symbol.for("react.fundamental"):60117,w=r?Symbol.for("react.responder"):60118,E=r?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case f:case d:case i:case c:case l:case m:return e;default:switch(e=e&&e.$$typeof){case s:case p:case y:case v:case u:return e;default:return t}}case o:return t}}}function _(e){return x(e)===d}t.AsyncMode=f,t.ConcurrentMode=d,t.ContextConsumer=s,t.ContextProvider=u,t.Element=a,t.ForwardRef=p,t.Fragment=i,t.Lazy=y,t.Memo=v,t.Portal=o,t.Profiler=c,t.StrictMode=l,t.Suspense=m,t.isAsyncMode=function(e){return _(e)||x(e)===f},t.isConcurrentMode=_,t.isContextConsumer=function(e){return x(e)===s},t.isContextProvider=function(e){return x(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===i},t.isLazy=function(e){return x(e)===y},t.isMemo=function(e){return x(e)===v},t.isPortal=function(e){return x(e)===o},t.isProfiler=function(e){return x(e)===c},t.isStrictMode=function(e){return x(e)===l},t.isSuspense=function(e){return x(e)===m},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===d||e===c||e===l||e===m||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===v||e.$$typeof===u||e.$$typeof===s||e.$$typeof===p||e.$$typeof===b||e.$$typeof===w||e.$$typeof===E||e.$$typeof===g)},t.typeOf=x},function(e,t,n){"use strict";n.r(t),n.d(t,"renderBuilder",(function(){return ym}));var r=n(0),a=n.n(r);function o(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(e){return"'"+e+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function i(e){return!!e&&!!e[Q]}function l(e){return!!e&&(function(e){if(!e||"object"!=typeof e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return n===Object||"function"==typeof n&&Function.toString.call(n)===J}(e)||Array.isArray(e)||!!e[G]||!!e.constructor[G]||m(e)||h(e))}function c(e,t,n){void 0===n&&(n=!1),0===u(e)?(n?Object.keys:Z)(e).forEach((function(r){n&&"symbol"==typeof r||t(r,e[r],e)})):e.forEach((function(n,r){return t(r,n,e)}))}function u(e){var t=e[Q];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:m(e)?2:h(e)?3:0}function s(e,t){return 2===u(e)?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function f(e,t){return 2===u(e)?e.get(t):e[t]}function d(e,t,n){var r=u(e);2===r?e.set(t,n):3===r?(e.delete(t),e.add(n)):e[t]=n}function p(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function m(e){return B&&e instanceof Map}function h(e){return q&&e instanceof Set}function v(e){return e.o||e.t}function y(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=ee(e);delete t[Q];for(var n=Z(t),r=0;r<n.length;r++){var a=n[r],o=t[a];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(t[a]={configurable:!0,writable:!0,enumerable:o.enumerable,value:e[a]})}return Object.create(Object.getPrototypeOf(e),t)}function g(e,t){return void 0===t&&(t=!1),w(e)||i(e)||!l(e)||(u(e)>1&&(e.set=e.add=e.clear=e.delete=b),Object.freeze(e),t&&c(e,(function(e,t){return g(t,!0)}),!0)),e}function b(){o(2)}function w(e){return null==e||"object"!=typeof e||Object.isFrozen(e)}function E(e){var t=te[e];return t||o(18,e),t}function x(e,t){te[e]||(te[e]=t)}function _(){return U}function O(e,t){t&&(E("Patches"),e.u=[],e.s=[],e.v=t)}function k(e){S(e),e.p.forEach(j),e.p=null}function S(e){e===U&&(U=e.l)}function C(e){return U={p:[],l:U,h:e,m:!0,_:0}}function j(e){var t=e[Q];0===t.i||1===t.i?t.j():t.O=!0}function P(e,t){t._=t.p.length;var n=t.p[0],r=void 0!==e&&e!==n;return t.h.g||E("ES5").S(t,e,r),r?(n[Q].P&&(k(t),o(4)),l(e)&&(e=N(t,e),t.l||A(t,e)),t.u&&E("Patches").M(n[Q],e,t.u,t.s)):e=N(t,n,[]),k(t),t.u&&t.v(t.u,t.s),e!==Y?e:void 0}function N(e,t,n){if(w(t))return t;var r=t[Q];if(!r)return c(t,(function(a,o){return T(e,r,t,a,o,n)}),!0),t;if(r.A!==e)return t;if(!r.P)return A(e,r.t,!0),r.t;if(!r.I){r.I=!0,r.A._--;var a=4===r.i||5===r.i?r.o=y(r.k):r.o;c(3===r.i?new Set(a):a,(function(t,o){return T(e,r,a,t,o,n)})),A(e,a,!1),n&&e.u&&E("Patches").R(r,n,e.u,e.s)}return r.o}function T(e,t,n,r,a,o){if(i(a)){var c=N(e,a,o&&t&&3!==t.i&&!s(t.D,r)?o.concat(r):void 0);if(d(n,r,c),!i(c))return;e.m=!1}if(l(a)&&!w(a)){if(!e.h.F&&e._<1)return;N(e,a),t&&t.A.l||A(e,a)}}function A(e,t,n){void 0===n&&(n=!1),e.h.F&&e.m&&g(t,n)}function I(e,t){var n=e[Q];return(n?v(n):e)[t]}function R(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 M(e){e.P||(e.P=!0,e.l&&M(e.l))}function z(e){e.o||(e.o=y(e.t))}function L(e,t,n){var r=m(t)?E("MapSet").N(t,n):h(t)?E("MapSet").T(t,n):e.g?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:_(),P:!1,I:!1,D:{},l:t,t:e,k:null,o:null,j:null,C:!1},a=r,o=ne;n&&(a=[r],o=re);var i=Proxy.revocable(a,o),l=i.revoke,c=i.proxy;return r.k=c,r.j=l,c}(t,n):E("ES5").J(t,n);return(n?n.A:_()).p.push(r),r}function D(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return y(e)}function F(){function e(t){if(!l(t))return t;if(Array.isArray(t))return t.map(e);if(m(t))return new Map(Array.from(t.entries()).map((function(t){return[t[0],e(t[1])]})));if(h(t))return new Set(Array.from(t).map(e));var n=Object.create(Object.getPrototypeOf(t));for(var r in t)n[r]=e(t[r]);return s(t,G)&&(n[G]=t[G]),n}function t(t){return i(t)?e(t):t}var n="add";x("Patches",{$:function(t,r){return r.forEach((function(r){for(var a=r.path,i=r.op,l=t,c=0;c<a.length-1;c++){var s=u(l),d=""+a[c];0!==s&&1!==s||"__proto__"!==d&&"constructor"!==d||o(24),"function"==typeof l&&"prototype"===d&&o(24),"object"!=typeof(l=f(l,d))&&o(15,a.join("/"))}var p=u(l),m=e(r.value),h=a[a.length-1];switch(i){case"replace":switch(p){case 2:return l.set(h,m);case 3:o(16);default:return l[h]=m}case n:switch(p){case 1:return l.splice(h,0,m);case 2:return l.set(h,m);case 3:return l.add(m);default:return l[h]=m}case"remove":switch(p){case 1:return l.splice(h,1);case 2:return l.delete(h);case 3:return l.delete(r.value);default:return delete l[h]}default:o(17,i)}})),t},R:function(e,r,a,o){switch(e.i){case 0:case 4:case 2:return function(e,r,a,o){var i=e.t,l=e.o;c(e.D,(function(e,c){var u=f(i,e),d=f(l,e),p=c?s(i,e)?"replace":n:"remove";if(u!==d||"replace"!==p){var m=r.concat(e);a.push("remove"===p?{op:p,path:m}:{op:p,path:m,value:d}),o.push(p===n?{op:"remove",path:m}:"remove"===p?{op:n,path:m,value:t(u)}:{op:"replace",path:m,value:t(u)})}}))}(e,r,a,o);case 5:case 1:return function(e,r,a,o){var i=e.t,l=e.D,c=e.o;if(c.length<i.length){var u=[c,i];i=u[0],c=u[1];var s=[o,a];a=s[0],o=s[1]}for(var f=0;f<i.length;f++)if(l[f]&&c[f]!==i[f]){var d=r.concat([f]);a.push({op:"replace",path:d,value:t(c[f])}),o.push({op:"replace",path:d,value:t(i[f])})}for(var p=i.length;p<c.length;p++){var m=r.concat([p]);a.push({op:n,path:m,value:t(c[p])})}i.length<c.length&&o.push({op:"replace",path:r.concat(["length"]),value:i.length})}(e,r,a,o);case 3:return function(e,t,r,a){var o=e.t,i=e.o,l=0;o.forEach((function(e){if(!i.has(e)){var o=t.concat([l]);r.push({op:"remove",path:o,value:e}),a.unshift({op:n,path:o,value:e})}l++})),l=0,i.forEach((function(e){if(!o.has(e)){var i=t.concat([l]);r.push({op:n,path:i,value:e}),a.unshift({op:"remove",path:i,value:e})}l++}))}(e,r,a,o)}},M:function(e,t,n,r){n.push({op:"replace",path:[],value:t===Y?void 0:t}),r.push({op:"replace",path:[],value:e.t})}})}function V(){function e(e,t){function n(){this.constructor=e}a(e,t),e.prototype=(n.prototype=t.prototype,new n)}function t(e){e.o||(e.D=new Map,e.o=new Map(e.t))}function n(e){e.o||(e.o=new Set,e.t.forEach((function(t){if(l(t)){var n=L(e.A.h,t,e);e.p.set(t,n),e.o.add(n)}else e.o.add(t)})))}function r(e){e.O&&o(3,JSON.stringify(v(e)))}var a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},i=function(){function n(e,t){return this[Q]={i:2,l:t,A:t?t.A:_(),P:!1,I:!1,o:void 0,D:void 0,t:e,k:this,C:!1,O:!1},this}e(n,Map);var a=n.prototype;return Object.defineProperty(a,"size",{get:function(){return v(this[Q]).size}}),a.has=function(e){return v(this[Q]).has(e)},a.set=function(e,n){var a=this[Q];return r(a),v(a).has(e)&&v(a).get(e)===n||(t(a),M(a),a.D.set(e,!0),a.o.set(e,n),a.D.set(e,!0)),this},a.delete=function(e){if(!this.has(e))return!1;var n=this[Q];return r(n),t(n),M(n),n.D.set(e,!1),n.o.delete(e),!0},a.clear=function(){var e=this[Q];r(e),v(e).size&&(t(e),M(e),e.D=new Map,c(e.t,(function(t){e.D.set(t,!1)})),e.o.clear())},a.forEach=function(e,t){var n=this;v(this[Q]).forEach((function(r,a){e.call(t,n.get(a),a,n)}))},a.get=function(e){var n=this[Q];r(n);var a=v(n).get(e);if(n.I||!l(a))return a;if(a!==n.t.get(e))return a;var o=L(n.A.h,a,n);return t(n),n.o.set(e,o),o},a.keys=function(){return v(this[Q]).keys()},a.values=function(){var e,t=this,n=this.keys();return(e={})[X]=function(){return t.values()},e.next=function(){var e=n.next();return e.done?e:{done:!1,value:t.get(e.value)}},e},a.entries=function(){var e,t=this,n=this.keys();return(e={})[X]=function(){return t.entries()},e.next=function(){var e=n.next();if(e.done)return e;var r=t.get(e.value);return{done:!1,value:[e.value,r]}},e},a[X]=function(){return this.entries()},n}(),u=function(){function t(e,t){return this[Q]={i:3,l:t,A:t?t.A:_(),P:!1,I:!1,o:void 0,t:e,k:this,p:new Map,O:!1,C:!1},this}e(t,Set);var a=t.prototype;return Object.defineProperty(a,"size",{get:function(){return v(this[Q]).size}}),a.has=function(e){var t=this[Q];return r(t),t.o?!!t.o.has(e)||!(!t.p.has(e)||!t.o.has(t.p.get(e))):t.t.has(e)},a.add=function(e){var t=this[Q];return r(t),this.has(e)||(n(t),M(t),t.o.add(e)),this},a.delete=function(e){if(!this.has(e))return!1;var t=this[Q];return r(t),n(t),M(t),t.o.delete(e)||!!t.p.has(e)&&t.o.delete(t.p.get(e))},a.clear=function(){var e=this[Q];r(e),v(e).size&&(n(e),M(e),e.o.clear())},a.values=function(){var e=this[Q];return r(e),n(e),e.o.values()},a.entries=function(){var e=this[Q];return r(e),n(e),e.o.entries()},a.keys=function(){return this.values()},a[X]=function(){return this.values()},a.forEach=function(e,t){for(var n=this.values(),r=n.next();!r.done;)e.call(t,r.value,r.value,this),r=n.next()},t}();x("MapSet",{N:function(e,t){return new i(e,t)},T:function(e,t){return new u(e,t)}})}var H,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),B="undefined"!=typeof Map,q="undefined"!=typeof Set,K="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,Y=W?Symbol.for("immer-nothing"):((H={})["immer-nothing"]=!0,H),G=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",X="undefined"!=typeof Symbol&&Symbol.iterator||"@@iterator",J=""+Object.prototype.constructor,Z="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,ee=Object.getOwnPropertyDescriptors||function(e){var t={};return Z(e).forEach((function(n){t[n]=Object.getOwnPropertyDescriptor(e,n)})),t},te={},ne={get:function(e,t){if(t===Q)return e;var n=v(e);if(!s(n,t))return function(e,t,n){var r,a=R(t,n);return a?"value"in a?a.value:null===(r=a.get)||void 0===r?void 0:r.call(e.k):void 0}(e,n,t);var r=n[t];return e.I||!l(r)?r:r===I(e.t,t)?(z(e),e.o[t]=L(e.A.h,r,e)):r},has:function(e,t){return t in v(e)},ownKeys:function(e){return Reflect.ownKeys(v(e))},set:function(e,t,n){var r=R(v(e),t);if(null==r?void 0:r.set)return r.set.call(e.k,n),!0;if(!e.P){var a=I(v(e),t),o=null==a?void 0:a[Q];if(o&&o.t===n)return e.o[t]=n,e.D[t]=!1,!0;if(p(n,a)&&(void 0!==n||s(e.t,t)))return!0;z(e),M(e)}return e.o[t]===n&&"number"!=typeof n&&(void 0!==n||t in e.o)||(e.o[t]=n,e.D[t]=!0,!0)},deleteProperty:function(e,t){return void 0!==I(e.t,t)||t in e.t?(e.D[t]=!1,z(e),M(e)):delete e.D[t],e.o&&delete e.o[t],!0},getOwnPropertyDescriptor:function(e,t){var n=v(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r?{writable:!0,configurable:1!==e.i||"length"!==t,enumerable:r.enumerable,value:n[t]}:r},defineProperty:function(){o(11)},getPrototypeOf:function(e){return Object.getPrototypeOf(e.t)},setPrototypeOf:function(){o(12)}},re={};c(ne,(function(e,t){re[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}})),re.deleteProperty=function(e,t){return ne.deleteProperty.call(this,e[0],t)},re.set=function(e,t,n){return ne.set.call(this,e[0],t,n,e[0])};var ae=new(function(){function e(e){var t=this;this.g=K,this.F=!0,this.produce=function(e,n,r){if("function"==typeof e&&"function"!=typeof n){var a=n;n=e;var i=t;return function(e){var t=this;void 0===e&&(e=a);for(var r=arguments.length,o=Array(r>1?r-1:0),l=1;l<r;l++)o[l-1]=arguments[l];return i.produce(e,(function(e){var r;return(r=n).call.apply(r,[t,e].concat(o))}))}}var c;if("function"!=typeof n&&o(6),void 0!==r&&"function"!=typeof r&&o(7),l(e)){var u=C(t),s=L(t,e,void 0),f=!0;try{c=n(s),f=!1}finally{f?k(u):S(u)}return"undefined"!=typeof Promise&&c instanceof Promise?c.then((function(e){return O(u,r),P(e,u)}),(function(e){throw k(u),e})):(O(u,r),P(c,u))}if(!e||"object"!=typeof e){if((c=n(e))===Y)return;return void 0===c&&(c=e),t.F&&g(c,!0),c}o(21,e)},this.produceWithPatches=function(e,n){return"function"==typeof e?function(n){for(var r=arguments.length,a=Array(r>1?r-1:0),o=1;o<r;o++)a[o-1]=arguments[o];return t.produceWithPatches(n,(function(t){return e.apply(void 0,[t].concat(a))}))}:[t.produce(e,n,(function(e,t){r=e,a=t})),r,a];var r,a},"boolean"==typeof(null==e?void 0:e.useProxies)&&this.setUseProxies(e.useProxies),"boolean"==typeof(null==e?void 0:e.autoFreeze)&&this.setAutoFreeze(e.autoFreeze)}var t=e.prototype;return t.createDraft=function(e){l(e)||o(8),i(e)&&(e=function(e){return i(e)||o(22,e),function e(t){if(!l(t))return t;var n,r=t[Q],a=u(t);if(r){if(!r.P&&(r.i<4||!E("ES5").K(r)))return r.t;r.I=!0,n=D(t,a),r.I=!1}else n=D(t,a);return c(n,(function(t,a){r&&f(r.t,t)===a||d(n,t,e(a))})),3===a?new Set(n):n}(e)}(e));var t=C(this),n=L(this,e,void 0);return n[Q].C=!0,S(t),n},t.finishDraft=function(e,t){var n=(e&&e[Q]).A;return O(n,t),P(void 0,n)},t.setAutoFreeze=function(e){this.F=e},t.setUseProxies=function(e){e&&!K&&o(20),this.g=e},t.applyPatches=function(e,t){var n;for(n=t.length-1;n>=0;n--){var r=t[n];if(0===r.path.length&&"replace"===r.op){e=r.value;break}}var a=E("Patches").$;return i(e)?a(e,t):this.produce(e,(function(e){return a(e,t.slice(n+1))}))},e}()),oe=ae.produce,ie=ae.produceWithPatches.bind(ae),le=(ae.setAutoFreeze.bind(ae),ae.setUseProxies.bind(ae),ae.applyPatches.bind(ae)),ce=(ae.createDraft.bind(ae),ae.finishDraft.bind(ae),oe),ue=n(72),se=n.n(ue),fe=n(73),de=n.n(fe);function pe(e,t){if(!e)throw new Error("Invariant failed")}var me=n(3),he=n.n(me),ve=function(e,t){return(ve=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},ye=function(){return(ye=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function ge(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),a=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,l=o.length;i<l;i++,a++)r[a]=o[i];return r}var be={UNDO:"HISTORY_UNDO",REDO:"HISTORY_REDO",THROTTLE:"HISTORY_THROTTLE",IGNORE:"HISTORY_IGNORE",MERGE:"HISTORY_MERGE",CLEAR:"HISTORY_CLEAR"},we=function(){function e(){this.timeline=[],this.pointer=-1}return e.prototype.add=function(e,t){0===e.length&&0===t.length||(this.pointer=this.pointer+1,this.timeline.length=this.pointer,this.timeline[this.pointer]={patches:e,inversePatches:t,timestamp:Date.now()})},e.prototype.throttleAdd=function(e,t,n){if(void 0===n&&(n=500),0!==e.length||0!==t.length){if(this.timeline.length&&this.pointer>=0){var r=this.timeline[this.pointer],a=r.patches,o=r.inversePatches,i=r.timestamp;if((new Date).getTime()-i<n)return void(this.timeline[this.pointer]={timestamp:i,patches:ge(a,e),inversePatches:ge(t,o)})}this.add(e,t)}},e.prototype.merge=function(e,t){if(0!==e.length||0!==t.length)if(this.timeline.length&&this.pointer>=0){var n=this.timeline[this.pointer],r=n.inversePatches;this.timeline[this.pointer]={timestamp:n.timestamp,patches:ge(n.patches,e),inversePatches:ge(t,r)}}else this.add(e,t)},e.prototype.clear=function(){this.timeline=[],this.pointer=-1},e.prototype.canUndo=function(){return this.pointer>=0},e.prototype.canRedo=function(){return this.pointer<this.timeline.length-1},e.prototype.undo=function(e){if(this.canUndo()){var t=this.timeline[this.pointer].inversePatches;return this.pointer=this.pointer-1,le(e,t)}},e.prototype.redo=function(e){if(this.canRedo())return this.pointer=this.pointer+1,le(e,this.timeline[this.pointer].patches)},e}();function Ee(e,t,n,a){var o,i=Object(r.useMemo)((function(){return new we}),[]),l=Object(r.useRef)([]),c=Object(r.useRef)();"function"==typeof e?o=e:(o=e.methods,l.current=e.ignoreHistoryForActions,c.current=e.normalizeHistory);var u=Object(r.useRef)(a);u.current=a;var s=Object(r.useMemo)((function(){var e=c.current,t=l.current,r=u.current;return[function(a,l){var c,u=n&&xe(n,(function(){return a}),i),s=ie(a,(function(e){var t,n;switch(l.type){case be.UNDO:return i.undo(e);case be.REDO:return i.redo(e);case be.CLEAR:return i.clear(),ye({},e);case be.IGNORE:case be.MERGE:case be.THROTTLE:var r=l.payload,a=r[0],c=r.slice(1);(t=o(e,u))[a].apply(t,c);break;default:(n=o(e,u))[l.type].apply(n,l.payload)}})),f=s[0],d=s[1],p=s[2];return c=f,r&&r(f,a,{type:l.type,params:l.payload,patches:d},u,(function(e){var t=ie(f,e);c=t[0],d=ge(d,t[1]),p=ge(t[2],p)})),[be.UNDO,be.REDO].includes(l.type)&&e&&(c=ce(c,e)),ge(t,[be.UNDO,be.REDO,be.IGNORE,be.CLEAR]).includes(l.type)||(l.type===be.THROTTLE?i.throttleAdd(d,p,l.config&&l.config.rate):l.type===be.MERGE?i.merge(d,p):i.add(d,p)),c},o]}),[i,o,n]),f=s[1],d=Object(r.useReducer)(s[0],t),p=d[0],m=d[1],h=Object(r.useRef)();h.current=p;var v=Object(r.useMemo)((function(){return n?xe(n,(function(){return h.current}),i):[]}),[i,n]),y=Object(r.useMemo)((function(){var e=Object.keys(f(null,null)),t=l.current;return ye(ye({},e.reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return m({type:t,payload:e})},e}),{})),{history:{undo:function(){return m({type:be.UNDO})},redo:function(){return m({type:be.REDO})},clear:function(){return m({type:be.CLEAR})},throttle:function(n){return ye({},e.filter((function(e){return!t.includes(e)})).reduce((function(e,t){return e[t]=function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return m({type:be.THROTTLE,payload:ge([t],e),config:{rate:n}})},e}),{}))},ignore:function(){return ye({},e.filter((function(e){return!t.includes(e)})).reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return m({type:be.IGNORE,payload:ge([t],e)})},e}),{}))},merge:function(){return ye({},e.filter((function(e){return!t.includes(e)})).reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return m({type:be.MERGE,payload:ge([t],e)})},e}),{}))}}})}),[f]),g=Object(r.useCallback)((function(){return h.current}),[]),b=Object(r.useMemo)((function(){return new _e(g)}),[g]);return Object(r.useEffect)((function(){h.current=p,b.notify()}),[p,b]),Object(r.useMemo)((function(){return{getState:g,subscribe:function(e,t,n){return b.subscribe(e,t,n)},actions:y,query:v,history:i}}),[y,v,b,g,i])}function xe(e,t,n){var r=Object.keys(e()).reduce((function(n,r){var a;return ye(ye({},n),((a={})[r]=function(){for(var n,a=[],o=0;o<arguments.length;o++)a[o]=arguments[o];return(n=e(t()))[r].apply(n,a)},a))}),{});return ye(ye({},r),{history:{canUndo:function(){return n.canUndo()},canRedo:function(){return n.canRedo()}}})}V(),F();var _e=function(){function e(e){this.subscribers=[],this.getState=e}return e.prototype.subscribe=function(e,t,n){var r=this,a=new Oe((function(){return e(r.getState())}),t,n);return this.subscribers.push(a),this.unsubscribe.bind(this,a)},e.prototype.unsubscribe=function(e){if(this.subscribers.length){var t=this.subscribers.indexOf(e);if(t>-1)return this.subscribers.splice(t,1)}},e.prototype.notify=function(){this.subscribers.forEach((function(e){return e.collect()}))},e}(),Oe=function(){function e(e,t,n){void 0===n&&(n=!1),this.collector=e,this.onChange=t,n&&this.collect()}return e.prototype.collect=function(){try{var e=this.collector();se()(e,this.collected)||(this.collected=e,this.onChange&&this.onChange(this.collected))}catch(e){console.warn(e)}},e}(),ke=function(e){return window.getComputedStyle(e)},Se=function(e){var t=e.getBoundingClientRect(),n=t.x,r=t.y,a=t.top,o=t.left,i=t.bottom,l=t.right,c=t.width,u=t.height,s=function(e){return{left:parseInt(ke(e).marginLeft),right:parseInt(ke(e).marginRight),bottom:parseInt(ke(e).marginTop),top:parseInt(ke(e).marginBottom)}}(e),f=function(e){return{left:parseInt(ke(e).paddingLeft),right:parseInt(ke(e).paddingRight),bottom:parseInt(ke(e).paddingTop),top:parseInt(ke(e).paddingBottom)}}(e);return{x:Math.round(n),y:Math.round(r),top:Math.round(a),left:Math.round(o),bottom:Math.round(i),right:Math.round(l),width:Math.round(c),height:Math.round(u),outerWidth:Math.round(c+s.left+s.right),outerHeight:Math.round(u+s.top+s.bottom),margin:s,padding:f,inFlow:e&&e.parentElement&&!!Ce(e,e.parentElement)}},Ce=function(e,t){var n=ke(e),r=ke(t);if(!(n.overflow&&"visible"!==n.overflow||"none"!==r.float||t&&"grid"===r.display||t&&"flex"===r.display&&"column"!==r["flex-direction"])){switch(n.position){case"static":case"relative":break;default:return}switch(e.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(n.display){case"block":case"list-item":case"table":case"flex":case"grid":return!0}}};function je(e,t){var n=e.subscribe,a=e.getState,o=e.actions,i=e.query,l=Object(r.useRef)(!0),c=Object(r.useRef)(null),u=Object(r.useRef)(t);u.current=t;var s=Object(r.useCallback)((function(e){return ye(ye({},e),{actions:o,query:i})}),[o,i]);l.current&&t&&(c.current=t(a(),i),l.current=!1);var f=Object(r.useState)(s(c.current)),d=f[0],p=f[1];return Object(r.useEffect)((function(){var e;return u.current&&(e=n((function(e){return u.current(e,i)}),(function(e){p(s(e))}))),function(){e&&e()}}),[s,i,n]),d}var Pe,Ne,Te=function(e){return void 0===e&&(e=10),((e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((e,t)=>e+=(t&=63)<36?t.toString(36):t<62?(t-26).toString(36).toUpperCase():t>62?"-":"_",""))(e)},Ae=function(){function e(){this.elementIdMap=new WeakMap,this.registry=new Map}return e.prototype.getElementId=function(e){var t=this.elementIdMap.get(e);if(t)return t;var n=Te();return this.elementIdMap.set(e,n),n},e.prototype.getConnectorId=function(e,t){return t+"--"+this.getElementId(e)},e.prototype.register=function(e,t){if(this.get(e,t.name)){if(de()(t.required,this.get(e,t.name).required))return;this.get(e,t.name).disable()}var n=null;this.registry.set(this.getConnectorId(e,t.name),{required:t.required,enable:function(){n&&n(),n=t.connector(e,t.required,t.options)},disable:function(){n&&n()}}),this.registry.get(this.getConnectorId(e,t.name)).enable()},e.prototype.get=function(e,t){return this.registry.get(this.getConnectorId(e,t))},e.prototype.enable=function(){this.registry.forEach((function(e){e.enable()}))},e.prototype.disable=function(){this.registry.forEach((function(e){e.disable()}))},e.prototype.clear=function(){this.elementIdMap=new WeakMap,this.registry.clear()},e}();(Ne=Pe||(Pe={}))[Ne.HandlerDisabled=0]="HandlerDisabled",Ne[Ne.HandlerEnabled=1]="HandlerEnabled";var Ie=function(){function e(e){this.registry=new Ae,this.subscribers=new Set,this.options=e}return e.prototype.listen=function(e){var t=this;return this.subscribers.add(e),function(){return t.subscribers.delete(e)}},e.prototype.disable=function(){this.registry.disable(),this.subscribers.forEach((function(e){e(Pe.HandlerDisabled)}))},e.prototype.enable=function(){this.registry.enable(),this.subscribers.forEach((function(e){e(Pe.HandlerEnabled)}))},e.prototype.cleanup=function(){this.disable(),this.subscribers.clear(),this.registry.clear()},e.prototype.addCraftEventListener=function(e,t,n,r){var a=function(r){(function(e,t,n){e.craft||(e.craft={stopPropagation:function(){},blockedEvents:{}});for(var r=e.craft&&e.craft.blockedEvents[t]||[],a=0;a<r.length;a++){var o=r[a];if(n!==o&&n.contains(o))return!0}return!1})(r,t,e)||(r.craft.stopPropagation=function(){r.craft.blockedEvents[t]||(r.craft.blockedEvents[t]=[]),r.craft.blockedEvents[t].push(e)},n(r))};return e.addEventListener(t,a,r),function(){return e.removeEventListener(t,a,r)}},Object.defineProperty(e.prototype,"connectors",{get:function(){var e=this,t=this.handlers();return Object.keys(t).reduce((function(n,r){var a;return ye(ye({},n),((a={})[r]=function(n,a,o){return e.registry.register(n,{required:a,name:r,options:o,connector:t[r]}),n},a))}),{})},enumerable:!0,configurable:!0}),e.prototype.derive=function(e,t){return new e(this,t)},e.prototype.createProxyHandlers=function(e,t){var n=[],r=e.handlers();return t(new Proxy(r,{get:function(e,t,a){return t in r==0?Reflect.get(e,t,a):function(e){for(var a=[],o=1;o<arguments.length;o++)a[o-1]=arguments[o];var i=r[t].apply(r,ge([e],a));i&&n.push(i)}}})),function(){n.forEach((function(e){e()}))}},e.prototype.reflect=function(e){return this.createProxyHandlers(this,e)},e}(),Re=function(e){function t(t,n){var r=e.call(this,n)||this;return r.derived=t,r.options=n,r.unsubscribeParentHandlerListener=r.derived.listen((function(e){switch(e){case Pe.HandlerEnabled:return r.enable();case Pe.HandlerDisabled:return r.disable();default:return}})),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}ve(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.inherit=function(e){return this.createProxyHandlers(this.derived,e)},t.prototype.cleanup=function(){e.prototype.cleanup.call(this),this.unsubscribeParentHandlerListener()},t}(Ie);function Me(e,t){t&&("function"==typeof e?e(t):e.current=t)}function ze(e,t){var n=e.ref;return pe("string"!=typeof n),Object(r.cloneElement)(e,n?{ref:function(e){Me(n,e),Me(t,e)}}:{ref:t})}function Le(e){if("string"!=typeof e.type)throw new Error}function De(e){return Object.keys(e).reduce((function(t,n){return t[n]=function(e){return function(t){void 0===t&&(t=null);for(var n=[],a=1;a<arguments.length;a++)n[a-1]=arguments[a];if(!Object(r.isValidElement)(t)){if(!t)return;var o=t;return o&&e.apply(void 0,ge([o],n)),o}var i=t;return Le(i),ze(i,e)}}((function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e[n].apply(e,t)})),t}),{})}var Fe=function(e){var t=e.parentDom,n=a.a.createElement("div",{style:ye({position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999},e.style)});return t&&t.ownerDocument!==document?he.a.createPortal(n,t.ownerDocument.body):n},Ve=function(e,t){var n="Deprecation warning: "+e+" will be deprecated in future relases.",r=t.suggest,a=t.doc;r&&(n+=" Please use "+r+" instead."),a&&(n+="("+a+")"),console.warn(n)},He=n(7),Ue=(n(74),function(e,t){return(Ue=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)});function We(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}Ue(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var Be=function(){return(Be=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function qe(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}function $e(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),a=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,l=o.length;i<l;i++,a++)r[a]=o[i];return r}var Ke=Object(r.createContext)(null),Ye=function(){return Object(r.useContext)(Ke)},Ge=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t.prototype.handlers=function(){return{connect:function(e,t){},select:function(e,t){},hover:function(e,t){},drag:function(e,t){},drop:function(e,t){},create:function(e,t,n){}}},t}(Ie),Qe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t}(Re),Xe=function(e,t){var n=e.currentTarget,r=t.getBoundingClientRect(),a=r.top,o=r.left,i=r.width,l=r.height;if(n){var c=document.createElement("div");c.style.position="fixed",c.style.left="-100%",c.style.top="-100%",c.style.width="100%",c.style.height="100%",c.style.pointerEvents="none";var u=t.cloneNode(!0);return u.style.position="absolute",u.style.width=i+"px",u.style.height=l+"px",u.style.left=o+"px",u.style.top=a+"px",c.appendChild(u),document.body.appendChild(c),e.dataTransfer.setDragImage(c,o,a),c}},Je=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.currentSelectedElementIds=[],t}return We(t,e),t.prototype.handlers=function(){var e=this,n=this.options.store;return{connect:function(t,r){return n.actions.setDOM(r,t),e.reflect((function(e){e.select(t,r),e.hover(t,r),e.drop(t,r)}))},select:function(t,r){var a=e.addCraftEventListener(t,"mousedown",(function(t){t.craft.stopPropagation(),e.options.store.actions.setNodeEvent("selected",r)}));return function(){n.actions.setNodeEvent("selected",null),a()}},hover:function(t,r){var a=e.addCraftEventListener(t,"mouseover",(function(e){e.craft.stopPropagation(),n.actions.setNodeEvent("hovered",r)}));return function(){n.actions.setNodeEvent("hovered",null),a()}},drop:function(r,a){var o=e.addCraftEventListener(r,"dragover",(function(e){e.craft.stopPropagation(),e.preventDefault()})),i=e.addCraftEventListener(r,"dragenter",(function(e){e.craft.stopPropagation(),e.preventDefault();var r=t.draggedElement;if(r){var o=r;r.rootNodeId&&(o=r.nodes[r.rootNodeId]);var i=n.query.getDropPlaceholder(o,a,{x:e.clientX,y:e.clientY});i&&(n.actions.setIndicator(i),t.indicator=i)}}));return function(){i(),o()}},drag:function(r,a){if(!n.query.node(a).isDraggable())return function(){};r.setAttribute("draggable","true");var o=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation(),t.draggedElementShadow=Xe(e,n.query.node(a).get().dom),t.draggedElement=a})),i=e.addCraftEventListener(r,"dragend",(function(t){t.craft.stopPropagation(),e.dropElement((function(e,t){n.actions.move(e,t.parent.id,t.index+("after"===t.where?1:0))}))}));return function(){r.setAttribute("draggable","false"),o(),i()}},create:function(r,a,o){r.setAttribute("draggable","true");var i=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation();var r=n.query.parseReactElement(a).toNodeTree();t.draggedElementShadow=Xe(e,e.currentTarget),t.draggedElement=r})),l=e.addCraftEventListener(r,"dragend",(function(t){t.craft.stopPropagation(),e.dropElement((function(e,t){n.actions.addNodeTree(e,t.parent.id,t.index+("after"===t.where?1:0)),o&&Object(He.isFunction)(o.onCreate)&&o.onCreate(e)}))}));return function(){r.removeAttribute("draggable"),i(),l()}}}},t.prototype.dropElement=function(e){var n=this.options.store,r=t.draggedElement,a=t.draggedElementShadow,o=t.indicator;r&&o&&!o.error&&e(r,o.placement),a&&(a.parentNode.removeChild(a),t.draggedElementShadow=null),t.draggedElement=null,t.indicator=null,n.actions.setIndicator(null),n.actions.setNodeEvent("dragged",null)},t.indicator=null,t}(Ge);function Ze(e,t,n,r){void 0===r&&(r=2);var a=0,o=0,i=0,l=0,c=e.where;return n?n.inFlow?(i=n.outerWidth,l=r,a="before"===c?n.top:n.bottom,o=n.left):(i=r,l=n.outerHeight,a=n.top,o="before"===c?n.left:n.left+n.outerWidth):t&&(a=t.top+t.padding.top,o=t.left+t.padding.left,i=t.outerWidth-t.padding.right-t.padding.left-t.margin.left-t.margin.right,l=r),{top:a+"px",left:o+"px",width:i+"px",height:l+"px"}}var et=Object(r.createContext)(null);function tt(e){var t=Object(r.useContext)(et);pe(t);var n=Ye(),a=je(t,e),o=Object(r.useMemo)((function(){return n&&De(n.connectors)}),[n]);return Be(Be({},a),{connectors:o,inContext:!!t,store:t})}var nt=function(e){var t=e.children,n=tt((function(e){return{enabled:e.options.enabled,indicator:e.events.indicator,indicatorOptions:e.options.indicator,handlers:e.handlers,handlersFactory:e.options.handlers,hydrationTimestamp:e.nodes.ROOT&&e.nodes.ROOT._hydrationTimestamp}})),o=n.actions,i=n.indicator,l=n.indicatorOptions,c=n.store,u=n.handlers,s=n.handlersFactory,f=n.enabled,d=n.hydrationTimestamp,p=Object(r.useRef)(c);p.current=c;var m=Object(r.useRef)(u);return m.current=u,Object(r.useEffect)((function(){return o.history.ignore().setState((function(e){return e.handlers=s(p.current)})),function(){m.current&&m.current.cleanup()}}),[o,s,d]),Object(r.useEffect)((function(){u&&(f?u.enable():u.disable())}),[f,u]),u?a.a.createElement(Ke.Provider,{value:u},i&&a.a.createElement(Fe,{style:Be(Be({},Ze(i.placement,Se(i.placement.parent.dom),i.placement.currentNode&&Se(i.placement.currentNode.dom),l.thickness)),{backgroundColor:i.error?l.error:l.success,transition:l.transition||"0.2s ease-in"}),parentDom:i.placement.parent.dom}),t):null},rt=a.a.createContext(null),at=function(e){var t=e.id,n=e.related,o=void 0!==n&&n,i=e.children,l=Ye(),c=Object(r.useMemo)((function(){return De({connect:function(e){return l.connectors.connect(e,t)},drag:function(e){return l.connectors.drag(e,t)}})}),[l,t]);return a.a.createElement(rt.Provider,{value:{id:t,related:o,connectors:c}},i)};function ot(e){var t=Object(r.useContext)(rt);pe(t);var n=t.id,a=t.related,o=t.connectors,i=tt((function(t){return n&&t.nodes[n]&&e&&e(t.nodes[n])})),l=i.actions,c=qe(i,["actions","query"]),u=Object(r.useMemo)((function(){return{setProp:function(e,t){t?l.history.throttle(t).setProp(n,e):l.setProp(n,e)},setCustom:function(e,t){t?l.history.throttle(t).setCustom(n,e):l.setCustom(n,e)},setHidden:function(e){return l.setHidden(n,e)}}}),[l,n]);return Be(Be({},c),{id:n,related:a,inNodeContext:!!t,actions:u,connectors:o})}function it(e){var t=ot(e),n=t.id,r=t.related,a=t.actions,o=t.inNodeContext,i=t.connectors,l=qe(t,["id","related","actions","inNodeContext","connectors"]);return Be(Be({},l),{actions:a,id:n,related:r,setProp:function(e){return Ve("useNode().setProp()",{suggest:"useNode().actions.setProp()"}),a.setProp(e)},inNodeContext:o,connectors:i})}var lt=function(e){var t=e.render,n=it().connectors;return"string"==typeof t.type?(0,n.connect)((0,n.drag)(a.a.cloneElement(t))):t},ct=function(){var e=ot((function(e){return{type:e.data.type,props:e.data.props,nodes:e.data.nodes,hydrationTimestamp:e._hydrationTimestamp}})),t=e.type,n=e.props,o=e.nodes;return Object(r.useMemo)((function(){var e=n.children;o&&o.length>0&&(e=a.a.createElement(a.a.Fragment,null,o.map((function(e){return a.a.createElement(st,{id:e,key:e})}))));var r=a.a.createElement(t,n,e);return"string"==typeof t?a.a.createElement(lt,{render:r}):r}),[t,n,e.hydrationTimestamp,o])},ut=function(e){var t=e.render,n=ot((function(e){return{hidden:e.data.hidden}})).hidden,r=tt((function(e){return{onRender:e.options.onRender}})).onRender;return n?null:a.a.createElement(r,{render:t||a.a.createElement(ct,null)})},st=function(e){return a.a.createElement(at,{id:e.id},a.a.createElement(ut,{render:e.render}))},ft={is:"div",canvas:!1,custom:{},hidden:!1},dt={is:"type",canvas:"isCanvas"};function pt(e){var t=e.id,n=e.children,o=qe(e,["id","children"]),i=Be(Be({},ft),o).is,l=tt(),c=l.query,u=l.actions,s=ot((function(e){return{node:{id:e.id,data:e.data}}})),f=s.node,d=s.inNodeContext,p=Object(r.useState)(null),m=p[0],h=p[1];return function(e){Object(r.useEffect)(e,[])}((function(){pe(!!t);var e=f.id,r=f.data;if(d){var l,s=r.linkedNodes&&r.linkedNodes[t]&&c.node(r.linkedNodes[t]).get();if(s&&s.data.type===i)l=s.id;else{var p=a.a.createElement(pt,o,n),m=c.parseReactElement(p).toNodeTree();l=m.rootNodeId,u.history.ignore().addLinkedNodeFromTree(m,e,t)}h(l)}})),m?a.a.createElement(st,{id:m}):null}var mt=function(){return Ve("<Canvas />",{suggest:"<Element canvas={true} />"})};function ht(e){var t=qe(e,[]);return Object(r.useEffect)((function(){return mt()}),[]),a.a.createElement(pt,Be({},t,{canvas:!0}))}var vt=function(e){var t=e.children,n=e.json,o=e.data,i=tt(),l=i.actions,c=i.query,u=Object(r.useState)(null),s=u[0],f=u[1];n&&Ve("<Frame json={...} />",{suggest:"<Frame data={...} />"});var d=Object(r.useRef)({initialChildren:t,initialData:o||n});return Object(r.useEffect)((function(){var e=d.current,t=e.initialChildren,n=e.initialData;if(n)l.history.ignore().deserialize(n);else if(t){var r=a.a.Children.only(t),o=c.parseReactElement(r).toNodeTree((function(e,t){return t===r&&(e.id="ROOT"),e}));l.history.ignore().addNodeTree(o)}f(a.a.createElement(st,{id:"ROOT"}))}),[l,c]),s},yt=function(e){return qe(e,["addLinkedNodeFromTree","setDOM","setNodeEvent","replaceNodes","reset"])};function gt(e){var t=tt(e),n=t.connectors,a=t.actions,o=qe(t.query,["deserialize"]),i=t.store,l=qe(t,["connectors","actions","query","store"]),c=yt(a),u=Object(r.useMemo)((function(){return Be(Be({},c),{history:Be(Be({},c.history),{ignore:function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return yt((e=c.history).ignore.apply(e,t))},throttle:function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return yt((e=c.history).throttle.apply(e,t))}})})}),[c]);return Be({connectors:n,actions:u,query:o,store:i},l)}var bt=function(e){return Object.fromEntries?Object.fromEntries(e):e.reduce((function(e,t){var n,r=t[0],a=t[1];return Be(Be({},e),((n={})[r]=a,n))}),{})},wt=function(e,t){var n=t.name||t.displayName;if(t===ht)return"Canvas";if(e[n])return n;for(var r=0;r<Object.keys(e).length;r++){var a=Object.keys(e)[r];if(e[a]===t)return a}return"string"==typeof t?t:void 0},Et=function(e,t){return"string"==typeof e?e:{resolvedName:wt(t,e)}},xt=function(e,t){var n=e.type,a=e.isCanvas,o=e.props;return o=Object.keys(o).reduce((function(e,n){var a=o[n];return null==a||(e[n]="children"===n&&"string"!=typeof a?r.Children.map(a,(function(e){return"string"==typeof e?e:xt(e,t)})):a.type?xt(a,t):a),e}),{}),{type:Et(n,t),isCanvas:!!a,props:o}};function _t(e,t){pe("string"==typeof t);var n=e.nodes[t],r=function(t){return _t(e,t)};return{isCanvas:function(){return!!n.data.isCanvas},isRoot:function(){return"ROOT"===n.id},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 Ve("query.node(id).isParentOfTopLevelCanvas",{suggest:"query.node(id).isParentOfTopLevelNodes"}),this.isParentOfTopLevelNodes()},get:function(){return n},ancestors:function(t){return void 0===t&&(t=!1),function n(r,a,o){void 0===a&&(a=[]),void 0===o&&(o=0);var i=e.nodes[r];return i?(a.push(r),i.data.parent?((t||!t&&0===o)&&(a=n(i.data.parent,a,o+1)),a):a):a}(n.data.parent)},descendants:function(n,a){return void 0===n&&(n=!1),function t(o,i,l){return void 0===i&&(i=[]),void 0===l&&(l=0),(n||!n&&0===l)&&e.nodes[o]?("childNodes"!==a&&r(o).linkedNodes().forEach((function(e){i.push(e),i=t(e,i,l+1)})),"linkedNodes"!==a&&r(o).childNodes().forEach((function(e){i.push(e),i=t(e,i,l+1)})),i):i}(t)},linkedNodes:function(){return Object.values(n.data.linkedNodes||{})},childNodes:function(){return n.data.nodes||[]},isDraggable:function(t){try{var a=n;return pe(!this.isTopLevelNode()),pe(_t(e,a.data.parent).isCanvas()),pe(a.rules.canDrag(a,r)),!0}catch(e){return t&&t(e),!1}},isDroppable:function(t,a){var o="object"==typeof t&&!e.nodes[t.id],i=function(t){return"string"==typeof t?e.nodes[t]:t}(t),l=n;try{if("string"==typeof t&&pe(!r(t).isTopLevelNode()),pe(this.isCanvas()),pe(l.rules.canMoveIn(i,l,r)),pe(i.rules.canDrop(l,i,r)),o)return!0;pe(!r(i.id).descendants(!0).includes(l.id)&&l.id!==i.id);var c=i.data.parent&&e.nodes[i.data.parent];return pe(c.data.isCanvas),pe(c||!c&&!e.nodes[i.id]),n!==c&&pe(c.rules.canMoveOut(i,c,r)),!0}catch(e){return a&&a(e),!1}},toSerializedNode:function(){return function(e,t){var n=e.type,r=e.props,a=e.isCanvas,o=qe(e,["type","props","isCanvas","name"]),i=xt({type:n,isCanvas:a,props:r},t);return Be(Be({},i),o)}(n.data,e.options.resolver)},toNodeTree:function(e){var n=$e([t],this.descendants(!0,e)).reduce((function(e,t){return e[t]=r(t).get(),e}),{});return{rootNodeId:t,nodes:n}},decendants:function(e){return void 0===e&&(e=!1),Ve("query.node(id).decendants",{suggest:"query.node(id).descendants"}),this.descendants(e)},isTopLevelCanvas:function(){return!this.isRoot()&&!n.data.parent}}}var Ot=function(e){return"string"==typeof e?e:e.name};function kt(e,t){var n=e.data.type,r={id:e.id||Te(),_hydrationTimestamp:Date.now(),data:Be({type:n,name:Ot(n),displayName:Ot(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===pt||r.data.type===ht){var o=Be(Be({},ft),r.data.props);r.data.props=Object.keys(r.data.props).reduce((function(e,t){return Object.keys(ft).includes(t)?r.data[dt[t]||t]=o[t]:e[t]=r.data.props[t],e}),{}),r.data.name=Ot(n=r.data.type),r.data.displayName=Ot(n),r.data.type===ht&&(r.data.isCanvas=!0,mt())}t&&t(r);var i=n.craft;if(i&&(r.data.displayName=i.displayName||i.name||r.data.displayName,r.data.props=Be(Be({},i.props||i.defaultProps||{}),r.data.props),r.data.custom=Be(Be({},i.custom||{}),r.data.custom),null!=i.isCanvas&&(r.data.isCanvas=i.isCanvas),i.rules&&Object.keys(i.rules).forEach((function(e){["canDrag","canDrop","canMoveIn","canMoveOut"].includes(e)&&(r.rules[e]=i.rules[e])})),i.related)){var l={id:r.id,related:!0};Object.keys(i.related).forEach((function(e){r.related[e]=function(){return a.a.createElement(at,l,a.a.createElement(i.related[e]))}}))}return r}var St=function(e,t,n){var r=e.props,o=function(e,t){return"object"==typeof e&&e.resolvedName?"Canvas"===e.resolvedName?ht:t[e.resolvedName]:"string"==typeof e?e:null}(e.type,t);if(o){r=Object.keys(r).reduce((function(e,n){var a=r[n];return e[n]=null==a?null:"object"==typeof a&&a.resolvedName?St(a,t):"children"===n&&Array.isArray(a)?a.map((function(e){return"string"==typeof e?e:St(e,t)})):a,e}),{}),n&&(r.key=n);var i=Be({},a.a.createElement(o,Be({},r)));return Be(Be({},i),{name:wt(t,i.type)})}},Ct=function(e,t){var n,r;if(t.length<1)return(n={})[e.id]=e,n;var a=t.map((function(e){return e.rootNodeId})),o=Be(Be({},e),{data:Be(Be({},e.data),{nodes:a})}),i=((r={})[e.id]=o,r);return t.reduce((function(t,n){var r,a=n.nodes[n.rootNodeId];return Be(Be(Be({},t),n.nodes),((r={})[a.id]=Be(Be({},a),{data:Be(Be({},a.data),{parent:e.id})}),r))}),i)};function jt(e){var t=e&&e.options,n=function(){return jt(e)};return{getDropPlaceholder:function(t,r,a,o){if(void 0===o&&(o=function(t){return e.nodes[t.id].dom}),t!==r){var i="string"==typeof t&&e.nodes[t],l=e.nodes[r],c=n().node(l.id).isCanvas()?l:e.nodes[l.data.parent];if(c){var u=c.data.nodes||[],s=function(e,t,n,r){for(var a={parent:e,index:0,where:"before"},o=0,i=0,l=0,c=0,u=0,s=0,f=0,d=t.length;f<d;f++){var p=t[f];if(s=p.top+p.outerHeight,c=p.left+p.outerWidth/2,u=p.top+p.outerHeight/2,!(i&&p.left>i||l&&u>=l||o&&p.left+p.outerWidth<o))if(a.index=f,p.inFlow){if(r<u){a.where="before";break}a.where="after"}else r<s&&(l=s),n<c?(i=c,a.where="before"):(o=c,a.where="after")}return a}(c,u?u.reduce((function(t,n){var r=o(e.nodes[n]);if(r){var a=Be({id:n},Se(r));t.push(a)}return t}),[]):[],a.x,a.y),f=u.length&&e.nodes[u[s.index]],d={placement:Be(Be({},s),{currentNode:f}),error:!1};return i&&n().node(i.id).isDraggable((function(e){return d.error=e})),n().node(c.id).isDroppable(t,(function(e){return d.error=e})),d}}},getOptions:function(){return t},node:function(t){return _t(e,t)},getSerializedNodes:function(){var t=this,n=Object.keys(e.nodes).map((function(e){return[e,t.node(e).toSerializedNode()]}));return bt(n)},serialize:function(){return JSON.stringify(this.getSerializedNodes())},parseReactElement:function(t){return{toNodeTree:function(o){var i=function(e,t){var n=e;return"string"==typeof n&&(n=a.a.createElement(r.Fragment,{},n)),kt({data:{type:n.type,props:Be({},n.props)}},(function(e){t&&t(e,n)}))}(t,(function(t,n){var r=wt(e.options.resolver,t.data.type);pe(null!==r),t.data.displayName=t.data.displayName||r,t.data.name=r,o&&o(t,n)})),l=[];return t.props&&t.props.children&&(l=a.a.Children.toArray(t.props.children).reduce((function(e,t){return a.a.isValidElement(t)&&e.push(n().parseReactElement(t).toNodeTree(o)),e}),[])),function(e,t){return{rootNodeId:e.id,nodes:Ct(e,t)}}(i,l)}}},parseSerializedNode:function(t){return{toNode:function(r){var a=function(e,t){var n=e.type,r=qe(e,["type","props"]);pe(void 0!==n&&"string"==typeof n||void 0!==n&&void 0!==n.resolvedName,"An Error occurred while deserializing components: Cannot find component <%displayName% /> in resolver map. Please check your resolver in <Editor />\n\nAvailable components in resolver: %availableComponents%\n\nMore info: https://craft.js.org/r/docs/api/editor#props".replace("%displayName%",e.displayName).replace("%availableComponents%",Object.keys(t).join(", ")));var a=St(e,t),o=a.name;return{type:a.type,name:o,displayName:r.displayName||o,props:a.props,custom:r.custom||{},isCanvas:!!r.isCanvas,hidden:!!r.hidden,parent:r.parent,linkedNodes:r.linkedNodes||r._childCanvas||{},nodes:r.nodes||[]}}(t,e.options.resolver);pe(a.type);var o="string"==typeof r&&r;return o&&Ve("query.parseSerializedNode(...).toNode(id)",{suggest:"query.parseSerializedNode(...).toNode(node => node.id = id)"}),n().parseFreshNode(Be(Be({},o?{id:o}:{}),{data:a})).toNode(!o&&r)}}},parseFreshNode:function(t){return{toNode:function(n){return kt(t,(function(t){"canvas-ROOT"===t.data.parent&&(t.data.parent="ROOT");var r=wt(e.options.resolver,t.data.type);pe(null!==r),t.data.displayName=t.data.displayName||r,t.data.name=r,n&&n(t)}))}}},createNode:function(e,t){Ve("query.createNode("+e+")",{suggest:"query.parseReactElement("+e+").toNodeTree()"});var n=this.parseReactElement(e).toNodeTree(),r=n.nodes[n.rootNodeId];return t?(t.id&&(r.id=t.id),t.data&&(r.data=Be(Be({},r.data),t.data)),r):r},getState:function(){return e}}}var Pt={nodes:{},events:{dragged:null,selected:null,hovered:null,indicator:null},handlers:null,options:{onNodesChange:function(){return null},onRender:function(e){return e.render},resolver:{},enabled:!0,indicator:{error:"red",success:"rgb(98, 196, 98)"},handlers:function(e){return new Je({store:e})}}},Nt={methods:function(e,t){return Be(Be({},function(e,t){var n=function(t,n,a){var o=function(n,r){var a=t.nodes[n];e.nodes[n]=Be(Be({},a),{data:Be(Be({},a.data),{parent:r})}),a.data.nodes.length>0&&(delete e.nodes[n].data.props.children,a.data.nodes.forEach((function(e){return o(e,a.id)}))),Object.values(a.data.linkedNodes).forEach((function(e){return o(e,a.id)}))};if(o(t.rootNodeId,n),n){var i=r(n);if("child"!==a.type)i.data.linkedNodes[a.id]=t.rootNodeId;else{var l=a.index;null!=l?i.data.nodes.splice(l,0,t.rootNodeId):i.data.nodes.push(t.rootNodeId)}}else pe("ROOT"===t.rootNodeId)},r=function(t){pe(t);var n=e.nodes[t];return pe(n),n},a=function(t){var n=e.nodes[t],r=e.nodes[n.data.parent];if(n.data.nodes&&$e(n.data.nodes).forEach((function(e){return a(e)})),n.data.linkedNodes&&Object.values(n.data.linkedNodes).map((function(e){return a(e)})),r.data.nodes.includes(t)){var o=r.data.nodes;o.splice(o.indexOf(t),1)}else{var i=Object.keys(r.data.linkedNodes).find((function(e){return r.data.linkedNodes[e]===e}));i&&delete r.data.linkedNodes[i]}!function(e,t){Object.keys(e.events).forEach((function(n){e.events[n]&&e.events[n]===t&&(e.events[n]=null)}))}(e,t),delete e.nodes[t]};return{addLinkedNodeFromTree:function(e,t,o){var i=r(t).data.linkedNodes[o];i&&a(i),n(e,t,{type:"linked",id:o})},add:function(e,t,r){var a=[e];Array.isArray(e)&&(Ve("actions.add(node: Node[])",{suggest:"actions.add(node: Node)"}),a=e),a.forEach((function(e){var a;n({nodes:(a={},a[e.id]=e,a),rootNodeId:e.id},t,{type:"child",index:r})}))},addNodeTree:function(e,t,r){n(e,t,{type:"child",index:r})},delete:function(e){pe(!t.node(e).isTopLevelNode()),a(e)},deserialize:function(e){var n="string"==typeof e?JSON.parse(e):e,r=Object.keys(n).map((function(e){var r=e;return"canvas-ROOT"===e&&(r="ROOT"),[r,t.parseSerializedNode(n[e]).toNode((function(e){return e.id=r}))]}));this.replaceNodes(bt(r))},move:function(n,r,a){var o=e.nodes[n],i=o.data.parent,l=e.nodes[r].data.nodes;t.node(r).isDroppable(o,(function(e){throw new Error(e)}));var c=e.nodes[i].data.nodes;c[c.indexOf(n)]="marked",l.splice(a,0,n),e.nodes[n].data.parent=r,c.splice(c.indexOf("marked"),1)},replaceNodes:function(t){this.clearEvents(),e.nodes=t},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(t){t(e.options)},setNodeEvent:function(t,n){var r=e.events[t];r&&n!==r&&(e.nodes[r].events[t]=!1),n?(e.nodes[n].events[t]=!0,e.events[t]=n):e.events[t]=null},setCustom:function(t,n){n(e.nodes[t].data.custom)},setDOM:function(t,n){e.nodes[t]&&(e.nodes[t].dom=n)},setIndicator:function(t){t&&(!t.placement.parent.dom||t.placement.currentNode&&!t.placement.currentNode.dom)||(e.events.indicator=t)},setHidden:function(t,n){e.nodes[t].data.hidden=n},setProp:function(t,n){pe(e.nodes[t]),n(e.nodes[t].data.props)},selectNode:function(e){this.setNodeEvent("selected",null!=e?e:null),this.setNodeEvent("hovered",null)}}}(e,t)),{setState:function(t){var n=qe(this,["history"]);t(e,n)}})},ignoreHistoryForActions:["setDOM","setNodeEvent","selectNode","clearEvents","setOptions","setIndicator"],normalizeHistory:function(e){Object.keys(e.events).forEach((function(t){var n=e.events[t];n&&!e.nodes[n]&&(e.events[t]=null)})),Object.keys(e.nodes).forEach((function(t){var n=e.nodes[t];Object.keys(n.events).forEach((function(t){n.events[t]&&e.events[t]&&e.events[t]!==n.id&&(n.events[t]=!1)}))}))}},Tt=function(e){var t=e.children,n=e.onRender,o=e.onNodesChange,i=e.resolver,l=e.enabled,c=e.indicator;void 0!==i&&pe("object"==typeof i&&!Array.isArray(i));var u=Object(r.useMemo)((function(){return Object(He.pickBy)({onRender:n,onNodesChange:o,resolver:i,enabled:l,indicator:c},(function(e){return void 0!==e}))}),[l,c,o,n,i]),s=function(e){return Ee(Nt,Be(Be({},Pt),{options:Be(Be({},Pt.options),e)}),jt)}(u);return Object(r.useEffect)((function(){s&&u&&s.actions.setOptions((function(e){Object.assign(e,u)}))}),[s,u]),Object(r.useEffect)((function(){s.subscribe((function(e){return{json:s.query.serialize()}}),(function(){s.query.getOptions().onNodesChange(s.query)}))}),[s]),s?a.a.createElement(et.Provider,{value:s},a.a.createElement(nt,null,t)):null},At=a.a.createContext({}),It=n(15),Rt=n(1),Mt=n.n(Rt);function zt(e){return(zt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Lt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ft(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Dt(Object(n),!0).forEach((function(t){Lt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Dt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Vt(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function Ht(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ut(e){return t=e,(t-=0)==t?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1);var t}function Wt(e){return e.split(";").map((function(e){return e.trim()})).filter((function(e){return e})).reduce((function(e,t){var n,r=t.indexOf(":"),a=Ut(t.slice(0,r)),o=t.slice(r+1).trim();return a.startsWith("webkit")?e[(n=a,n.charAt(0).toUpperCase()+n.slice(1))]=o:e[a]=o,e}),{})}var Bt=!1;try{Bt=!0}catch(e){}function qt(e){return It.b.icon?It.b.icon(e):null===e?null:"object"===zt(e)&&e.prefix&&e.iconName?e:Array.isArray(e)&&2===e.length?{prefix:e[0],iconName:e[1]}:"string"==typeof e?{prefix:"fas",iconName:e}:void 0}function $t(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Lt({},e,t):{}}function Kt(e){var t=e.forwardedRef,n=Vt(e,["forwardedRef"]),r=n.icon,a=n.mask,o=n.symbol,i=n.className,l=n.title,c=n.titleId,u=qt(r),s=$t("classes",[].concat(Ht(function(e){var t,n=e.spin,r=e.pulse,a=e.fixedWidth,o=e.inverse,i=e.border,l=e.listItem,c=e.flip,u=e.size,s=e.rotation,f=e.pull,d=(Lt(t={"fa-spin":n,"fa-pulse":r,"fa-fw":a,"fa-inverse":o,"fa-border":i,"fa-li":l,"fa-flip-horizontal":"horizontal"===c||"both"===c,"fa-flip-vertical":"vertical"===c||"both"===c},"fa-".concat(u),null!=u),Lt(t,"fa-rotate-".concat(s),null!=s&&0!==s),Lt(t,"fa-pull-".concat(f),null!=f),Lt(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(d).map((function(e){return d[e]?e:null})).filter((function(e){return e}))}(n)),Ht(i.split(" ")))),f=$t("transform","string"==typeof n.transform?It.b.transform(n.transform):n.transform),d=$t("mask",qt(a)),p=Object(It.a)(u,Ft({},s,{},f,{},d,{symbol:o,title:l,titleId:c}));if(!p)return function(){var e;!Bt&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",u),null;var m=p.abstract,h={ref:t};return Object.keys(n).forEach((function(e){Kt.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),Yt(m[0],h)}Kt.displayName="FontAwesomeIcon",Kt.propTypes={border:Mt.a.bool,className:Mt.a.string,mask:Mt.a.oneOfType([Mt.a.object,Mt.a.array,Mt.a.string]),fixedWidth:Mt.a.bool,inverse:Mt.a.bool,flip:Mt.a.oneOf(["horizontal","vertical","both"]),icon:Mt.a.oneOfType([Mt.a.object,Mt.a.array,Mt.a.string]),listItem:Mt.a.bool,pull:Mt.a.oneOf(["right","left"]),pulse:Mt.a.bool,rotation:Mt.a.oneOf([0,90,180,270]),size:Mt.a.oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:Mt.a.bool,symbol:Mt.a.oneOfType([Mt.a.bool,Mt.a.string]),title:Mt.a.string,transform:Mt.a.oneOfType([Mt.a.string,Mt.a.object]),swapOpacity:Mt.a.bool},Kt.defaultProps={border:!1,className:"",mask:null,fixedWidth:!1,inverse:!1,flip:null,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,symbol:!1,title:"",transform:null,swapOpacity:!1};var Yt=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var a=(n.children||[]).map((function(n){return e(t,n)})),o=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=Wt(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[Ut(t)]=r}return e}),{attrs:{}}),i=r.style,l=void 0===i?{}:i,c=Vt(r,["style"]);return o.attrs.style=Ft({},o.attrs.style,{},l),t.apply(void 0,[n.tag,Ft({},o.attrs,{},c)].concat(Ht(a)))}.bind(null,a.a.createElement),Gt={prefix:"fas",iconName:"arrow-down",icon:[448,512,[],"f063","M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"]},Qt={prefix:"fas",iconName:"arrow-up",icon:[448,512,[],"f062","M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"]},Xt={prefix:"fas",iconName:"arrows-alt",icon:[512,512,[],"f0b2","M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z"]},Jt={prefix:"fas",iconName:"caret-down",icon:[320,512,[],"f0d7","M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"]},Zt={prefix:"fas",iconName:"caret-square-left",icon:[448,512,[],"f191","M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM259.515 124.485l-123.03 123.03c-4.686 4.686-4.686 12.284 0 16.971l123.029 123.029c7.56 7.56 20.485 2.206 20.485-8.485V132.971c.001-10.691-12.925-16.045-20.484-8.486z"]},en={prefix:"fas",iconName:"caret-square-right",icon:[448,512,[],"f152","M48 32h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48zm140.485 355.515l123.029-123.029c4.686-4.686 4.686-12.284 0-16.971l-123.029-123.03c-7.56-7.56-20.485-2.206-20.485 8.485v246.059c0 10.691 12.926 16.045 20.485 8.486z"]},tn={prefix:"fas",iconName:"chevron-down",icon:[448,512,[],"f078","M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"]},nn={prefix:"fas",iconName:"chevron-right",icon:[320,512,[],"f054","M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"]},rn={prefix:"fas",iconName:"copy",icon:[448,512,[],"f0c5","M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"]},an={prefix:"fas",iconName:"exclamation-triangle",icon:[576,512,[],"f071","M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"]},on={prefix:"fas",iconName:"info-circle",icon:[512,512,[],"f05a","M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"]},ln={prefix:"fas",iconName:"plus",icon:[448,512,[],"f067","M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"]},cn={prefix:"fas",iconName:"question-circle",icon:[512,512,[],"f059","M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"]},un={prefix:"fas",iconName:"redo",icon:[512,512,[],"f01e","M500.33 0h-47.41a12 12 0 0 0-12 12.57l4 82.76A247.42 247.42 0 0 0 256 8C119.34 8 7.9 119.53 8 256.19 8.1 393.07 119.1 504 256 504a247.1 247.1 0 0 0 166.18-63.91 12 12 0 0 0 .48-17.43l-34-34a12 12 0 0 0-16.38-.55A176 176 0 1 1 402.1 157.8l-101.53-4.87a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12h200.33a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12z"]},sn={prefix:"fas",iconName:"robot",icon:[640,512,[],"f544","M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z"]},fn={prefix:"fas",iconName:"save",icon:[448,512,[],"f0c7","M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z"]},dn={prefix:"fas",iconName:"scroll",icon:[640,512,[],"f70e","M48 0C21.53 0 0 21.53 0 48v64c0 8.84 7.16 16 16 16h80V48C96 21.53 74.47 0 48 0zm208 412.57V352h288V96c0-52.94-43.06-96-96-96H111.59C121.74 13.41 128 29.92 128 48v368c0 38.87 34.65 69.65 74.75 63.12C234.22 474 256 444.46 256 412.57zM288 384v32c0 52.93-43.06 96-96 96h336c61.86 0 112-50.14 112-112 0-8.84-7.16-16-16-16H288z"]},pn={prefix:"fas",iconName:"times",icon:[352,512,[],"f00d","M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"]},mn={prefix:"fas",iconName:"trash-alt",icon:[448,512,[],"f2ed","M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"]},hn={prefix:"fas",iconName:"undo",icon:[512,512,[],"f0e2","M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"]},vn=n(11),yn=n.n(vn);
+ */var r="function"==typeof Symbol&&Symbol.for,a=r?Symbol.for("react.element"):60103,o=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,l=r?Symbol.for("react.strict_mode"):60108,c=r?Symbol.for("react.profiler"):60114,u=r?Symbol.for("react.provider"):60109,s=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,d=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,m=r?Symbol.for("react.suspense"):60113,h=r?Symbol.for("react.suspense_list"):60120,v=r?Symbol.for("react.memo"):60115,y=r?Symbol.for("react.lazy"):60116,g=r?Symbol.for("react.block"):60121,b=r?Symbol.for("react.fundamental"):60117,w=r?Symbol.for("react.responder"):60118,E=r?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case f:case d:case i:case c:case l:case m:return e;default:switch(e=e&&e.$$typeof){case s:case p:case y:case v:case u:return e;default:return t}}case o:return t}}}function _(e){return x(e)===d}t.AsyncMode=f,t.ConcurrentMode=d,t.ContextConsumer=s,t.ContextProvider=u,t.Element=a,t.ForwardRef=p,t.Fragment=i,t.Lazy=y,t.Memo=v,t.Portal=o,t.Profiler=c,t.StrictMode=l,t.Suspense=m,t.isAsyncMode=function(e){return _(e)||x(e)===f},t.isConcurrentMode=_,t.isContextConsumer=function(e){return x(e)===s},t.isContextProvider=function(e){return x(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===i},t.isLazy=function(e){return x(e)===y},t.isMemo=function(e){return x(e)===v},t.isPortal=function(e){return x(e)===o},t.isProfiler=function(e){return x(e)===c},t.isStrictMode=function(e){return x(e)===l},t.isSuspense=function(e){return x(e)===m},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===d||e===c||e===l||e===m||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===v||e.$$typeof===u||e.$$typeof===s||e.$$typeof===p||e.$$typeof===b||e.$$typeof===w||e.$$typeof===E||e.$$typeof===g)},t.typeOf=x},function(e,t,n){"use strict";n.r(t),n.d(t,"renderBuilder",(function(){return gm}));var r=n(0),a=n.n(r);function o(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(e){return"'"+e+"'"})).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function i(e){return!!e&&!!e[Q]}function l(e){return!!e&&(function(e){if(!e||"object"!=typeof e)return!1;var t=Object.getPrototypeOf(e);if(null===t)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return n===Object||"function"==typeof n&&Function.toString.call(n)===J}(e)||Array.isArray(e)||!!e[G]||!!e.constructor[G]||m(e)||h(e))}function c(e,t,n){void 0===n&&(n=!1),0===u(e)?(n?Object.keys:Z)(e).forEach((function(r){n&&"symbol"==typeof r||t(r,e[r],e)})):e.forEach((function(n,r){return t(r,n,e)}))}function u(e){var t=e[Q];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:m(e)?2:h(e)?3:0}function s(e,t){return 2===u(e)?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function f(e,t){return 2===u(e)?e.get(t):e[t]}function d(e,t,n){var r=u(e);2===r?e.set(t,n):3===r?(e.delete(t),e.add(n)):e[t]=n}function p(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function m(e){return B&&e instanceof Map}function h(e){return q&&e instanceof Set}function v(e){return e.o||e.t}function y(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=ee(e);delete t[Q];for(var n=Z(t),r=0;r<n.length;r++){var a=n[r],o=t[a];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(t[a]={configurable:!0,writable:!0,enumerable:o.enumerable,value:e[a]})}return Object.create(Object.getPrototypeOf(e),t)}function g(e,t){return void 0===t&&(t=!1),w(e)||i(e)||!l(e)||(u(e)>1&&(e.set=e.add=e.clear=e.delete=b),Object.freeze(e),t&&c(e,(function(e,t){return g(t,!0)}),!0)),e}function b(){o(2)}function w(e){return null==e||"object"!=typeof e||Object.isFrozen(e)}function E(e){var t=te[e];return t||o(18,e),t}function x(e,t){te[e]||(te[e]=t)}function _(){return U}function O(e,t){t&&(E("Patches"),e.u=[],e.s=[],e.v=t)}function k(e){S(e),e.p.forEach(j),e.p=null}function S(e){e===U&&(U=e.l)}function C(e){return U={p:[],l:U,h:e,m:!0,_:0}}function j(e){var t=e[Q];0===t.i||1===t.i?t.j():t.O=!0}function P(e,t){t._=t.p.length;var n=t.p[0],r=void 0!==e&&e!==n;return t.h.g||E("ES5").S(t,e,r),r?(n[Q].P&&(k(t),o(4)),l(e)&&(e=N(t,e),t.l||A(t,e)),t.u&&E("Patches").M(n[Q],e,t.u,t.s)):e=N(t,n,[]),k(t),t.u&&t.v(t.u,t.s),e!==Y?e:void 0}function N(e,t,n){if(w(t))return t;var r=t[Q];if(!r)return c(t,(function(a,o){return T(e,r,t,a,o,n)}),!0),t;if(r.A!==e)return t;if(!r.P)return A(e,r.t,!0),r.t;if(!r.I){r.I=!0,r.A._--;var a=4===r.i||5===r.i?r.o=y(r.k):r.o;c(3===r.i?new Set(a):a,(function(t,o){return T(e,r,a,t,o,n)})),A(e,a,!1),n&&e.u&&E("Patches").R(r,n,e.u,e.s)}return r.o}function T(e,t,n,r,a,o){if(i(a)){var c=N(e,a,o&&t&&3!==t.i&&!s(t.D,r)?o.concat(r):void 0);if(d(n,r,c),!i(c))return;e.m=!1}if(l(a)&&!w(a)){if(!e.h.F&&e._<1)return;N(e,a),t&&t.A.l||A(e,a)}}function A(e,t,n){void 0===n&&(n=!1),e.h.F&&e.m&&g(t,n)}function I(e,t){var n=e[Q];return(n?v(n):e)[t]}function R(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 M(e){e.P||(e.P=!0,e.l&&M(e.l))}function z(e){e.o||(e.o=y(e.t))}function L(e,t,n){var r=m(t)?E("MapSet").N(t,n):h(t)?E("MapSet").T(t,n):e.g?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:_(),P:!1,I:!1,D:{},l:t,t:e,k:null,o:null,j:null,C:!1},a=r,o=ne;n&&(a=[r],o=re);var i=Proxy.revocable(a,o),l=i.revoke,c=i.proxy;return r.k=c,r.j=l,c}(t,n):E("ES5").J(t,n);return(n?n.A:_()).p.push(r),r}function D(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return y(e)}function F(){function e(t){if(!l(t))return t;if(Array.isArray(t))return t.map(e);if(m(t))return new Map(Array.from(t.entries()).map((function(t){return[t[0],e(t[1])]})));if(h(t))return new Set(Array.from(t).map(e));var n=Object.create(Object.getPrototypeOf(t));for(var r in t)n[r]=e(t[r]);return s(t,G)&&(n[G]=t[G]),n}function t(t){return i(t)?e(t):t}var n="add";x("Patches",{$:function(t,r){return r.forEach((function(r){for(var a=r.path,i=r.op,l=t,c=0;c<a.length-1;c++){var s=u(l),d=""+a[c];0!==s&&1!==s||"__proto__"!==d&&"constructor"!==d||o(24),"function"==typeof l&&"prototype"===d&&o(24),"object"!=typeof(l=f(l,d))&&o(15,a.join("/"))}var p=u(l),m=e(r.value),h=a[a.length-1];switch(i){case"replace":switch(p){case 2:return l.set(h,m);case 3:o(16);default:return l[h]=m}case n:switch(p){case 1:return l.splice(h,0,m);case 2:return l.set(h,m);case 3:return l.add(m);default:return l[h]=m}case"remove":switch(p){case 1:return l.splice(h,1);case 2:return l.delete(h);case 3:return l.delete(r.value);default:return delete l[h]}default:o(17,i)}})),t},R:function(e,r,a,o){switch(e.i){case 0:case 4:case 2:return function(e,r,a,o){var i=e.t,l=e.o;c(e.D,(function(e,c){var u=f(i,e),d=f(l,e),p=c?s(i,e)?"replace":n:"remove";if(u!==d||"replace"!==p){var m=r.concat(e);a.push("remove"===p?{op:p,path:m}:{op:p,path:m,value:d}),o.push(p===n?{op:"remove",path:m}:"remove"===p?{op:n,path:m,value:t(u)}:{op:"replace",path:m,value:t(u)})}}))}(e,r,a,o);case 5:case 1:return function(e,r,a,o){var i=e.t,l=e.D,c=e.o;if(c.length<i.length){var u=[c,i];i=u[0],c=u[1];var s=[o,a];a=s[0],o=s[1]}for(var f=0;f<i.length;f++)if(l[f]&&c[f]!==i[f]){var d=r.concat([f]);a.push({op:"replace",path:d,value:t(c[f])}),o.push({op:"replace",path:d,value:t(i[f])})}for(var p=i.length;p<c.length;p++){var m=r.concat([p]);a.push({op:n,path:m,value:t(c[p])})}i.length<c.length&&o.push({op:"replace",path:r.concat(["length"]),value:i.length})}(e,r,a,o);case 3:return function(e,t,r,a){var o=e.t,i=e.o,l=0;o.forEach((function(e){if(!i.has(e)){var o=t.concat([l]);r.push({op:"remove",path:o,value:e}),a.unshift({op:n,path:o,value:e})}l++})),l=0,i.forEach((function(e){if(!o.has(e)){var i=t.concat([l]);r.push({op:n,path:i,value:e}),a.unshift({op:"remove",path:i,value:e})}l++}))}(e,r,a,o)}},M:function(e,t,n,r){n.push({op:"replace",path:[],value:t===Y?void 0:t}),r.push({op:"replace",path:[],value:e.t})}})}function V(){function e(e,t){function n(){this.constructor=e}a(e,t),e.prototype=(n.prototype=t.prototype,new n)}function t(e){e.o||(e.D=new Map,e.o=new Map(e.t))}function n(e){e.o||(e.o=new Set,e.t.forEach((function(t){if(l(t)){var n=L(e.A.h,t,e);e.p.set(t,n),e.o.add(n)}else e.o.add(t)})))}function r(e){e.O&&o(3,JSON.stringify(v(e)))}var a=function(e,t){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},i=function(){function n(e,t){return this[Q]={i:2,l:t,A:t?t.A:_(),P:!1,I:!1,o:void 0,D:void 0,t:e,k:this,C:!1,O:!1},this}e(n,Map);var a=n.prototype;return Object.defineProperty(a,"size",{get:function(){return v(this[Q]).size}}),a.has=function(e){return v(this[Q]).has(e)},a.set=function(e,n){var a=this[Q];return r(a),v(a).has(e)&&v(a).get(e)===n||(t(a),M(a),a.D.set(e,!0),a.o.set(e,n),a.D.set(e,!0)),this},a.delete=function(e){if(!this.has(e))return!1;var n=this[Q];return r(n),t(n),M(n),n.D.set(e,!1),n.o.delete(e),!0},a.clear=function(){var e=this[Q];r(e),v(e).size&&(t(e),M(e),e.D=new Map,c(e.t,(function(t){e.D.set(t,!1)})),e.o.clear())},a.forEach=function(e,t){var n=this;v(this[Q]).forEach((function(r,a){e.call(t,n.get(a),a,n)}))},a.get=function(e){var n=this[Q];r(n);var a=v(n).get(e);if(n.I||!l(a))return a;if(a!==n.t.get(e))return a;var o=L(n.A.h,a,n);return t(n),n.o.set(e,o),o},a.keys=function(){return v(this[Q]).keys()},a.values=function(){var e,t=this,n=this.keys();return(e={})[X]=function(){return t.values()},e.next=function(){var e=n.next();return e.done?e:{done:!1,value:t.get(e.value)}},e},a.entries=function(){var e,t=this,n=this.keys();return(e={})[X]=function(){return t.entries()},e.next=function(){var e=n.next();if(e.done)return e;var r=t.get(e.value);return{done:!1,value:[e.value,r]}},e},a[X]=function(){return this.entries()},n}(),u=function(){function t(e,t){return this[Q]={i:3,l:t,A:t?t.A:_(),P:!1,I:!1,o:void 0,t:e,k:this,p:new Map,O:!1,C:!1},this}e(t,Set);var a=t.prototype;return Object.defineProperty(a,"size",{get:function(){return v(this[Q]).size}}),a.has=function(e){var t=this[Q];return r(t),t.o?!!t.o.has(e)||!(!t.p.has(e)||!t.o.has(t.p.get(e))):t.t.has(e)},a.add=function(e){var t=this[Q];return r(t),this.has(e)||(n(t),M(t),t.o.add(e)),this},a.delete=function(e){if(!this.has(e))return!1;var t=this[Q];return r(t),n(t),M(t),t.o.delete(e)||!!t.p.has(e)&&t.o.delete(t.p.get(e))},a.clear=function(){var e=this[Q];r(e),v(e).size&&(n(e),M(e),e.o.clear())},a.values=function(){var e=this[Q];return r(e),n(e),e.o.values()},a.entries=function(){var e=this[Q];return r(e),n(e),e.o.entries()},a.keys=function(){return this.values()},a[X]=function(){return this.values()},a.forEach=function(e,t){for(var n=this.values(),r=n.next();!r.done;)e.call(t,r.value,r.value,this),r=n.next()},t}();x("MapSet",{N:function(e,t){return new i(e,t)},T:function(e,t){return new u(e,t)}})}var H,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),B="undefined"!=typeof Map,q="undefined"!=typeof Set,K="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,Y=W?Symbol.for("immer-nothing"):((H={})["immer-nothing"]=!0,H),G=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",X="undefined"!=typeof Symbol&&Symbol.iterator||"@@iterator",J=""+Object.prototype.constructor,Z="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,ee=Object.getOwnPropertyDescriptors||function(e){var t={};return Z(e).forEach((function(n){t[n]=Object.getOwnPropertyDescriptor(e,n)})),t},te={},ne={get:function(e,t){if(t===Q)return e;var n=v(e);if(!s(n,t))return function(e,t,n){var r,a=R(t,n);return a?"value"in a?a.value:null===(r=a.get)||void 0===r?void 0:r.call(e.k):void 0}(e,n,t);var r=n[t];return e.I||!l(r)?r:r===I(e.t,t)?(z(e),e.o[t]=L(e.A.h,r,e)):r},has:function(e,t){return t in v(e)},ownKeys:function(e){return Reflect.ownKeys(v(e))},set:function(e,t,n){var r=R(v(e),t);if(null==r?void 0:r.set)return r.set.call(e.k,n),!0;if(!e.P){var a=I(v(e),t),o=null==a?void 0:a[Q];if(o&&o.t===n)return e.o[t]=n,e.D[t]=!1,!0;if(p(n,a)&&(void 0!==n||s(e.t,t)))return!0;z(e),M(e)}return e.o[t]===n&&"number"!=typeof n&&(void 0!==n||t in e.o)||(e.o[t]=n,e.D[t]=!0,!0)},deleteProperty:function(e,t){return void 0!==I(e.t,t)||t in e.t?(e.D[t]=!1,z(e),M(e)):delete e.D[t],e.o&&delete e.o[t],!0},getOwnPropertyDescriptor:function(e,t){var n=v(e),r=Reflect.getOwnPropertyDescriptor(n,t);return r?{writable:!0,configurable:1!==e.i||"length"!==t,enumerable:r.enumerable,value:n[t]}:r},defineProperty:function(){o(11)},getPrototypeOf:function(e){return Object.getPrototypeOf(e.t)},setPrototypeOf:function(){o(12)}},re={};c(ne,(function(e,t){re[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}})),re.deleteProperty=function(e,t){return ne.deleteProperty.call(this,e[0],t)},re.set=function(e,t,n){return ne.set.call(this,e[0],t,n,e[0])};var ae=new(function(){function e(e){var t=this;this.g=K,this.F=!0,this.produce=function(e,n,r){if("function"==typeof e&&"function"!=typeof n){var a=n;n=e;var i=t;return function(e){var t=this;void 0===e&&(e=a);for(var r=arguments.length,o=Array(r>1?r-1:0),l=1;l<r;l++)o[l-1]=arguments[l];return i.produce(e,(function(e){var r;return(r=n).call.apply(r,[t,e].concat(o))}))}}var c;if("function"!=typeof n&&o(6),void 0!==r&&"function"!=typeof r&&o(7),l(e)){var u=C(t),s=L(t,e,void 0),f=!0;try{c=n(s),f=!1}finally{f?k(u):S(u)}return"undefined"!=typeof Promise&&c instanceof Promise?c.then((function(e){return O(u,r),P(e,u)}),(function(e){throw k(u),e})):(O(u,r),P(c,u))}if(!e||"object"!=typeof e){if((c=n(e))===Y)return;return void 0===c&&(c=e),t.F&&g(c,!0),c}o(21,e)},this.produceWithPatches=function(e,n){return"function"==typeof e?function(n){for(var r=arguments.length,a=Array(r>1?r-1:0),o=1;o<r;o++)a[o-1]=arguments[o];return t.produceWithPatches(n,(function(t){return e.apply(void 0,[t].concat(a))}))}:[t.produce(e,n,(function(e,t){r=e,a=t})),r,a];var r,a},"boolean"==typeof(null==e?void 0:e.useProxies)&&this.setUseProxies(e.useProxies),"boolean"==typeof(null==e?void 0:e.autoFreeze)&&this.setAutoFreeze(e.autoFreeze)}var t=e.prototype;return t.createDraft=function(e){l(e)||o(8),i(e)&&(e=function(e){return i(e)||o(22,e),function e(t){if(!l(t))return t;var n,r=t[Q],a=u(t);if(r){if(!r.P&&(r.i<4||!E("ES5").K(r)))return r.t;r.I=!0,n=D(t,a),r.I=!1}else n=D(t,a);return c(n,(function(t,a){r&&f(r.t,t)===a||d(n,t,e(a))})),3===a?new Set(n):n}(e)}(e));var t=C(this),n=L(this,e,void 0);return n[Q].C=!0,S(t),n},t.finishDraft=function(e,t){var n=(e&&e[Q]).A;return O(n,t),P(void 0,n)},t.setAutoFreeze=function(e){this.F=e},t.setUseProxies=function(e){e&&!K&&o(20),this.g=e},t.applyPatches=function(e,t){var n;for(n=t.length-1;n>=0;n--){var r=t[n];if(0===r.path.length&&"replace"===r.op){e=r.value;break}}var a=E("Patches").$;return i(e)?a(e,t):this.produce(e,(function(e){return a(e,t.slice(n+1))}))},e}()),oe=ae.produce,ie=ae.produceWithPatches.bind(ae),le=(ae.setAutoFreeze.bind(ae),ae.setUseProxies.bind(ae),ae.applyPatches.bind(ae)),ce=(ae.createDraft.bind(ae),ae.finishDraft.bind(ae),oe),ue=n(72),se=n.n(ue),fe=n(73),de=n.n(fe);function pe(e,t){if(!e)throw new Error("Invariant failed")}var me=n(3),he=n.n(me),ve=function(e,t){return(ve=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},ye=function(){return(ye=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function ge(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),a=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,l=o.length;i<l;i++,a++)r[a]=o[i];return r}var be={UNDO:"HISTORY_UNDO",REDO:"HISTORY_REDO",THROTTLE:"HISTORY_THROTTLE",IGNORE:"HISTORY_IGNORE",MERGE:"HISTORY_MERGE",CLEAR:"HISTORY_CLEAR"},we=function(){function e(){this.timeline=[],this.pointer=-1}return e.prototype.add=function(e,t){0===e.length&&0===t.length||(this.pointer=this.pointer+1,this.timeline.length=this.pointer,this.timeline[this.pointer]={patches:e,inversePatches:t,timestamp:Date.now()})},e.prototype.throttleAdd=function(e,t,n){if(void 0===n&&(n=500),0!==e.length||0!==t.length){if(this.timeline.length&&this.pointer>=0){var r=this.timeline[this.pointer],a=r.patches,o=r.inversePatches,i=r.timestamp;if((new Date).getTime()-i<n)return void(this.timeline[this.pointer]={timestamp:i,patches:ge(a,e),inversePatches:ge(t,o)})}this.add(e,t)}},e.prototype.merge=function(e,t){if(0!==e.length||0!==t.length)if(this.timeline.length&&this.pointer>=0){var n=this.timeline[this.pointer],r=n.inversePatches;this.timeline[this.pointer]={timestamp:n.timestamp,patches:ge(n.patches,e),inversePatches:ge(t,r)}}else this.add(e,t)},e.prototype.clear=function(){this.timeline=[],this.pointer=-1},e.prototype.canUndo=function(){return this.pointer>=0},e.prototype.canRedo=function(){return this.pointer<this.timeline.length-1},e.prototype.undo=function(e){if(this.canUndo()){var t=this.timeline[this.pointer].inversePatches;return this.pointer=this.pointer-1,le(e,t)}},e.prototype.redo=function(e){if(this.canRedo())return this.pointer=this.pointer+1,le(e,this.timeline[this.pointer].patches)},e}();function Ee(e,t,n,a){var o,i=Object(r.useMemo)((function(){return new we}),[]),l=Object(r.useRef)([]),c=Object(r.useRef)();"function"==typeof e?o=e:(o=e.methods,l.current=e.ignoreHistoryForActions,c.current=e.normalizeHistory);var u=Object(r.useRef)(a);u.current=a;var s=Object(r.useMemo)((function(){var e=c.current,t=l.current,r=u.current;return[function(a,l){var c,u=n&&xe(n,(function(){return a}),i),s=ie(a,(function(e){var t,n;switch(l.type){case be.UNDO:return i.undo(e);case be.REDO:return i.redo(e);case be.CLEAR:return i.clear(),ye({},e);case be.IGNORE:case be.MERGE:case be.THROTTLE:var r=l.payload,a=r[0],c=r.slice(1);(t=o(e,u))[a].apply(t,c);break;default:(n=o(e,u))[l.type].apply(n,l.payload)}})),f=s[0],d=s[1],p=s[2];return c=f,r&&r(f,a,{type:l.type,params:l.payload,patches:d},u,(function(e){var t=ie(f,e);c=t[0],d=ge(d,t[1]),p=ge(t[2],p)})),[be.UNDO,be.REDO].includes(l.type)&&e&&(c=ce(c,e)),ge(t,[be.UNDO,be.REDO,be.IGNORE,be.CLEAR]).includes(l.type)||(l.type===be.THROTTLE?i.throttleAdd(d,p,l.config&&l.config.rate):l.type===be.MERGE?i.merge(d,p):i.add(d,p)),c},o]}),[i,o,n]),f=s[1],d=Object(r.useReducer)(s[0],t),p=d[0],m=d[1],h=Object(r.useRef)();h.current=p;var v=Object(r.useMemo)((function(){return n?xe(n,(function(){return h.current}),i):[]}),[i,n]),y=Object(r.useMemo)((function(){var e=Object.keys(f(null,null)),t=l.current;return ye(ye({},e.reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return m({type:t,payload:e})},e}),{})),{history:{undo:function(){return m({type:be.UNDO})},redo:function(){return m({type:be.REDO})},clear:function(){return m({type:be.CLEAR})},throttle:function(n){return ye({},e.filter((function(e){return!t.includes(e)})).reduce((function(e,t){return e[t]=function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return m({type:be.THROTTLE,payload:ge([t],e),config:{rate:n}})},e}),{}))},ignore:function(){return ye({},e.filter((function(e){return!t.includes(e)})).reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return m({type:be.IGNORE,payload:ge([t],e)})},e}),{}))},merge:function(){return ye({},e.filter((function(e){return!t.includes(e)})).reduce((function(e,t){return e[t]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return m({type:be.MERGE,payload:ge([t],e)})},e}),{}))}}})}),[f]),g=Object(r.useCallback)((function(){return h.current}),[]),b=Object(r.useMemo)((function(){return new _e(g)}),[g]);return Object(r.useEffect)((function(){h.current=p,b.notify()}),[p,b]),Object(r.useMemo)((function(){return{getState:g,subscribe:function(e,t,n){return b.subscribe(e,t,n)},actions:y,query:v,history:i}}),[y,v,b,g,i])}function xe(e,t,n){var r=Object.keys(e()).reduce((function(n,r){var a;return ye(ye({},n),((a={})[r]=function(){for(var n,a=[],o=0;o<arguments.length;o++)a[o]=arguments[o];return(n=e(t()))[r].apply(n,a)},a))}),{});return ye(ye({},r),{history:{canUndo:function(){return n.canUndo()},canRedo:function(){return n.canRedo()}}})}V(),F();var _e=function(){function e(e){this.subscribers=[],this.getState=e}return e.prototype.subscribe=function(e,t,n){var r=this,a=new Oe((function(){return e(r.getState())}),t,n);return this.subscribers.push(a),this.unsubscribe.bind(this,a)},e.prototype.unsubscribe=function(e){if(this.subscribers.length){var t=this.subscribers.indexOf(e);if(t>-1)return this.subscribers.splice(t,1)}},e.prototype.notify=function(){this.subscribers.forEach((function(e){return e.collect()}))},e}(),Oe=function(){function e(e,t,n){void 0===n&&(n=!1),this.collector=e,this.onChange=t,n&&this.collect()}return e.prototype.collect=function(){try{var e=this.collector();se()(e,this.collected)||(this.collected=e,this.onChange&&this.onChange(this.collected))}catch(e){console.warn(e)}},e}(),ke=function(e){return window.getComputedStyle(e)},Se=function(e){var t=e.getBoundingClientRect(),n=t.x,r=t.y,a=t.top,o=t.left,i=t.bottom,l=t.right,c=t.width,u=t.height,s=function(e){return{left:parseInt(ke(e).marginLeft),right:parseInt(ke(e).marginRight),bottom:parseInt(ke(e).marginTop),top:parseInt(ke(e).marginBottom)}}(e),f=function(e){return{left:parseInt(ke(e).paddingLeft),right:parseInt(ke(e).paddingRight),bottom:parseInt(ke(e).paddingTop),top:parseInt(ke(e).paddingBottom)}}(e);return{x:Math.round(n),y:Math.round(r),top:Math.round(a),left:Math.round(o),bottom:Math.round(i),right:Math.round(l),width:Math.round(c),height:Math.round(u),outerWidth:Math.round(c+s.left+s.right),outerHeight:Math.round(u+s.top+s.bottom),margin:s,padding:f,inFlow:e&&e.parentElement&&!!Ce(e,e.parentElement)}},Ce=function(e,t){var n=ke(e),r=ke(t);if(!(n.overflow&&"visible"!==n.overflow||"none"!==r.float||t&&"grid"===r.display||t&&"flex"===r.display&&"column"!==r["flex-direction"])){switch(n.position){case"static":case"relative":break;default:return}switch(e.tagName){case"TR":case"TBODY":case"THEAD":case"TFOOT":return!0}switch(n.display){case"block":case"list-item":case"table":case"flex":case"grid":return!0}}};function je(e,t){var n=e.subscribe,a=e.getState,o=e.actions,i=e.query,l=Object(r.useRef)(!0),c=Object(r.useRef)(null),u=Object(r.useRef)(t);u.current=t;var s=Object(r.useCallback)((function(e){return ye(ye({},e),{actions:o,query:i})}),[o,i]);l.current&&t&&(c.current=t(a(),i),l.current=!1);var f=Object(r.useState)(s(c.current)),d=f[0],p=f[1];return Object(r.useEffect)((function(){var e;return u.current&&(e=n((function(e){return u.current(e,i)}),(function(e){p(s(e))}))),function(){e&&e()}}),[s,i,n]),d}var Pe,Ne,Te=function(e){return void 0===e&&(e=10),((e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((e,t)=>e+=(t&=63)<36?t.toString(36):t<62?(t-26).toString(36).toUpperCase():t>62?"-":"_",""))(e)},Ae=function(){function e(){this.elementIdMap=new WeakMap,this.registry=new Map}return e.prototype.getElementId=function(e){var t=this.elementIdMap.get(e);if(t)return t;var n=Te();return this.elementIdMap.set(e,n),n},e.prototype.getConnectorId=function(e,t){return t+"--"+this.getElementId(e)},e.prototype.register=function(e,t){if(this.get(e,t.name)){if(de()(t.required,this.get(e,t.name).required))return;this.get(e,t.name).disable()}var n=null;this.registry.set(this.getConnectorId(e,t.name),{required:t.required,enable:function(){n&&n(),n=t.connector(e,t.required,t.options)},disable:function(){n&&n()}}),this.registry.get(this.getConnectorId(e,t.name)).enable()},e.prototype.get=function(e,t){return this.registry.get(this.getConnectorId(e,t))},e.prototype.enable=function(){this.registry.forEach((function(e){e.enable()}))},e.prototype.disable=function(){this.registry.forEach((function(e){e.disable()}))},e.prototype.clear=function(){this.elementIdMap=new WeakMap,this.registry.clear()},e}();(Ne=Pe||(Pe={}))[Ne.HandlerDisabled=0]="HandlerDisabled",Ne[Ne.HandlerEnabled=1]="HandlerEnabled";var Ie=function(){function e(e){this.registry=new Ae,this.subscribers=new Set,this.options=e}return e.prototype.listen=function(e){var t=this;return this.subscribers.add(e),function(){return t.subscribers.delete(e)}},e.prototype.disable=function(){this.registry.disable(),this.subscribers.forEach((function(e){e(Pe.HandlerDisabled)}))},e.prototype.enable=function(){this.registry.enable(),this.subscribers.forEach((function(e){e(Pe.HandlerEnabled)}))},e.prototype.cleanup=function(){this.disable(),this.subscribers.clear(),this.registry.clear()},e.prototype.addCraftEventListener=function(e,t,n,r){var a=function(r){(function(e,t,n){e.craft||(e.craft={stopPropagation:function(){},blockedEvents:{}});for(var r=e.craft&&e.craft.blockedEvents[t]||[],a=0;a<r.length;a++){var o=r[a];if(n!==o&&n.contains(o))return!0}return!1})(r,t,e)||(r.craft.stopPropagation=function(){r.craft.blockedEvents[t]||(r.craft.blockedEvents[t]=[]),r.craft.blockedEvents[t].push(e)},n(r))};return e.addEventListener(t,a,r),function(){return e.removeEventListener(t,a,r)}},Object.defineProperty(e.prototype,"connectors",{get:function(){var e=this,t=this.handlers();return Object.keys(t).reduce((function(n,r){var a;return ye(ye({},n),((a={})[r]=function(n,a,o){return e.registry.register(n,{required:a,name:r,options:o,connector:t[r]}),n},a))}),{})},enumerable:!0,configurable:!0}),e.prototype.derive=function(e,t){return new e(this,t)},e.prototype.createProxyHandlers=function(e,t){var n=[],r=e.handlers();return t(new Proxy(r,{get:function(e,t,a){return t in r==0?Reflect.get(e,t,a):function(e){for(var a=[],o=1;o<arguments.length;o++)a[o-1]=arguments[o];var i=r[t].apply(r,ge([e],a));i&&n.push(i)}}})),function(){n.forEach((function(e){e()}))}},e.prototype.reflect=function(e){return this.createProxyHandlers(this,e)},e}(),Re=function(e){function t(t,n){var r=e.call(this,n)||this;return r.derived=t,r.options=n,r.unsubscribeParentHandlerListener=r.derived.listen((function(e){switch(e){case Pe.HandlerEnabled:return r.enable();case Pe.HandlerDisabled:return r.disable();default:return}})),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}ve(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.inherit=function(e){return this.createProxyHandlers(this.derived,e)},t.prototype.cleanup=function(){e.prototype.cleanup.call(this),this.unsubscribeParentHandlerListener()},t}(Ie);function Me(e,t){t&&("function"==typeof e?e(t):e.current=t)}function ze(e,t){var n=e.ref;return pe("string"!=typeof n),Object(r.cloneElement)(e,n?{ref:function(e){Me(n,e),Me(t,e)}}:{ref:t})}function Le(e){if("string"!=typeof e.type)throw new Error}function De(e){return Object.keys(e).reduce((function(t,n){return t[n]=function(e){return function(t){void 0===t&&(t=null);for(var n=[],a=1;a<arguments.length;a++)n[a-1]=arguments[a];if(!Object(r.isValidElement)(t)){if(!t)return;var o=t;return o&&e.apply(void 0,ge([o],n)),o}var i=t;return Le(i),ze(i,e)}}((function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e[n].apply(e,t)})),t}),{})}var Fe=function(e){var t=e.parentDom,n=a.a.createElement("div",{style:ye({position:"fixed",display:"block",opacity:1,borderStyle:"solid",borderWidth:"1px",borderColor:"transparent",zIndex:99999},e.style)});return t&&t.ownerDocument!==document?he.a.createPortal(n,t.ownerDocument.body):n},Ve=function(e,t){var n="Deprecation warning: "+e+" will be deprecated in future relases.",r=t.suggest,a=t.doc;r&&(n+=" Please use "+r+" instead."),a&&(n+="("+a+")"),console.warn(n)},He=n(7),Ue=(n(74),function(e,t){return(Ue=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)});function We(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}Ue(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var Be=function(){return(Be=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};function qe(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}function $e(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),a=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,l=o.length;i<l;i++,a++)r[a]=o[i];return r}var Ke=Object(r.createContext)(null),Ye=function(){return Object(r.useContext)(Ke)},Ge=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t.prototype.handlers=function(){return{connect:function(e,t){},select:function(e,t){},hover:function(e,t){},drag:function(e,t){},drop:function(e,t){},create:function(e,t,n){}}},t}(Ie),Qe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t}(Re),Xe=function(e,t){var n=e.currentTarget,r=t.getBoundingClientRect(),a=r.top,o=r.left,i=r.width,l=r.height;if(n){var c=document.createElement("div");c.style.position="fixed",c.style.left="-100%",c.style.top="-100%",c.style.width="100%",c.style.height="100%",c.style.pointerEvents="none";var u=t.cloneNode(!0);return u.style.position="absolute",u.style.width=i+"px",u.style.height=l+"px",u.style.left=o+"px",u.style.top=a+"px",c.appendChild(u),document.body.appendChild(c),e.dataTransfer.setDragImage(c,o,a),c}},Je=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.currentSelectedElementIds=[],t}return We(t,e),t.prototype.handlers=function(){var e=this,n=this.options.store;return{connect:function(t,r){return n.actions.setDOM(r,t),e.reflect((function(e){e.select(t,r),e.hover(t,r),e.drop(t,r)}))},select:function(t,r){var a=e.addCraftEventListener(t,"mousedown",(function(t){t.craft.stopPropagation(),e.options.store.actions.setNodeEvent("selected",r)}));return function(){n.actions.setNodeEvent("selected",null),a()}},hover:function(t,r){var a=e.addCraftEventListener(t,"mouseover",(function(e){e.craft.stopPropagation(),n.actions.setNodeEvent("hovered",r)}));return function(){n.actions.setNodeEvent("hovered",null),a()}},drop:function(r,a){var o=e.addCraftEventListener(r,"dragover",(function(e){e.craft.stopPropagation(),e.preventDefault()})),i=e.addCraftEventListener(r,"dragenter",(function(e){e.craft.stopPropagation(),e.preventDefault();var r=t.draggedElement;if(r){var o=r;r.rootNodeId&&(o=r.nodes[r.rootNodeId]);var i=n.query.getDropPlaceholder(o,a,{x:e.clientX,y:e.clientY});i&&(n.actions.setIndicator(i),t.indicator=i)}}));return function(){i(),o()}},drag:function(r,a){if(!n.query.node(a).isDraggable())return function(){};r.setAttribute("draggable","true");var o=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation(),t.draggedElementShadow=Xe(e,n.query.node(a).get().dom),t.draggedElement=a})),i=e.addCraftEventListener(r,"dragend",(function(t){t.craft.stopPropagation(),e.dropElement((function(e,t){n.actions.move(e,t.parent.id,t.index+("after"===t.where?1:0))}))}));return function(){r.setAttribute("draggable","false"),o(),i()}},create:function(r,a,o){r.setAttribute("draggable","true");var i=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation();var r=n.query.parseReactElement(a).toNodeTree();t.draggedElementShadow=Xe(e,e.currentTarget),t.draggedElement=r})),l=e.addCraftEventListener(r,"dragend",(function(t){t.craft.stopPropagation(),e.dropElement((function(e,t){n.actions.addNodeTree(e,t.parent.id,t.index+("after"===t.where?1:0)),o&&Object(He.isFunction)(o.onCreate)&&o.onCreate(e)}))}));return function(){r.removeAttribute("draggable"),i(),l()}}}},t.prototype.dropElement=function(e){var n=this.options.store,r=t.draggedElement,a=t.draggedElementShadow,o=t.indicator;r&&o&&!o.error&&e(r,o.placement),a&&(a.parentNode.removeChild(a),t.draggedElementShadow=null),t.draggedElement=null,t.indicator=null,n.actions.setIndicator(null),n.actions.setNodeEvent("dragged",null)},t.indicator=null,t}(Ge);function Ze(e,t,n,r){void 0===r&&(r=2);var a=0,o=0,i=0,l=0,c=e.where;return n?n.inFlow?(i=n.outerWidth,l=r,a="before"===c?n.top:n.bottom,o=n.left):(i=r,l=n.outerHeight,a=n.top,o="before"===c?n.left:n.left+n.outerWidth):t&&(a=t.top+t.padding.top,o=t.left+t.padding.left,i=t.outerWidth-t.padding.right-t.padding.left-t.margin.left-t.margin.right,l=r),{top:a+"px",left:o+"px",width:i+"px",height:l+"px"}}var et=Object(r.createContext)(null);function tt(e){var t=Object(r.useContext)(et);pe(t);var n=Ye(),a=je(t,e),o=Object(r.useMemo)((function(){return n&&De(n.connectors)}),[n]);return Be(Be({},a),{connectors:o,inContext:!!t,store:t})}var nt=function(e){var t=e.children,n=tt((function(e){return{enabled:e.options.enabled,indicator:e.events.indicator,indicatorOptions:e.options.indicator,handlers:e.handlers,handlersFactory:e.options.handlers,hydrationTimestamp:e.nodes.ROOT&&e.nodes.ROOT._hydrationTimestamp}})),o=n.actions,i=n.indicator,l=n.indicatorOptions,c=n.store,u=n.handlers,s=n.handlersFactory,f=n.enabled,d=n.hydrationTimestamp,p=Object(r.useRef)(c);p.current=c;var m=Object(r.useRef)(u);return m.current=u,Object(r.useEffect)((function(){return o.history.ignore().setState((function(e){return e.handlers=s(p.current)})),function(){m.current&&m.current.cleanup()}}),[o,s,d]),Object(r.useEffect)((function(){u&&(f?u.enable():u.disable())}),[f,u]),u?a.a.createElement(Ke.Provider,{value:u},i&&a.a.createElement(Fe,{style:Be(Be({},Ze(i.placement,Se(i.placement.parent.dom),i.placement.currentNode&&Se(i.placement.currentNode.dom),l.thickness)),{backgroundColor:i.error?l.error:l.success,transition:l.transition||"0.2s ease-in"}),parentDom:i.placement.parent.dom}),t):null},rt=a.a.createContext(null),at=function(e){var t=e.id,n=e.related,o=void 0!==n&&n,i=e.children,l=Ye(),c=Object(r.useMemo)((function(){return De({connect:function(e){return l.connectors.connect(e,t)},drag:function(e){return l.connectors.drag(e,t)}})}),[l,t]);return a.a.createElement(rt.Provider,{value:{id:t,related:o,connectors:c}},i)};function ot(e){var t=Object(r.useContext)(rt);pe(t);var n=t.id,a=t.related,o=t.connectors,i=tt((function(t){return n&&t.nodes[n]&&e&&e(t.nodes[n])})),l=i.actions,c=qe(i,["actions","query"]),u=Object(r.useMemo)((function(){return{setProp:function(e,t){t?l.history.throttle(t).setProp(n,e):l.setProp(n,e)},setCustom:function(e,t){t?l.history.throttle(t).setCustom(n,e):l.setCustom(n,e)},setHidden:function(e){return l.setHidden(n,e)}}}),[l,n]);return Be(Be({},c),{id:n,related:a,inNodeContext:!!t,actions:u,connectors:o})}function it(e){var t=ot(e),n=t.id,r=t.related,a=t.actions,o=t.inNodeContext,i=t.connectors,l=qe(t,["id","related","actions","inNodeContext","connectors"]);return Be(Be({},l),{actions:a,id:n,related:r,setProp:function(e){return Ve("useNode().setProp()",{suggest:"useNode().actions.setProp()"}),a.setProp(e)},inNodeContext:o,connectors:i})}var lt=function(e){var t=e.render,n=it().connectors;return"string"==typeof t.type?(0,n.connect)((0,n.drag)(a.a.cloneElement(t))):t},ct=function(){var e=ot((function(e){return{type:e.data.type,props:e.data.props,nodes:e.data.nodes,hydrationTimestamp:e._hydrationTimestamp}})),t=e.type,n=e.props,o=e.nodes;return Object(r.useMemo)((function(){var e=n.children;o&&o.length>0&&(e=a.a.createElement(a.a.Fragment,null,o.map((function(e){return a.a.createElement(st,{id:e,key:e})}))));var r=a.a.createElement(t,n,e);return"string"==typeof t?a.a.createElement(lt,{render:r}):r}),[t,n,e.hydrationTimestamp,o])},ut=function(e){var t=e.render,n=ot((function(e){return{hidden:e.data.hidden}})).hidden,r=tt((function(e){return{onRender:e.options.onRender}})).onRender;return n?null:a.a.createElement(r,{render:t||a.a.createElement(ct,null)})},st=function(e){return a.a.createElement(at,{id:e.id},a.a.createElement(ut,{render:e.render}))},ft={is:"div",canvas:!1,custom:{},hidden:!1},dt={is:"type",canvas:"isCanvas"};function pt(e){var t=e.id,n=e.children,o=qe(e,["id","children"]),i=Be(Be({},ft),o).is,l=tt(),c=l.query,u=l.actions,s=ot((function(e){return{node:{id:e.id,data:e.data}}})),f=s.node,d=s.inNodeContext,p=Object(r.useState)(null),m=p[0],h=p[1];return function(e){Object(r.useEffect)(e,[])}((function(){pe(!!t);var e=f.id,r=f.data;if(d){var l,s=r.linkedNodes&&r.linkedNodes[t]&&c.node(r.linkedNodes[t]).get();if(s&&s.data.type===i)l=s.id;else{var p=a.a.createElement(pt,o,n),m=c.parseReactElement(p).toNodeTree();l=m.rootNodeId,u.history.ignore().addLinkedNodeFromTree(m,e,t)}h(l)}})),m?a.a.createElement(st,{id:m}):null}var mt=function(){return Ve("<Canvas />",{suggest:"<Element canvas={true} />"})};function ht(e){var t=qe(e,[]);return Object(r.useEffect)((function(){return mt()}),[]),a.a.createElement(pt,Be({},t,{canvas:!0}))}var vt=function(e){var t=e.children,n=e.json,o=e.data,i=tt(),l=i.actions,c=i.query,u=Object(r.useState)(null),s=u[0],f=u[1];n&&Ve("<Frame json={...} />",{suggest:"<Frame data={...} />"});var d=Object(r.useRef)({initialChildren:t,initialData:o||n});return Object(r.useEffect)((function(){var e=d.current,t=e.initialChildren,n=e.initialData;if(n)l.history.ignore().deserialize(n);else if(t){var r=a.a.Children.only(t),o=c.parseReactElement(r).toNodeTree((function(e,t){return t===r&&(e.id="ROOT"),e}));l.history.ignore().addNodeTree(o)}f(a.a.createElement(st,{id:"ROOT"}))}),[l,c]),s},yt=function(e){return qe(e,["addLinkedNodeFromTree","setDOM","setNodeEvent","replaceNodes","reset"])};function gt(e){var t=tt(e),n=t.connectors,a=t.actions,o=qe(t.query,["deserialize"]),i=t.store,l=qe(t,["connectors","actions","query","store"]),c=yt(a),u=Object(r.useMemo)((function(){return Be(Be({},c),{history:Be(Be({},c.history),{ignore:function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return yt((e=c.history).ignore.apply(e,t))},throttle:function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return yt((e=c.history).throttle.apply(e,t))}})})}),[c]);return Be({connectors:n,actions:u,query:o,store:i},l)}var bt=function(e){return Object.fromEntries?Object.fromEntries(e):e.reduce((function(e,t){var n,r=t[0],a=t[1];return Be(Be({},e),((n={})[r]=a,n))}),{})},wt=function(e,t){var n=t.name||t.displayName;if(t===ht)return"Canvas";if(e[n])return n;for(var r=0;r<Object.keys(e).length;r++){var a=Object.keys(e)[r];if(e[a]===t)return a}return"string"==typeof t?t:void 0},Et=function(e,t){return"string"==typeof e?e:{resolvedName:wt(t,e)}},xt=function(e,t){var n=e.type,a=e.isCanvas,o=e.props;return o=Object.keys(o).reduce((function(e,n){var a=o[n];return null==a||(e[n]="children"===n&&"string"!=typeof a?r.Children.map(a,(function(e){return"string"==typeof e?e:xt(e,t)})):a.type?xt(a,t):a),e}),{}),{type:Et(n,t),isCanvas:!!a,props:o}};function _t(e,t){pe("string"==typeof t);var n=e.nodes[t],r=function(t){return _t(e,t)};return{isCanvas:function(){return!!n.data.isCanvas},isRoot:function(){return"ROOT"===n.id},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 Ve("query.node(id).isParentOfTopLevelCanvas",{suggest:"query.node(id).isParentOfTopLevelNodes"}),this.isParentOfTopLevelNodes()},get:function(){return n},ancestors:function(t){return void 0===t&&(t=!1),function n(r,a,o){void 0===a&&(a=[]),void 0===o&&(o=0);var i=e.nodes[r];return i?(a.push(r),i.data.parent?((t||!t&&0===o)&&(a=n(i.data.parent,a,o+1)),a):a):a}(n.data.parent)},descendants:function(n,a){return void 0===n&&(n=!1),function t(o,i,l){return void 0===i&&(i=[]),void 0===l&&(l=0),(n||!n&&0===l)&&e.nodes[o]?("childNodes"!==a&&r(o).linkedNodes().forEach((function(e){i.push(e),i=t(e,i,l+1)})),"linkedNodes"!==a&&r(o).childNodes().forEach((function(e){i.push(e),i=t(e,i,l+1)})),i):i}(t)},linkedNodes:function(){return Object.values(n.data.linkedNodes||{})},childNodes:function(){return n.data.nodes||[]},isDraggable:function(t){try{var a=n;return pe(!this.isTopLevelNode()),pe(_t(e,a.data.parent).isCanvas()),pe(a.rules.canDrag(a,r)),!0}catch(e){return t&&t(e),!1}},isDroppable:function(t,a){var o="object"==typeof t&&!e.nodes[t.id],i=function(t){return"string"==typeof t?e.nodes[t]:t}(t),l=n;try{if("string"==typeof t&&pe(!r(t).isTopLevelNode()),pe(this.isCanvas()),pe(l.rules.canMoveIn(i,l,r)),pe(i.rules.canDrop(l,i,r)),o)return!0;pe(!r(i.id).descendants(!0).includes(l.id)&&l.id!==i.id);var c=i.data.parent&&e.nodes[i.data.parent];return pe(c.data.isCanvas),pe(c||!c&&!e.nodes[i.id]),n!==c&&pe(c.rules.canMoveOut(i,c,r)),!0}catch(e){return a&&a(e),!1}},toSerializedNode:function(){return function(e,t){var n=e.type,r=e.props,a=e.isCanvas,o=qe(e,["type","props","isCanvas","name"]),i=xt({type:n,isCanvas:a,props:r},t);return Be(Be({},i),o)}(n.data,e.options.resolver)},toNodeTree:function(e){var n=$e([t],this.descendants(!0,e)).reduce((function(e,t){return e[t]=r(t).get(),e}),{});return{rootNodeId:t,nodes:n}},decendants:function(e){return void 0===e&&(e=!1),Ve("query.node(id).decendants",{suggest:"query.node(id).descendants"}),this.descendants(e)},isTopLevelCanvas:function(){return!this.isRoot()&&!n.data.parent}}}var Ot=function(e){return"string"==typeof e?e:e.name};function kt(e,t){var n=e.data.type,r={id:e.id||Te(),_hydrationTimestamp:Date.now(),data:Be({type:n,name:Ot(n),displayName:Ot(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===pt||r.data.type===ht){var o=Be(Be({},ft),r.data.props);r.data.props=Object.keys(r.data.props).reduce((function(e,t){return Object.keys(ft).includes(t)?r.data[dt[t]||t]=o[t]:e[t]=r.data.props[t],e}),{}),r.data.name=Ot(n=r.data.type),r.data.displayName=Ot(n),r.data.type===ht&&(r.data.isCanvas=!0,mt())}t&&t(r);var i=n.craft;if(i&&(r.data.displayName=i.displayName||i.name||r.data.displayName,r.data.props=Be(Be({},i.props||i.defaultProps||{}),r.data.props),r.data.custom=Be(Be({},i.custom||{}),r.data.custom),null!=i.isCanvas&&(r.data.isCanvas=i.isCanvas),i.rules&&Object.keys(i.rules).forEach((function(e){["canDrag","canDrop","canMoveIn","canMoveOut"].includes(e)&&(r.rules[e]=i.rules[e])})),i.related)){var l={id:r.id,related:!0};Object.keys(i.related).forEach((function(e){r.related[e]=function(){return a.a.createElement(at,l,a.a.createElement(i.related[e]))}}))}return r}var St=function(e,t,n){var r=e.props,o=function(e,t){return"object"==typeof e&&e.resolvedName?"Canvas"===e.resolvedName?ht:t[e.resolvedName]:"string"==typeof e?e:null}(e.type,t);if(o){r=Object.keys(r).reduce((function(e,n){var a=r[n];return e[n]=null==a?null:"object"==typeof a&&a.resolvedName?St(a,t):"children"===n&&Array.isArray(a)?a.map((function(e){return"string"==typeof e?e:St(e,t)})):a,e}),{}),n&&(r.key=n);var i=Be({},a.a.createElement(o,Be({},r)));return Be(Be({},i),{name:wt(t,i.type)})}},Ct=function(e,t){var n,r;if(t.length<1)return(n={})[e.id]=e,n;var a=t.map((function(e){return e.rootNodeId})),o=Be(Be({},e),{data:Be(Be({},e.data),{nodes:a})}),i=((r={})[e.id]=o,r);return t.reduce((function(t,n){var r,a=n.nodes[n.rootNodeId];return Be(Be(Be({},t),n.nodes),((r={})[a.id]=Be(Be({},a),{data:Be(Be({},a.data),{parent:e.id})}),r))}),i)};function jt(e){var t=e&&e.options,n=function(){return jt(e)};return{getDropPlaceholder:function(t,r,a,o){if(void 0===o&&(o=function(t){return e.nodes[t.id].dom}),t!==r){var i="string"==typeof t&&e.nodes[t],l=e.nodes[r],c=n().node(l.id).isCanvas()?l:e.nodes[l.data.parent];if(c){var u=c.data.nodes||[],s=function(e,t,n,r){for(var a={parent:e,index:0,where:"before"},o=0,i=0,l=0,c=0,u=0,s=0,f=0,d=t.length;f<d;f++){var p=t[f];if(s=p.top+p.outerHeight,c=p.left+p.outerWidth/2,u=p.top+p.outerHeight/2,!(i&&p.left>i||l&&u>=l||o&&p.left+p.outerWidth<o))if(a.index=f,p.inFlow){if(r<u){a.where="before";break}a.where="after"}else r<s&&(l=s),n<c?(i=c,a.where="before"):(o=c,a.where="after")}return a}(c,u?u.reduce((function(t,n){var r=o(e.nodes[n]);if(r){var a=Be({id:n},Se(r));t.push(a)}return t}),[]):[],a.x,a.y),f=u.length&&e.nodes[u[s.index]],d={placement:Be(Be({},s),{currentNode:f}),error:!1};return i&&n().node(i.id).isDraggable((function(e){return d.error=e})),n().node(c.id).isDroppable(t,(function(e){return d.error=e})),d}}},getOptions:function(){return t},node:function(t){return _t(e,t)},getSerializedNodes:function(){var t=this,n=Object.keys(e.nodes).map((function(e){return[e,t.node(e).toSerializedNode()]}));return bt(n)},serialize:function(){return JSON.stringify(this.getSerializedNodes())},parseReactElement:function(t){return{toNodeTree:function(o){var i=function(e,t){var n=e;return"string"==typeof n&&(n=a.a.createElement(r.Fragment,{},n)),kt({data:{type:n.type,props:Be({},n.props)}},(function(e){t&&t(e,n)}))}(t,(function(t,n){var r=wt(e.options.resolver,t.data.type);pe(null!==r),t.data.displayName=t.data.displayName||r,t.data.name=r,o&&o(t,n)})),l=[];return t.props&&t.props.children&&(l=a.a.Children.toArray(t.props.children).reduce((function(e,t){return a.a.isValidElement(t)&&e.push(n().parseReactElement(t).toNodeTree(o)),e}),[])),function(e,t){return{rootNodeId:e.id,nodes:Ct(e,t)}}(i,l)}}},parseSerializedNode:function(t){return{toNode:function(r){var a=function(e,t){var n=e.type,r=qe(e,["type","props"]);pe(void 0!==n&&"string"==typeof n||void 0!==n&&void 0!==n.resolvedName,"An Error occurred while deserializing components: Cannot find component <%displayName% /> in resolver map. Please check your resolver in <Editor />\n\nAvailable components in resolver: %availableComponents%\n\nMore info: https://craft.js.org/r/docs/api/editor#props".replace("%displayName%",e.displayName).replace("%availableComponents%",Object.keys(t).join(", ")));var a=St(e,t),o=a.name;return{type:a.type,name:o,displayName:r.displayName||o,props:a.props,custom:r.custom||{},isCanvas:!!r.isCanvas,hidden:!!r.hidden,parent:r.parent,linkedNodes:r.linkedNodes||r._childCanvas||{},nodes:r.nodes||[]}}(t,e.options.resolver);pe(a.type);var o="string"==typeof r&&r;return o&&Ve("query.parseSerializedNode(...).toNode(id)",{suggest:"query.parseSerializedNode(...).toNode(node => node.id = id)"}),n().parseFreshNode(Be(Be({},o?{id:o}:{}),{data:a})).toNode(!o&&r)}}},parseFreshNode:function(t){return{toNode:function(n){return kt(t,(function(t){"canvas-ROOT"===t.data.parent&&(t.data.parent="ROOT");var r=wt(e.options.resolver,t.data.type);pe(null!==r),t.data.displayName=t.data.displayName||r,t.data.name=r,n&&n(t)}))}}},createNode:function(e,t){Ve("query.createNode("+e+")",{suggest:"query.parseReactElement("+e+").toNodeTree()"});var n=this.parseReactElement(e).toNodeTree(),r=n.nodes[n.rootNodeId];return t?(t.id&&(r.id=t.id),t.data&&(r.data=Be(Be({},r.data),t.data)),r):r},getState:function(){return e}}}var Pt={nodes:{},events:{dragged:null,selected:null,hovered:null,indicator:null},handlers:null,options:{onNodesChange:function(){return null},onRender:function(e){return e.render},resolver:{},enabled:!0,indicator:{error:"red",success:"rgb(98, 196, 98)"},handlers:function(e){return new Je({store:e})}}},Nt={methods:function(e,t){return Be(Be({},function(e,t){var n=function(t,n,a){var o=function(n,r){var a=t.nodes[n];e.nodes[n]=Be(Be({},a),{data:Be(Be({},a.data),{parent:r})}),a.data.nodes.length>0&&(delete e.nodes[n].data.props.children,a.data.nodes.forEach((function(e){return o(e,a.id)}))),Object.values(a.data.linkedNodes).forEach((function(e){return o(e,a.id)}))};if(o(t.rootNodeId,n),n){var i=r(n);if("child"!==a.type)i.data.linkedNodes[a.id]=t.rootNodeId;else{var l=a.index;null!=l?i.data.nodes.splice(l,0,t.rootNodeId):i.data.nodes.push(t.rootNodeId)}}else pe("ROOT"===t.rootNodeId)},r=function(t){pe(t);var n=e.nodes[t];return pe(n),n},a=function(t){var n=e.nodes[t],r=e.nodes[n.data.parent];if(n.data.nodes&&$e(n.data.nodes).forEach((function(e){return a(e)})),n.data.linkedNodes&&Object.values(n.data.linkedNodes).map((function(e){return a(e)})),r.data.nodes.includes(t)){var o=r.data.nodes;o.splice(o.indexOf(t),1)}else{var i=Object.keys(r.data.linkedNodes).find((function(e){return r.data.linkedNodes[e]===e}));i&&delete r.data.linkedNodes[i]}!function(e,t){Object.keys(e.events).forEach((function(n){e.events[n]&&e.events[n]===t&&(e.events[n]=null)}))}(e,t),delete e.nodes[t]};return{addLinkedNodeFromTree:function(e,t,o){var i=r(t).data.linkedNodes[o];i&&a(i),n(e,t,{type:"linked",id:o})},add:function(e,t,r){var a=[e];Array.isArray(e)&&(Ve("actions.add(node: Node[])",{suggest:"actions.add(node: Node)"}),a=e),a.forEach((function(e){var a;n({nodes:(a={},a[e.id]=e,a),rootNodeId:e.id},t,{type:"child",index:r})}))},addNodeTree:function(e,t,r){n(e,t,{type:"child",index:r})},delete:function(e){pe(!t.node(e).isTopLevelNode()),a(e)},deserialize:function(e){var n="string"==typeof e?JSON.parse(e):e,r=Object.keys(n).map((function(e){var r=e;return"canvas-ROOT"===e&&(r="ROOT"),[r,t.parseSerializedNode(n[e]).toNode((function(e){return e.id=r}))]}));this.replaceNodes(bt(r))},move:function(n,r,a){var o=e.nodes[n],i=o.data.parent,l=e.nodes[r].data.nodes;t.node(r).isDroppable(o,(function(e){throw new Error(e)}));var c=e.nodes[i].data.nodes;c[c.indexOf(n)]="marked",l.splice(a,0,n),e.nodes[n].data.parent=r,c.splice(c.indexOf("marked"),1)},replaceNodes:function(t){this.clearEvents(),e.nodes=t},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(t){t(e.options)},setNodeEvent:function(t,n){var r=e.events[t];r&&n!==r&&(e.nodes[r].events[t]=!1),n?(e.nodes[n].events[t]=!0,e.events[t]=n):e.events[t]=null},setCustom:function(t,n){n(e.nodes[t].data.custom)},setDOM:function(t,n){e.nodes[t]&&(e.nodes[t].dom=n)},setIndicator:function(t){t&&(!t.placement.parent.dom||t.placement.currentNode&&!t.placement.currentNode.dom)||(e.events.indicator=t)},setHidden:function(t,n){e.nodes[t].data.hidden=n},setProp:function(t,n){pe(e.nodes[t]),n(e.nodes[t].data.props)},selectNode:function(e){this.setNodeEvent("selected",null!=e?e:null),this.setNodeEvent("hovered",null)}}}(e,t)),{setState:function(t){var n=qe(this,["history"]);t(e,n)}})},ignoreHistoryForActions:["setDOM","setNodeEvent","selectNode","clearEvents","setOptions","setIndicator"],normalizeHistory:function(e){Object.keys(e.events).forEach((function(t){var n=e.events[t];n&&!e.nodes[n]&&(e.events[t]=null)})),Object.keys(e.nodes).forEach((function(t){var n=e.nodes[t];Object.keys(n.events).forEach((function(t){n.events[t]&&e.events[t]&&e.events[t]!==n.id&&(n.events[t]=!1)}))}))}},Tt=function(e){var t=e.children,n=e.onRender,o=e.onNodesChange,i=e.resolver,l=e.enabled,c=e.indicator;void 0!==i&&pe("object"==typeof i&&!Array.isArray(i));var u=Object(r.useMemo)((function(){return Object(He.pickBy)({onRender:n,onNodesChange:o,resolver:i,enabled:l,indicator:c},(function(e){return void 0!==e}))}),[l,c,o,n,i]),s=function(e){return Ee(Nt,Be(Be({},Pt),{options:Be(Be({},Pt.options),e)}),jt)}(u);return Object(r.useEffect)((function(){s&&u&&s.actions.setOptions((function(e){Object.assign(e,u)}))}),[s,u]),Object(r.useEffect)((function(){s.subscribe((function(e){return{json:s.query.serialize()}}),(function(){s.query.getOptions().onNodesChange(s.query)}))}),[s]),s?a.a.createElement(et.Provider,{value:s},a.a.createElement(nt,null,t)):null},At=a.a.createContext({}),It=n(15),Rt=n(1),Mt=n.n(Rt);function zt(e){return(zt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Lt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ft(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Dt(Object(n),!0).forEach((function(t){Lt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Dt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Vt(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function Ht(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function Ut(e){return t=e,(t-=0)==t?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1);var t}function Wt(e){return e.split(";").map((function(e){return e.trim()})).filter((function(e){return e})).reduce((function(e,t){var n,r=t.indexOf(":"),a=Ut(t.slice(0,r)),o=t.slice(r+1).trim();return a.startsWith("webkit")?e[(n=a,n.charAt(0).toUpperCase()+n.slice(1))]=o:e[a]=o,e}),{})}var Bt=!1;try{Bt=!0}catch(e){}function qt(e){return It.b.icon?It.b.icon(e):null===e?null:"object"===zt(e)&&e.prefix&&e.iconName?e:Array.isArray(e)&&2===e.length?{prefix:e[0],iconName:e[1]}:"string"==typeof e?{prefix:"fas",iconName:e}:void 0}function $t(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Lt({},e,t):{}}function Kt(e){var t=e.forwardedRef,n=Vt(e,["forwardedRef"]),r=n.icon,a=n.mask,o=n.symbol,i=n.className,l=n.title,c=n.titleId,u=qt(r),s=$t("classes",[].concat(Ht(function(e){var t,n=e.spin,r=e.pulse,a=e.fixedWidth,o=e.inverse,i=e.border,l=e.listItem,c=e.flip,u=e.size,s=e.rotation,f=e.pull,d=(Lt(t={"fa-spin":n,"fa-pulse":r,"fa-fw":a,"fa-inverse":o,"fa-border":i,"fa-li":l,"fa-flip-horizontal":"horizontal"===c||"both"===c,"fa-flip-vertical":"vertical"===c||"both"===c},"fa-".concat(u),null!=u),Lt(t,"fa-rotate-".concat(s),null!=s&&0!==s),Lt(t,"fa-pull-".concat(f),null!=f),Lt(t,"fa-swap-opacity",e.swapOpacity),t);return Object.keys(d).map((function(e){return d[e]?e:null})).filter((function(e){return e}))}(n)),Ht(i.split(" ")))),f=$t("transform","string"==typeof n.transform?It.b.transform(n.transform):n.transform),d=$t("mask",qt(a)),p=Object(It.a)(u,Ft({},s,{},f,{},d,{symbol:o,title:l,titleId:c}));if(!p)return function(){var e;!Bt&&console&&"function"==typeof console.error&&(e=console).error.apply(e,arguments)}("Could not find icon",u),null;var m=p.abstract,h={ref:t};return Object.keys(n).forEach((function(e){Kt.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),Yt(m[0],h)}Kt.displayName="FontAwesomeIcon",Kt.propTypes={border:Mt.a.bool,className:Mt.a.string,mask:Mt.a.oneOfType([Mt.a.object,Mt.a.array,Mt.a.string]),fixedWidth:Mt.a.bool,inverse:Mt.a.bool,flip:Mt.a.oneOf(["horizontal","vertical","both"]),icon:Mt.a.oneOfType([Mt.a.object,Mt.a.array,Mt.a.string]),listItem:Mt.a.bool,pull:Mt.a.oneOf(["right","left"]),pulse:Mt.a.bool,rotation:Mt.a.oneOf([0,90,180,270]),size:Mt.a.oneOf(["lg","xs","sm","1x","2x","3x","4x","5x","6x","7x","8x","9x","10x"]),spin:Mt.a.bool,symbol:Mt.a.oneOfType([Mt.a.bool,Mt.a.string]),title:Mt.a.string,transform:Mt.a.oneOfType([Mt.a.string,Mt.a.object]),swapOpacity:Mt.a.bool},Kt.defaultProps={border:!1,className:"",mask:null,fixedWidth:!1,inverse:!1,flip:null,icon:null,listItem:!1,pull:null,pulse:!1,rotation:null,size:null,spin:!1,symbol:!1,title:"",transform:null,swapOpacity:!1};var Yt=function e(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if("string"==typeof n)return n;var a=(n.children||[]).map((function(n){return e(t,n)})),o=Object.keys(n.attributes||{}).reduce((function(e,t){var r=n.attributes[t];switch(t){case"class":e.attrs.className=r,delete n.attributes.class;break;case"style":e.attrs.style=Wt(r);break;default:0===t.indexOf("aria-")||0===t.indexOf("data-")?e.attrs[t.toLowerCase()]=r:e.attrs[Ut(t)]=r}return e}),{attrs:{}}),i=r.style,l=void 0===i?{}:i,c=Vt(r,["style"]);return o.attrs.style=Ft({},o.attrs.style,{},l),t.apply(void 0,[n.tag,Ft({},o.attrs,{},c)].concat(Ht(a)))}.bind(null,a.a.createElement),Gt={prefix:"fas",iconName:"arrow-down",icon:[448,512,[],"f063","M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"]},Qt={prefix:"fas",iconName:"arrow-up",icon:[448,512,[],"f062","M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"]},Xt={prefix:"fas",iconName:"arrows-alt",icon:[512,512,[],"f0b2","M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z"]},Jt={prefix:"fas",iconName:"caret-down",icon:[320,512,[],"f0d7","M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"]},Zt={prefix:"fas",iconName:"caret-square-left",icon:[448,512,[],"f191","M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM259.515 124.485l-123.03 123.03c-4.686 4.686-4.686 12.284 0 16.971l123.029 123.029c7.56 7.56 20.485 2.206 20.485-8.485V132.971c.001-10.691-12.925-16.045-20.484-8.486z"]},en={prefix:"fas",iconName:"caret-square-right",icon:[448,512,[],"f152","M48 32h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48zm140.485 355.515l123.029-123.029c4.686-4.686 4.686-12.284 0-16.971l-123.029-123.03c-7.56-7.56-20.485-2.206-20.485 8.485v246.059c0 10.691 12.926 16.045 20.485 8.486z"]},tn={prefix:"fas",iconName:"chevron-down",icon:[448,512,[],"f078","M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"]},nn={prefix:"fas",iconName:"chevron-right",icon:[320,512,[],"f054","M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"]},rn={prefix:"fas",iconName:"copy",icon:[448,512,[],"f0c5","M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z"]},an={prefix:"fas",iconName:"exclamation-triangle",icon:[576,512,[],"f071","M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"]},on={prefix:"fas",iconName:"info-circle",icon:[512,512,[],"f05a","M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"]},ln={prefix:"fas",iconName:"plus",icon:[448,512,[],"f067","M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"]},cn={prefix:"fas",iconName:"question-circle",icon:[512,512,[],"f059","M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"]},un={prefix:"fas",iconName:"redo",icon:[512,512,[],"f01e","M500.33 0h-47.41a12 12 0 0 0-12 12.57l4 82.76A247.42 247.42 0 0 0 256 8C119.34 8 7.9 119.53 8 256.19 8.1 393.07 119.1 504 256 504a247.1 247.1 0 0 0 166.18-63.91 12 12 0 0 0 .48-17.43l-34-34a12 12 0 0 0-16.38-.55A176 176 0 1 1 402.1 157.8l-101.53-4.87a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12h200.33a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12z"]},sn={prefix:"fas",iconName:"robot",icon:[640,512,[],"f544","M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z"]},fn={prefix:"fas",iconName:"save",icon:[448,512,[],"f0c7","M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z"]},dn={prefix:"fas",iconName:"scroll",icon:[640,512,[],"f70e","M48 0C21.53 0 0 21.53 0 48v64c0 8.84 7.16 16 16 16h80V48C96 21.53 74.47 0 48 0zm208 412.57V352h288V96c0-52.94-43.06-96-96-96H111.59C121.74 13.41 128 29.92 128 48v368c0 38.87 34.65 69.65 74.75 63.12C234.22 474 256 444.46 256 412.57zM288 384v32c0 52.93-43.06 96-96 96h336c61.86 0 112-50.14 112-112 0-8.84-7.16-16-16-16H288z"]},pn={prefix:"fas",iconName:"times",icon:[352,512,[],"f00d","M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"]},mn={prefix:"fas",iconName:"trash-alt",icon:[448,512,[],"f2ed","M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"]},hn={prefix:"fas",iconName:"undo",icon:[512,512,[],"f0e2","M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"]},vn=n(11),yn=n.n(vn);
 /*!
  * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
@@ -89,4 +89,4 @@ function m(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;v
 /*!
  * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */function tm(e){return function(e){if(Array.isArray(e))return am(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||rm(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nm(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||rm(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rm(e,t){if(e){if("string"==typeof e)return am(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?am(e,t):void 0}}function am(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var om=function(e){e.name,e.layout;var t=it((function(e){return{selected:e.events.selected}})),n=t.selected,o=t.connectors,i=o.connect,l=o.drag;return a.a.createElement(r.Fragment,null,a.a.createElement("span",{className:n?"selected-node":"",ref:function(e){return i(l(e))}},"LibElem"),a.a.createElement("br",null))};om.craft={displayName:"LibraryElem"};var im=function(e){var t,n,a=e.nodekeys,o=e.savingState,i=e.setSavingState,l=nm(Object(r.useState)(!1),2),c=(l[0],l[1],Object(r.useRef)(!1)),u=gt((function(e,t){return{}})),s=u.actions,f=u.query,d=(u.connectors,Object(r.useContext)(At)),p=(t=function(){!function(e){if(e.serialize){var t=vp(JSON.parse(e.serialize()),"ROOT",d),n=d.page_id?"pageedit":"viewedit";!1!==c.current?Object(He.isEqual)(c.current,JSON.stringify(t.layout))||(c.current=JSON.stringify(t.layout),i({isSaving:!0}),fetch("/".concat(n,"/savebuilder/").concat(d.page_id||d.view_id),{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":d.csrfToken},body:JSON.stringify(t)}).then((function(e){e.json().then((function(e){"string"==typeof(null==e?void 0:e.error)?(o.error||window.notifyAlert({type:"danger",text:e.error}),i({isSaving:!1,error:e.error})):i({isSaving:!1})}))})).catch((function(e){var t="Failed to fetch"===e.message?"Network connection lost":e||"Unable to save";o.error||window.notifyAlert({type:"danger",text:t}),i({isSaving:!1,error:t})}))):c.current=JSON.stringify(t.layout)}}(f)},n=Object(r.useRef)(),Object(r.useEffect)((function(){n.current=t}),[t]),Object(r.useMemo)((function(){return Object(He.throttle)((function(){var e;null===(e=n.current)||void 0===e||e.call(n)}),3e3)}),[])),m=function(e,t){var n=e.getSerializedNodes(),r=[];if(Object.keys(n).forEach((function(e){a.current.includes(e)||r.push(e)})),a.current=Object.keys(n),1===r.length){var o=r[0],i=n[o];if("LibraryElem"===i.displayName){var l=i.props.layout;hp(l.layout?l.layout:l,f,s,i.parent,d),setTimeout((function(){s.delete(o)}),0)}else"Column"!==i.displayName&&s.selectNode(o)}p()};return Object(r.useEffect)((function(){var e=f.getSerializedNodes();a.current=Object.keys(e),s.setOptions((function(e){var t=e.onNodesChange(e.onNodesChange=t?function(e){t(e),m(e)}:m)}))}),[]),[]},lm=function(e){var t=e.expanded,n=gt((function(e,t){return{selected:e.events.selected}})),o=(n.actions,n.selected),i=n.query,l=n.connectors,c=Object(r.useContext)(At),u=nm(Object(r.useState)(!1),2),s=u[0],f=u[1],d=nm(Object(r.useState)(""),2),p=d[0],m=d[1],h=nm(Object(r.useState)(),2),v=h[0],y=h[1],g=nm(Object(r.useState)([]),2),b=g[0],w=g[1],E=Object(He.chunk)([].concat(tm(c.library||[]),tm(b)),t?3:2);return a.a.createElement("div",{className:"builder-library"},a.a.createElement("div",{className:"dropdown"},a.a.createElement("button",{className:"btn btn-sm btn-secondary dropdown-toggle mt-2",type:"button",id:"dropdownMenuButton","aria-haspopup":"true","aria-expanded":"false",disabled:!o,onClick:function(){return f(!s)}},a.a.createElement(Kt,{icon:ln,className:"me-1"}),"Add"),a.a.createElement("div",{className:"dropdown-menu py-3 px-4 ".concat(s?"show":""),"aria-labelledby":"dropdownMenuButton"},a.a.createElement("label",null,"Name"),a.a.createElement("input",{type:"text",className:"form-control",value:p,onChange:function(e){return(null==e?void 0:e.target)&&m(e.target.value)}}),a.a.createElement("br",null),a.a.createElement("label",null,"Icon"),a.a.createElement(yn.a,{className:"w-100",value:v,icons:En,onChange:y,isMulti:!1}),a.a.createElement("button",{className:"btn btn-primary mt-3",onClick:function(){var e={layout:vp(JSON.parse(i.serialize()),o,c),icon:v,name:p};fetch("/library/savefrombuilder",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":c.csrfToken},body:JSON.stringify(e)}),f(!1),y(),m(""),w([].concat(tm(b),[e]))}},a.a.createElement(Kt,{icon:ln,className:"me-1"}),"Add"),a.a.createElement("button",{className:"btn btn-outline-secondary ms-2 mt-3",onClick:function(){return f(!1)}},a.a.createElement(Kt,{icon:pn})))),a.a.createElement("div",{className:"card mt-2"},E.map((function(e,t){return a.a.createElement("div",{className:"toolbar-row",key:t},e.map((function(e,t){return a.a.createElement(jd,{key:t,connectors:l,icon:e.icon,label:e.name},a.a.createElement(om,{name:e.name,layout:e.layout}))})))}))))},cm=function(e){var t=e.render,n=it().id,o=gt((function(e){return{isActive:e.nodes[n].events.selected}})),i=o.actions,l=o.query,c=o.isActive,u=it((function(e){return{isHover:e.events.hovered,dom:e.dom,name:e.data.custom.displayName||e.data.displayName,moveable:l.node(e.id).isDraggable(),deletable:l.node(e.id).isDeletable(),parent:e.data.parent,props:e.data.props}})),s=u.isHover,f=u.dom,d=u.name,p=u.moveable,m=u.deletable,h=u.connectors.drag,v=u.parent,y=Object(r.useRef)(),g=Object(r.useCallback)((function(e){var t=e?e.getBoundingClientRect():{top:0,left:0,bottom:0,right:0,height:0,width:0},n=t.top,r=t.left,a=t.bottom,o=t.height,i=t.width,l=t.right;return{top:"".concat(n>0?n:a,"px"),left:"".concat(r,"px"),topn:n,leftn:r,height:o,width:i,right:l,bottom:a}}),[]),b=Object(r.useCallback)((function(){var e=y.current;if(e){var t=g(f),n=t.top,r=t.left;e.style.top=n,e.style.left=r}}),[f,g]);Object(r.useEffect)((function(){"Column"===d&&v&&"ROOT"!==v&&i.selectNode(v)}),[c]),Object(r.useEffect)((function(){return document.getElementById("builder-main-canvas").addEventListener("scroll",b),document.addEventListener("scroll",b),function(){document.getElementById("builder-main-canvas").removeEventListener("scroll",b),document.removeEventListener("scroll",b)}}),[b]);return a.a.createElement(a.a.Fragment,null,!c&&!s||"ROOT"===n||"Column"===d&&!c?null:he.a.createPortal(a.a.createElement("div",{ref:y,className:"selected-indicator ".concat(c?"activeind":"hoverind"," px-1 text-white"),style:{left:g(f).left,top:g(f).top,zIndex:1029}},a.a.createElement("div",{className:"dispname me-3"},d)," ",p&&c&&a.a.createElement("button",{className:"btn btn-link btn-builder-move p-0",ref:h},a.a.createElement(Kt,{icon:Xt,className:"me-2"})),c&&v&&"ROOT"!==v?a.a.createElement(Kt,{icon:Qt,className:"me-2",onClick:function(){i.selectNode(v)}}):null,m&&c?[a.a.createElement(Kt,{key:1,icon:rn,onClick:function(){var e=l.node(n).get().data.parent,t=l.node(e).childNodes().findIndex((function(e){return e===n})),r=zu(l)(n);i.addNodeTree(l.parseReactElement(r).toNodeTree(),e||"ROOT",t+1)},className:"me-2"}),a.a.createElement(Kt,{key:2,icon:mn,className:"me-2",onMouseDown:function(e){e.stopPropagation(),i.delete(n),setTimeout((function(){return i.selectNode(v)}),0)}})]:null),document.querySelector("#builder-main-canvas")),t)};function um(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sm(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sm(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sm(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var fm=At.Provider,dm=function(){var e=gt((function(e,t){var n,r=e.events.selected;return r&&(n={id:r,name:e.nodes[r].data.name,parent:e.nodes[r].data.parent,displayName:e.nodes[r].data&&e.nodes[r].data.displayName,settings:e.nodes[r].related&&e.nodes[r].related.settings,isDeletable:t.node(r).isDeletable(),children:e.nodes[r].data&&e.nodes[r].data.nodes}),{selected:n}})),t=e.actions,n=e.selected,o=e.query,i=function(){t.delete(n.id)},l=function(e){var t=o.node(n.parent).childNodes(),r=t.findIndex((function(e){return e===n.id}));return t[r+e]},c=function(e){var r=e.keyCode;if("body"===e.target.tagName.toLowerCase()&&n){if(8!==r&&46!==r||"ROOT"!==n.id||s(),8===r){var a=l(-1),c=n.parent;i(),a?t.selectNode(a):t.selectNode(c)}if(46===r){var u=l(1);i(),u&&t.selectNode(u)}if(37===r&&n.parent&&t.selectNode(n.parent),39===r)if(n.children&&n.children.length>0)t.selectNode(n.children[0]);else if("Columns"===n.displayName){var f,d=o.node(n.id).get(),p=null==d||null===(f=d.data)||void 0===f||null===(f=f.linkedNodes)||void 0===f?void 0:f.Col0;p&&t.selectNode(p)}if(38===r&&n.parent){var m=l(-1);m&&t.selectNode(m),e.preventDefault()}if(40===r&&n.parent){var h=l(1);h&&t.selectNode(h),e.preventDefault()}}};Object(r.useEffect)((function(){return window.addEventListener("keydown",c),function(){window.removeEventListener("keydown",c)}}),[c]);var u=n&&n.children&&n.children.length>0,s=function(){n.children.forEach((function(e){t.delete(e)}))};return a.a.createElement("div",{className:"settings-panel card mt-1"},a.a.createElement("div",{className:"card-header px-2 py-1"},n&&n.displayName?a.a.createElement(r.Fragment,null,a.a.createElement("b",null,n.displayName)," settings"):"Settings"),a.a.createElement("div",{className:"card-body p-2"},n?a.a.createElement(r.Fragment,null,n.isDeletable&&a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:i},a.a.createElement(Kt,{icon:mn,className:"me-1"}),"Delete"),u&&!n.isDeletable?a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:s},a.a.createElement(Kt,{icon:mn,className:"me-1"}),"Delete contents"):a.a.createElement("button",{title:"Duplicate element with its children",className:"btn btn-sm btn-secondary ms-2",onClick:function(){var e=o.node(n.id).get().data.parent,r=o.node(n.parent).childNodes().findIndex((function(e){return e===n.id})),a=zu(o)(n.id);t.addNodeTree(o.parseReactElement(a).toNodeTree(),e||"ROOT",r+1)}},a.a.createElement(Kt,{icon:rn,className:"me-1"}),"Clone"),a.a.createElement("hr",{className:"my-2"}),n.settings&&a.a.createElement(n.settings)):"No element selected"))},pm=function(){var e=gt((function(){})),t=e.query,n=e.actions;Object(r.useContext)(At);return a.a.createElement("button",{className:"btn btn-primary mt-2",onClick:function(){n.addNodeTree(t.parseReactElement(a.a.createElement(rp,null)).toNodeTree(),"ROOT")}},a.a.createElement(Kt,{icon:ln,className:"me-2"}),"Add column")},mm=function(){var e=gt((function(e,t){return{canUndo:t.history.canUndo(),canRedo:t.history.canRedo()}})),t=e.canUndo,n=e.canRedo,o=e.actions;return a.a.createElement(r.Fragment,null,t&&a.a.createElement("button",{className:"btn btn-sm btn-secondary ms-2 me-2",title:"Undo",onClick:function(){return o.history.undo()}},a.a.createElement(Kt,{icon:hn})),n&&a.a.createElement("button",{className:"btn btn-sm btn-secondary",title:"Redo",onClick:function(){return o.history.redo()}},a.a.createElement(Kt,{icon:un})))},hm=function(e){var t=e.layout,n=gt((function(){})),o=n.query,i=n.actions,l=Object(r.useContext)(At);Object(r.useEffect)((function(){hp(t,o,i,"ROOT",l)}),[]);return a.a.createElement("button",{className:"btn btn-sm btn-primary builder-save",onClick:function(){var e=vp(JSON.parse(o.serialize()),"ROOT",l),t=e.columns,n=e.layout;document.querySelector("form#scbuildform input[name=columns]").setAttribute("value",encodeURIComponent(JSON.stringify(t))),document.querySelector("form#scbuildform input[name=layout]").setAttribute("value",encodeURIComponent(JSON.stringify(n))),document.getElementById("scbuildform").submit()}},l.next_button_label||"Next"," »")},vm=function(e){var t=e.options,n=e.layout,o=e.mode,i=um(Object(r.useState)(!0),2),l=i[0],c=(i[1],um(Object(r.useState)({}),2)),u=c[0],s=c[1],f=um(Object(r.useState)([]),2),d=f[0],p=f[1],m=Object(r.useRef)([]),h=um(Object(r.useState)({isSaving:!1}),2),v=h[0],y=h[1],g=um(Object(r.useState)(!1),2),b=g[0],w=g[1],E=um(Object(r.useState)(!1),2),x=E[0],_=E[1],O=um(Object(r.useState)({}),2),k=O[0],S=O[1];return a.a.createElement(Au,null,a.a.createElement(Tt,{onRender:cm},a.a.createElement(fm,{value:t},a.a.createElement(as.Provider,{value:{previews:u,setPreviews:s,uploadedFiles:d,setUploadedFiles:p}},a.a.createElement(Os.Provider,{value:{relationsCache:k,setRelationsCache:S}},a.a.createElement("div",{className:"row",style:{marginTop:"-5px"}},a.a.createElement("div",{className:"col-sm-auto left-builder-col ".concat(x?"builder-left-enlarged":"builder-left-shrunk")},a.a.createElement("div",{className:"componets-and-library-accordion toolbox-card"},a.a.createElement(im,{nodekeys:m,setSavingState:y,savingState:v}),a.a.createElement(yu,null,a.a.createElement("div",{className:"card mt-1",accordiontitle:"Components"},{show:a.a.createElement(Xd,{expanded:x}),list:a.a.createElement(Jd,{expanded:x}),edit:a.a.createElement(ep,{expanded:x}),page:a.a.createElement(tp,{expanded:x}),filter:a.a.createElement(Zd,{expanded:x})}[o]||a.a.createElement("div",null,"Missing mode")),a.a.createElement("div",{accordiontitle:"Library"},a.a.createElement(lm,{expanded:x})))),a.a.createElement("div",{className:"card toolbox-card pe-0",style:x?{width:"13.4rem"}:{}},a.a.createElement("div",{className:"card-header p-2 d-flex justify-content-between"},a.a.createElement("div",null,"Layers"),a.a.createElement(Kt,{icon:x?Zp:em,className:"float-end fa-lg",onClick:function(){return _(!x)},title:x?"Shrink":"Enlarge"})),l&&a.a.createElement("div",{className:"card-body p-0 builder-layers"},a.a.createElement(Jp,{expandRootOnLoad:!0})))),a.a.createElement("div",{id:"builder-main-canvas",className:"col builder-mode-".concat(t.mode," ").concat("list"!==t.mode?"emptymsg":"")},a.a.createElement("div",null,a.a.createElement(vt,{resolver:{Text:rs,Empty:hf,Columns:nr,JoinField:hs,Field:us,ViewLink:Ys,Action:nf,HTMLCode:Js,LineBreak:_s,Aggregation:xs,Card:_f,Image:lf,Link:sd,View:ud,SearchBar:Xs,Container:Zf,Column:xn,DropDownFilter:yf,DropMenu:wf,Tabs:df,Table:pf,ToggleFilter:xf,ListColumn:rp,ListColumns:np}},"list"===t.mode?a.a.createElement(pt,{canvas:!0,is:np}):a.a.createElement(pt,{canvas:!0,is:xn})),"list"===t.mode?a.a.createElement(pm,null):null)),a.a.createElement("div",{className:"col-sm-auto builder-sidebar"},a.a.createElement("div",{style:{width:b?"28rem":"16rem"}},a.a.createElement(hm,{layout:n}),a.a.createElement(mm,null),a.a.createElement(Kt,{icon:fn,className:v.isSaving?"d-inline":"d-none"}),a.a.createElement(Kt,{icon:an,color:"#ff0033",className:v.error?"d-inline":"d-none"}),a.a.createElement(Kt,{icon:b?em:Zp,className:"float-end me-2 mt-1 fa-lg",onClick:function(){return w(!b)},title:b?"Shrink":"Enlarge"}),a.a.createElement("div",{className:" ".concat(v.error?"d-block":"d-none"," my-2 fw-bold")},"your work is not being saved"),a.a.createElement(dm,null))))))),a.a.createElement("div",{className:"d-none preview-scratchpad"})))};function ym(e,t,n,r){he.a.render(a.a.createElement(vm,{options:JSON.parse(decodeURIComponent(t)),layout:JSON.parse(decodeURIComponent(n)),mode:r}),document.getElementById(e))}},function(e,t,n){"use strict";n.r(t),n.d(t,"CSSTransition",(function(){return E})),n.d(t,"ReplaceTransition",(function(){return T})),n.d(t,"SwitchTransition",(function(){return D})),n.d(t,"TransitionGroup",(function(){return C})),n.d(t,"Transition",(function(){return g})),n.d(t,"config",(function(){return d}));var r=n(2),a=n(6),o=n(27);function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Object(o.a)(e,t)}n(1);function l(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var c=n(0),u=n.n(c),s=n(3),f=n.n(s),d={disabled:!1},p=u.a.createContext(null),m="entering",h="entered",v=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var a,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(a="exited",r.appearStatus=m):a=h:a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:a},r.nextCallback=null,r}i(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==m&&n!==h&&(t=m):n!==m&&n!==h||(t="exiting")}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),t===m?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[f.a.findDOMNode(this),r],o=a[0],i=a[1],l=this.getTimeouts(),c=r?l.appear:l.enter;!e&&!n||d.disabled?this.safeSetState({status:h},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,i),this.safeSetState({status:m},(function(){t.props.onEntering(o,i),t.onTransitionEnd(c,(function(){t.safeSetState({status:h},(function(){t.props.onEntered(o,i)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:f.a.findDOMNode(this);t&&!d.disabled?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:f.a.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=a[0],i=a[1];this.props.addEndListener(o,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if("unmounted"===e)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,Object(a.a)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return u.a.createElement(p.Provider,{value:null},"function"==typeof n?n(e,r):u.a.cloneElement(u.a.Children.only(n),r))},t}(u.a.Component);function y(){}v.contextType=p,v.propTypes={},v.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:y,onEntering:y,onEntered:y,onExit:y,onExiting:y,onExited:y},v.UNMOUNTED="unmounted",v.EXITED="exited",v.ENTERING=m,v.ENTERED=h,v.EXITING="exiting";var g=v,b=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=l(n.className,r):n.setAttribute("class",l(n.className&&n.className.baseVal||"",r)));var n,r}))},w=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,a=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:a,activeClassName:r?a+"-active":n[e+"Active"],doneClassName:r?a+"-done":n[e+"Done"]}},t}i(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&a&&(r+=" "+a),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,a=n.active,o=n.done;this.appliedClasses[t]={},r&&b(e,r),a&&b(e,a),o&&b(e,o)},n.render=function(){var e=this.props,t=(e.classNames,Object(a.a)(e,["classNames"]));return u.a.createElement(g,Object(r.a)({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(u.a.Component);w.defaultProps={classNames:""},w.propTypes={};var E=w;function x(e,t){var n=Object.create(null);return e&&c.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&Object(c.isValidElement)(e)?t(e):e}(e)})),n}function _(e,t,n){return null!=n[t]?n[t]:e.props[t]}function O(e,t,n){var r=x(e.children),a=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,a=Object.create(null),o=[];for(var i in e)i in t?o.length&&(a[i]=o,o=[]):o.push(i);var l={};for(var c in t){if(a[c])for(r=0;r<a[c].length;r++){var u=a[c][r];l[a[c][r]]=n(u)}l[c]=n(c)}for(r=0;r<o.length;r++)l[o[r]]=n(o[r]);return l}(t,r);return Object.keys(a).forEach((function(o){var i=a[o];if(Object(c.isValidElement)(i)){var l=o in t,u=o in r,s=t[o],f=Object(c.isValidElement)(s)&&!s.props.in;!u||l&&!f?u||!l||f?u&&l&&Object(c.isValidElement)(s)&&(a[o]=Object(c.cloneElement)(i,{onExited:n.bind(null,i),in:s.props.in,exit:_(i,"exit",e),enter:_(i,"enter",e)})):a[o]=Object(c.cloneElement)(i,{in:!1}):a[o]=Object(c.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:_(i,"exit",e),enter:_(i,"enter",e)})}})),a}var k=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},S=function(e){function t(t,n){var r,a=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:a,firstRender:!0},r}i(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,a=t.children,o=t.handleExited;return{children:t.firstRender?(n=e,r=o,x(n.children,(function(e){return Object(c.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:_(e,"appear",n),enter:_(e,"enter",n),exit:_(e,"exit",n)})}))):O(e,a,o),firstRender:!1}},n.handleExited=function(e,t){var n=x(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=Object(r.a)({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=Object(a.a)(e,["component","childFactory"]),o=this.state.contextValue,i=k(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?u.a.createElement(p.Provider,{value:o},i):u.a.createElement(p.Provider,{value:o},u.a.createElement(t,r,i))},t}(u.a.Component);S.propTypes={},S.defaultProps={component:"div",childFactory:function(e){return e}};var C=S,j=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).handleEnter=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEnter",0,n)},t.handleEntering=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntering",0,n)},t.handleEntered=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntered",0,n)},t.handleExit=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExit",1,n)},t.handleExiting=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExiting",1,n)},t.handleExited=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExited",1,n)},t}i(t,e);var n=t.prototype;return n.handleLifecycle=function(e,t,n){var r,a=this.props.children,o=u.a.Children.toArray(a)[t];if(o.props[e]&&(r=o.props)[e].apply(r,n),this.props[e]){var i=o.props.nodeRef?void 0:f.a.findDOMNode(this);this.props[e](i)}},n.render=function(){var e=this.props,t=e.children,n=e.in,r=Object(a.a)(e,["children","in"]),o=u.a.Children.toArray(t),i=o[0],l=o[1];return delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,u.a.createElement(C,r,n?u.a.cloneElement(i,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):u.a.cloneElement(l,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},t}(u.a.Component);j.propTypes={};var P,N,T=j;var A="out-in",I="in-out",R=function(e,t,n){return function(){var r;e.props[t]&&(r=e.props)[t].apply(r,arguments),n()}},M=((P={})[A]=function(e){var t=e.current,n=e.changeState;return u.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){n(m,null)}))})},P[I]=function(e){var t=e.current,n=e.changeState,r=e.children;return[t,u.a.cloneElement(r,{in:!0,onEntered:R(r,"onEntered",(function(){n(m)}))})]},P),z=((N={})[A]=function(e){var t=e.children,n=e.changeState;return u.a.cloneElement(t,{in:!0,onEntered:R(t,"onEntered",(function(){n(h,u.a.cloneElement(t,{in:!0}))}))})},N[I]=function(e){var t=e.current,n=e.children,r=e.changeState;return[u.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){r(h,u.a.cloneElement(n,{in:!0}))}))}),u.a.cloneElement(n,{in:!0})]},N),L=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).state={status:h,current:null},t.appeared=!1,t.changeState=function(e,n){void 0===n&&(n=t.state.current),t.setState({status:e,current:n})},t}i(t,e);var n=t.prototype;return n.componentDidMount=function(){this.appeared=!0},t.getDerivedStateFromProps=function(e,t){return null==e.children?{current:null}:t.status===m&&e.mode===I?{status:m}:!t.current||(n=t.current,r=e.children,n===r||u.a.isValidElement(n)&&u.a.isValidElement(r)&&null!=n.key&&n.key===r.key)?{current:u.a.cloneElement(e.children,{in:!0})}:{status:"exiting"};var n,r},n.render=function(){var e,t=this.props,n=t.children,r=t.mode,a=this.state,o=a.status,i=a.current,l={children:n,current:i,changeState:this.changeState,status:o};switch(o){case m:e=z[r](l);break;case"exiting":e=M[r](l);break;case h:e=i}return u.a.createElement(p.Provider,{value:{isMounting:!this.appeared}},e)},t}(u.a.Component);L.propTypes={},L.defaultProps={mode:A};var D=L}]);
+ */function tm(e){return function(e){if(Array.isArray(e))return am(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||rm(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nm(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||rm(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rm(e,t){if(e){if("string"==typeof e)return am(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?am(e,t):void 0}}function am(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var om=function(e){e.name,e.layout;var t=it((function(e){return{selected:e.events.selected}})),n=t.selected,o=t.connectors,i=o.connect,l=o.drag;return a.a.createElement(r.Fragment,null,a.a.createElement("span",{className:n?"selected-node":"",ref:function(e){return i(l(e))}},"LibElem"),a.a.createElement("br",null))};om.craft={displayName:"LibraryElem"};var im=function(e){var t,n,a=e.nodekeys,o=e.savingState,i=e.setSavingState,l=nm(Object(r.useState)(!1),2),c=(l[0],l[1],Object(r.useRef)(!1)),u=gt((function(e,t){return{}})),s=u.actions,f=u.query,d=(u.connectors,Object(r.useContext)(At)),p=(t=function(){!function(e){if(e.serialize){var t=vp(JSON.parse(e.serialize()),"ROOT",d),n=d.page_id?"pageedit":"viewedit";!1!==c.current?Object(He.isEqual)(c.current,JSON.stringify(t.layout))||(c.current=JSON.stringify(t.layout),i({isSaving:!0}),fetch("/".concat(n,"/savebuilder/").concat(d.page_id||d.view_id),{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":d.csrfToken},body:JSON.stringify(t)}).then((function(e){e.json().then((function(e){"string"==typeof(null==e?void 0:e.error)?(o.error||window.notifyAlert({type:"danger",text:e.error}),i({isSaving:!1,error:e.error})):i({isSaving:!1})}))})).catch((function(e){var t="Failed to fetch"===e.message?"Network connection lost":e||"Unable to save";o.error||window.notifyAlert({type:"danger",text:t}),i({isSaving:!1,error:t})}))):c.current=JSON.stringify(t.layout)}}(f)},n=Object(r.useRef)(),Object(r.useEffect)((function(){n.current=t}),[t]),Object(r.useMemo)((function(){return Object(He.throttle)((function(){var e;null===(e=n.current)||void 0===e||e.call(n)}),3e3)}),[])),m=function(e,t){var n=e.getSerializedNodes(),r=[];if(Object.keys(n).forEach((function(e){a.current.includes(e)||r.push(e)})),a.current=Object.keys(n),1===r.length){var o=r[0],i=n[o];if("LibraryElem"===i.displayName){var l=i.props.layout;hp(l.layout?l.layout:l,f,s,i.parent,d),setTimeout((function(){s.delete(o)}),0)}else"Column"!==i.displayName&&s.selectNode(o)}p()};return Object(r.useEffect)((function(){var e=f.getSerializedNodes();a.current=Object.keys(e),s.setOptions((function(e){var t=e.onNodesChange(e.onNodesChange=t?function(e){t(e),m(e)}:m)}))}),[]),[]},lm=function(e){var t=e.expanded,n=gt((function(e,t){return{selected:e.events.selected}})),o=(n.actions,n.selected),i=n.query,l=n.connectors,c=Object(r.useContext)(At),u=nm(Object(r.useState)(!1),2),s=u[0],f=u[1],d=nm(Object(r.useState)(""),2),p=d[0],m=d[1],h=nm(Object(r.useState)(),2),v=h[0],y=h[1],g=nm(Object(r.useState)([]),2),b=g[0],w=g[1],E=Object(He.chunk)([].concat(tm(c.library||[]),tm(b)),t?3:2);return a.a.createElement("div",{className:"builder-library"},a.a.createElement("div",{className:"dropdown"},a.a.createElement("button",{className:"btn btn-sm btn-secondary dropdown-toggle mt-2",type:"button",id:"dropdownMenuButton","aria-haspopup":"true","aria-expanded":"false",disabled:!o,onClick:function(){return f(!s)}},a.a.createElement(Kt,{icon:ln,className:"me-1"}),"Add"),a.a.createElement("div",{className:"dropdown-menu py-3 px-4 ".concat(s?"show":""),"aria-labelledby":"dropdownMenuButton"},a.a.createElement("label",null,"Name"),a.a.createElement("input",{type:"text",className:"form-control",value:p,onChange:function(e){return(null==e?void 0:e.target)&&m(e.target.value)}}),a.a.createElement("br",null),a.a.createElement("label",null,"Icon"),a.a.createElement(yn.a,{className:"w-100",value:v,icons:En,onChange:y,isMulti:!1}),a.a.createElement("button",{className:"btn btn-primary mt-3",onClick:function(){var e={layout:vp(JSON.parse(i.serialize()),o,c),icon:v,name:p};fetch("/library/savefrombuilder",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":c.csrfToken},body:JSON.stringify(e)}),f(!1),y(),m(""),w([].concat(tm(b),[e]))}},a.a.createElement(Kt,{icon:ln,className:"me-1"}),"Add"),a.a.createElement("button",{className:"btn btn-outline-secondary ms-2 mt-3",onClick:function(){return f(!1)}},a.a.createElement(Kt,{icon:pn})))),a.a.createElement("div",{className:"card mt-2"},E.map((function(e,t){return a.a.createElement("div",{className:"toolbar-row",key:t},e.map((function(e,t){return a.a.createElement(jd,{key:t,connectors:l,icon:e.icon,label:e.name},a.a.createElement(om,{name:e.name,layout:e.layout}))})))}))))},cm=function(e){var t=e.render,n=it().id,o=gt((function(e){return{isActive:e.nodes[n].events.selected}})),i=o.actions,l=o.query,c=o.isActive,u=it((function(e){return{isHover:e.events.hovered,dom:e.dom,name:e.data.custom.displayName||e.data.displayName,moveable:l.node(e.id).isDraggable(),deletable:l.node(e.id).isDeletable(),parent:e.data.parent,props:e.data.props}})),s=u.isHover,f=u.dom,d=u.name,p=u.moveable,m=u.deletable,h=u.connectors.drag,v=u.parent,y=Object(r.useRef)(),g=Object(r.useCallback)((function(e){var t=e?e.getBoundingClientRect():{top:0,left:0,bottom:0,right:0,height:0,width:0},n=t.top,r=t.left,a=t.bottom,o=t.height,i=t.width,l=t.right;return{top:"".concat(n>0?n:a,"px"),left:"".concat(r,"px"),topn:n,leftn:r,height:o,width:i,right:l,bottom:a}}),[]),b=Object(r.useCallback)((function(){var e=y.current;if(e){var t=g(f),n=t.top,r=t.left;e.style.top=n,e.style.left=r}}),[f,g]);Object(r.useEffect)((function(){"Column"===d&&v&&"ROOT"!==v&&i.selectNode(v)}),[c]),Object(r.useEffect)((function(){return document.getElementById("builder-main-canvas").addEventListener("scroll",b),document.addEventListener("scroll",b),function(){document.getElementById("builder-main-canvas").removeEventListener("scroll",b),document.removeEventListener("scroll",b)}}),[b]);return a.a.createElement(a.a.Fragment,null,!c&&!s||"ROOT"===n||"Column"===d&&!c?null:he.a.createPortal(a.a.createElement("div",{ref:y,className:"selected-indicator ".concat(c?"activeind":"hoverind"," px-1 text-white"),style:{left:g(f).left,top:g(f).top,zIndex:1029}},a.a.createElement("div",{className:"dispname me-3"},d)," ",p&&c&&a.a.createElement("button",{className:"btn btn-link btn-builder-move p-0",ref:h},a.a.createElement(Kt,{icon:Xt,className:"me-2"})),c&&v&&"ROOT"!==v?a.a.createElement(Kt,{icon:Qt,className:"me-2",onClick:function(){i.selectNode(v)}}):null,m&&c?[a.a.createElement(Kt,{key:1,icon:rn,onClick:function(){var e=l.node(n).get().data.parent,t=l.node(e).childNodes().findIndex((function(e){return e===n})),r=zu(l)(n);i.addNodeTree(l.parseReactElement(r).toNodeTree(),e||"ROOT",t+1)},className:"me-2"}),a.a.createElement(Kt,{key:2,icon:mn,className:"me-2",onMouseDown:function(e){e.stopPropagation(),i.delete(n),setTimeout((function(){return i.selectNode(v)}),0)}})]:null),document.querySelector("#builder-main-canvas")),t)};function um(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sm(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sm(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sm(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var fm=At.Provider,dm=function(){var e=gt((function(e,t){var n,r=e.events.selected;return r&&(n={id:r,name:e.nodes[r].data.name,parent:e.nodes[r].data.parent,displayName:e.nodes[r].data&&e.nodes[r].data.displayName,settings:e.nodes[r].related&&e.nodes[r].related.settings,isDeletable:t.node(r).isDeletable(),children:e.nodes[r].data&&e.nodes[r].data.nodes}),{selected:n}})),t=e.actions,n=e.selected,o=e.query,i=function(){t.delete(n.id)},l=function(e){var t=o.node(n.parent).childNodes(),r=t.findIndex((function(e){return e===n.id}));return t[r+e]},c=function(e){var r=e.keyCode;if("body"===e.target.tagName.toLowerCase()&&n){if(8!==r&&46!==r||"ROOT"!==n.id||s(),8===r){var a=l(-1),c=n.parent;i(),a?t.selectNode(a):t.selectNode(c)}if(46===r){var u=l(1);i(),u&&t.selectNode(u)}if(37===r&&n.parent&&t.selectNode(n.parent),39===r)if(n.children&&n.children.length>0)t.selectNode(n.children[0]);else if("Columns"===n.displayName){var f,d=o.node(n.id).get(),p=null==d||null===(f=d.data)||void 0===f||null===(f=f.linkedNodes)||void 0===f?void 0:f.Col0;p&&t.selectNode(p)}if(38===r&&n.parent){var m=l(-1);m&&t.selectNode(m),e.preventDefault()}if(40===r&&n.parent){var h=l(1);h&&t.selectNode(h),e.preventDefault()}}};Object(r.useEffect)((function(){return window.addEventListener("keydown",c),function(){window.removeEventListener("keydown",c)}}),[c]);var u=n&&n.children&&n.children.length>0,s=function(){n.children.forEach((function(e){t.delete(e)}))};return a.a.createElement("div",{className:"settings-panel card mt-1"},a.a.createElement("div",{className:"card-header px-2 py-1"},n&&n.displayName?a.a.createElement(r.Fragment,null,a.a.createElement("b",null,n.displayName)," settings"):"Settings"),a.a.createElement("div",{className:"card-body p-2"},n?a.a.createElement(r.Fragment,null,n.isDeletable&&a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:i},a.a.createElement(Kt,{icon:mn,className:"me-1"}),"Delete"),u&&!n.isDeletable?a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:s},a.a.createElement(Kt,{icon:mn,className:"me-1"}),"Delete contents"):a.a.createElement("button",{title:"Duplicate element with its children",className:"btn btn-sm btn-secondary ms-2",onClick:function(){var e=o.node(n.id).get().data.parent,r=o.node(n.parent).childNodes().findIndex((function(e){return e===n.id})),a=zu(o)(n.id);t.addNodeTree(o.parseReactElement(a).toNodeTree(),e||"ROOT",r+1)}},a.a.createElement(Kt,{icon:rn,className:"me-1"}),"Clone"),a.a.createElement("hr",{className:"my-2"}),n.settings&&a.a.createElement(n.settings)):"No element selected"))};function pm(){var e=window;return{windowWidth:e.innerWidth,windowHeight:e.innerHeight}}var mm=function(){var e=gt((function(){})),t=e.query,n=e.actions;Object(r.useContext)(At);return a.a.createElement("button",{className:"btn btn-primary mt-2",onClick:function(){n.addNodeTree(t.parseReactElement(a.a.createElement(rp,null)).toNodeTree(),"ROOT")}},a.a.createElement(Kt,{icon:ln,className:"me-2"}),"Add column")},hm=function(){var e=gt((function(e,t){return{canUndo:t.history.canUndo(),canRedo:t.history.canRedo()}})),t=e.canUndo,n=e.canRedo,o=e.actions;return a.a.createElement(r.Fragment,null,t&&a.a.createElement("button",{className:"btn btn-sm btn-secondary ms-2 me-2",title:"Undo",onClick:function(){return o.history.undo()}},a.a.createElement(Kt,{icon:hn})),n&&a.a.createElement("button",{className:"btn btn-sm btn-secondary",title:"Redo",onClick:function(){return o.history.redo()}},a.a.createElement(Kt,{icon:un})))},vm=function(e){var t=e.layout,n=gt((function(){})),o=n.query,i=n.actions,l=Object(r.useContext)(At);Object(r.useEffect)((function(){hp(t,o,i,"ROOT",l)}),[]);return a.a.createElement("button",{className:"btn btn-sm btn-primary builder-save",onClick:function(){var e=vp(JSON.parse(o.serialize()),"ROOT",l),t=e.columns,n=e.layout;document.querySelector("form#scbuildform input[name=columns]").setAttribute("value",encodeURIComponent(JSON.stringify(t))),document.querySelector("form#scbuildform input[name=layout]").setAttribute("value",encodeURIComponent(JSON.stringify(n))),document.getElementById("scbuildform").submit()}},l.next_button_label||"Next"," »")},ym=function(e){var t,n,o,i=e.options,l=e.layout,c=e.mode,u=um(Object(r.useState)(!0),2),s=u[0],f=(u[1],um(Object(r.useState)({}),2)),d=f[0],p=f[1],m=um(Object(r.useState)([]),2),h=m[0],v=m[1],y=Object(r.useRef)([]),g=um(Object(r.useState)({isSaving:!1}),2),b=g[0],w=g[1],E=um(Object(r.useState)(!1),2),x=E[0],_=E[1],O=um(Object(r.useState)(!1),2),k=O[0],S=O[1],C=um(Object(r.useState)({}),2),j=C[0],P=C[1],N=(t=um(Object(r.useState)(pm()),2),n=t[0],o=t[1],Object(r.useEffect)((function(){function e(){o(pm())}return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),n),T=(N.windowWidth,N.windowHeight),A=um(Object(r.useState)(0),2),I=A[0],R=A[1],M=um(Object(r.useState)(0),2),z=M[0],L=M[1],D=Object(r.useRef)(null);Object(r.useEffect)((function(){if(D.current){R(D.current.clientHeight);var e=D.current.getBoundingClientRect();L(e.top)}}));var F=Math.max(T-z,I,600)-10;return a.a.createElement(Au,null,a.a.createElement(Tt,{onRender:cm},a.a.createElement(fm,{value:i},a.a.createElement(as.Provider,{value:{previews:d,setPreviews:p,uploadedFiles:h,setUploadedFiles:v}},a.a.createElement(Os.Provider,{value:{relationsCache:j,setRelationsCache:P}},a.a.createElement("div",{className:"row",ref:D,style:{marginTop:"-5px"}},a.a.createElement("div",{className:"col-sm-auto left-builder-col ".concat(k?"builder-left-enlarged":"builder-left-shrunk")},a.a.createElement("div",{className:"componets-and-library-accordion toolbox-card"},a.a.createElement(im,{nodekeys:y,setSavingState:w,savingState:b}),a.a.createElement(yu,null,a.a.createElement("div",{className:"card mt-1",accordiontitle:"Components"},{show:a.a.createElement(Xd,{expanded:k}),list:a.a.createElement(Jd,{expanded:k}),edit:a.a.createElement(ep,{expanded:k}),page:a.a.createElement(tp,{expanded:k}),filter:a.a.createElement(Zd,{expanded:k})}[c]||a.a.createElement("div",null,"Missing mode")),a.a.createElement("div",{accordiontitle:"Library"},a.a.createElement(lm,{expanded:k})))),a.a.createElement("div",{className:"card toolbox-card pe-0",style:k?{width:"13.4rem"}:{}},a.a.createElement("div",{className:"card-header p-2 d-flex justify-content-between"},a.a.createElement("div",null,"Layers"),a.a.createElement(Kt,{icon:k?Zp:em,className:"float-end fa-lg",onClick:function(){return S(!k)},title:k?"Shrink":"Enlarge"})),s&&a.a.createElement("div",{className:"card-body p-0 builder-layers"},a.a.createElement(Jp,{expandRootOnLoad:!0})))),a.a.createElement("div",{id:"builder-main-canvas",style:{height:F},className:"col builder-mode-".concat(i.mode," ").concat("list"!==i.mode?"emptymsg":"")},a.a.createElement("div",null,a.a.createElement(vt,{resolver:{Text:rs,Empty:hf,Columns:nr,JoinField:hs,Field:us,ViewLink:Ys,Action:nf,HTMLCode:Js,LineBreak:_s,Aggregation:xs,Card:_f,Image:lf,Link:sd,View:ud,SearchBar:Xs,Container:Zf,Column:xn,DropDownFilter:yf,DropMenu:wf,Tabs:df,Table:pf,ToggleFilter:xf,ListColumn:rp,ListColumns:np}},"list"===i.mode?a.a.createElement(pt,{canvas:!0,is:np}):a.a.createElement(pt,{canvas:!0,is:xn})),"list"===i.mode?a.a.createElement(mm,null):null)),a.a.createElement("div",{className:"col-sm-auto builder-sidebar"},a.a.createElement("div",{style:{width:x?"28rem":"16rem"}},a.a.createElement(vm,{layout:l}),a.a.createElement(hm,null),a.a.createElement(Kt,{icon:fn,className:b.isSaving?"d-inline":"d-none"}),a.a.createElement(Kt,{icon:an,color:"#ff0033",className:b.error?"d-inline":"d-none"}),a.a.createElement(Kt,{icon:x?em:Zp,className:"float-end me-2 mt-1 fa-lg",onClick:function(){return _(!x)},title:x?"Shrink":"Enlarge"}),a.a.createElement("div",{className:" ".concat(b.error?"d-block":"d-none"," my-2 fw-bold")},"your work is not being saved"),a.a.createElement(dm,null))))))),a.a.createElement("div",{className:"d-none preview-scratchpad"})))};function gm(e,t,n,r){he.a.render(a.a.createElement(ym,{options:JSON.parse(decodeURIComponent(t)),layout:JSON.parse(decodeURIComponent(n)),mode:r}),document.getElementById(e))}},function(e,t,n){"use strict";n.r(t),n.d(t,"CSSTransition",(function(){return E})),n.d(t,"ReplaceTransition",(function(){return T})),n.d(t,"SwitchTransition",(function(){return D})),n.d(t,"TransitionGroup",(function(){return C})),n.d(t,"Transition",(function(){return g})),n.d(t,"config",(function(){return d}));var r=n(2),a=n(6),o=n(27);function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Object(o.a)(e,t)}n(1);function l(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var c=n(0),u=n.n(c),s=n(3),f=n.n(s),d={disabled:!1},p=u.a.createContext(null),m="entering",h="entered",v=function(e){function t(t,n){var r;r=e.call(this,t,n)||this;var a,o=n&&!n.isMounting?t.enter:t.appear;return r.appearStatus=null,t.in?o?(a="exited",r.appearStatus=m):a=h:a=t.unmountOnExit||t.mountOnEnter?"unmounted":"exited",r.state={status:a},r.nextCallback=null,r}i(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&"unmounted"===t.status?{status:"exited"}:null};var n=t.prototype;return n.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},n.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==m&&n!==h&&(t=m):n!==m&&n!==h||(t="exiting")}this.updateStatus(!1,t)},n.componentWillUnmount=function(){this.cancelNextCallback()},n.getTimeouts=function(){var e,t,n,r=this.props.timeout;return e=t=n=r,null!=r&&"number"!=typeof r&&(e=r.exit,t=r.enter,n=void 0!==r.appear?r.appear:t),{exit:e,enter:t,appear:n}},n.updateStatus=function(e,t){void 0===e&&(e=!1),null!==t?(this.cancelNextCallback(),t===m?this.performEnter(e):this.performExit()):this.props.unmountOnExit&&"exited"===this.state.status&&this.setState({status:"unmounted"})},n.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,a=this.props.nodeRef?[r]:[f.a.findDOMNode(this),r],o=a[0],i=a[1],l=this.getTimeouts(),c=r?l.appear:l.enter;!e&&!n||d.disabled?this.safeSetState({status:h},(function(){t.props.onEntered(o)})):(this.props.onEnter(o,i),this.safeSetState({status:m},(function(){t.props.onEntering(o,i),t.onTransitionEnd(c,(function(){t.safeSetState({status:h},(function(){t.props.onEntered(o,i)}))}))})))},n.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:f.a.findDOMNode(this);t&&!d.disabled?(this.props.onExit(r),this.safeSetState({status:"exiting"},(function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,(function(){e.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))}))}))):this.safeSetState({status:"exited"},(function(){e.props.onExited(r)}))},n.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},n.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},n.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},n.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:f.a.findDOMNode(this),r=null==e&&!this.props.addEndListener;if(n&&!r){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],o=a[0],i=a[1];this.props.addEndListener(o,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},n.render=function(){var e=this.state.status;if("unmounted"===e)return null;var t=this.props,n=t.children,r=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,Object(a.a)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return u.a.createElement(p.Provider,{value:null},"function"==typeof n?n(e,r):u.a.cloneElement(u.a.Children.only(n),r))},t}(u.a.Component);function y(){}v.contextType=p,v.propTypes={},v.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:y,onEntering:y,onEntered:y,onExit:y,onExiting:y,onExited:y},v.UNMOUNTED="unmounted",v.EXITED="exited",v.ENTERING=m,v.ENTERED=h,v.EXITING="exiting";var g=v,b=function(e,t){return e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.remove(r):"string"==typeof n.className?n.className=l(n.className,r):n.setAttribute("class",l(n.className&&n.className.baseVal||"",r)));var n,r}))},w=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,n)},t.onEntering=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,n)},t.onEntered=function(e,n){var r=t.resolveArguments(e,n),a=r[0],o=r[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,n)},t.onExit=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"appear"),t.removeClasses(n,"enter"),t.addClass(n,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var n=t.resolveArguments(e)[0];t.addClass(n,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var n=t.resolveArguments(e)[0];t.removeClasses(n,"exit"),t.addClass(n,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,n){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,n]},t.getClassNames=function(e){var n=t.props.classNames,r="string"==typeof n,a=r?""+(r&&n?n+"-":"")+e:n[e];return{baseClassName:a,activeClassName:r?a+"-active":n[e+"Active"],doneClassName:r?a+"-done":n[e+"Done"]}},t}i(t,e);var n=t.prototype;return n.addClass=function(e,t,n){var r=this.getClassNames(t)[n+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===n&&a&&(r+=" "+a),"active"===n&&e&&e.scrollTop,r&&(this.appliedClasses[t][n]=r,function(e,t){e&&t&&t.split(" ").forEach((function(t){return r=t,void((n=e).classList?n.classList.add(r):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(n,r)||("string"==typeof n.className?n.className=n.className+" "+r:n.setAttribute("class",(n.className&&n.className.baseVal||"")+" "+r)));var n,r}))}(e,r))},n.removeClasses=function(e,t){var n=this.appliedClasses[t],r=n.base,a=n.active,o=n.done;this.appliedClasses[t]={},r&&b(e,r),a&&b(e,a),o&&b(e,o)},n.render=function(){var e=this.props,t=(e.classNames,Object(a.a)(e,["classNames"]));return u.a.createElement(g,Object(r.a)({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(u.a.Component);w.defaultProps={classNames:""},w.propTypes={};var E=w;function x(e,t){var n=Object.create(null);return e&&c.Children.map(e,(function(e){return e})).forEach((function(e){n[e.key]=function(e){return t&&Object(c.isValidElement)(e)?t(e):e}(e)})),n}function _(e,t,n){return null!=n[t]?n[t]:e.props[t]}function O(e,t,n){var r=x(e.children),a=function(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var r,a=Object.create(null),o=[];for(var i in e)i in t?o.length&&(a[i]=o,o=[]):o.push(i);var l={};for(var c in t){if(a[c])for(r=0;r<a[c].length;r++){var u=a[c][r];l[a[c][r]]=n(u)}l[c]=n(c)}for(r=0;r<o.length;r++)l[o[r]]=n(o[r]);return l}(t,r);return Object.keys(a).forEach((function(o){var i=a[o];if(Object(c.isValidElement)(i)){var l=o in t,u=o in r,s=t[o],f=Object(c.isValidElement)(s)&&!s.props.in;!u||l&&!f?u||!l||f?u&&l&&Object(c.isValidElement)(s)&&(a[o]=Object(c.cloneElement)(i,{onExited:n.bind(null,i),in:s.props.in,exit:_(i,"exit",e),enter:_(i,"enter",e)})):a[o]=Object(c.cloneElement)(i,{in:!1}):a[o]=Object(c.cloneElement)(i,{onExited:n.bind(null,i),in:!0,exit:_(i,"exit",e),enter:_(i,"enter",e)})}})),a}var k=Object.values||function(e){return Object.keys(e).map((function(t){return e[t]}))},S=function(e){function t(t,n){var r,a=(r=e.call(this,t,n)||this).handleExited.bind(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r));return r.state={contextValue:{isMounting:!0},handleExited:a,firstRender:!0},r}i(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(e,t){var n,r,a=t.children,o=t.handleExited;return{children:t.firstRender?(n=e,r=o,x(n.children,(function(e){return Object(c.cloneElement)(e,{onExited:r.bind(null,e),in:!0,appear:_(e,"appear",n),enter:_(e,"enter",n),exit:_(e,"exit",n)})}))):O(e,a,o),firstRender:!1}},n.handleExited=function(e,t){var n=x(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.mounted&&this.setState((function(t){var n=Object(r.a)({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=Object(a.a)(e,["component","childFactory"]),o=this.state.contextValue,i=k(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===t?u.a.createElement(p.Provider,{value:o},i):u.a.createElement(p.Provider,{value:o},u.a.createElement(t,r,i))},t}(u.a.Component);S.propTypes={},S.defaultProps={component:"div",childFactory:function(e){return e}};var C=S,j=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).handleEnter=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEnter",0,n)},t.handleEntering=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntering",0,n)},t.handleEntered=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntered",0,n)},t.handleExit=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExit",1,n)},t.handleExiting=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExiting",1,n)},t.handleExited=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExited",1,n)},t}i(t,e);var n=t.prototype;return n.handleLifecycle=function(e,t,n){var r,a=this.props.children,o=u.a.Children.toArray(a)[t];if(o.props[e]&&(r=o.props)[e].apply(r,n),this.props[e]){var i=o.props.nodeRef?void 0:f.a.findDOMNode(this);this.props[e](i)}},n.render=function(){var e=this.props,t=e.children,n=e.in,r=Object(a.a)(e,["children","in"]),o=u.a.Children.toArray(t),i=o[0],l=o[1];return delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,u.a.createElement(C,r,n?u.a.cloneElement(i,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):u.a.cloneElement(l,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},t}(u.a.Component);j.propTypes={};var P,N,T=j;var A="out-in",I="in-out",R=function(e,t,n){return function(){var r;e.props[t]&&(r=e.props)[t].apply(r,arguments),n()}},M=((P={})[A]=function(e){var t=e.current,n=e.changeState;return u.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){n(m,null)}))})},P[I]=function(e){var t=e.current,n=e.changeState,r=e.children;return[t,u.a.cloneElement(r,{in:!0,onEntered:R(r,"onEntered",(function(){n(m)}))})]},P),z=((N={})[A]=function(e){var t=e.children,n=e.changeState;return u.a.cloneElement(t,{in:!0,onEntered:R(t,"onEntered",(function(){n(h,u.a.cloneElement(t,{in:!0}))}))})},N[I]=function(e){var t=e.current,n=e.children,r=e.changeState;return[u.a.cloneElement(t,{in:!1,onExited:R(t,"onExited",(function(){r(h,u.a.cloneElement(n,{in:!0}))}))}),u.a.cloneElement(n,{in:!0})]},N),L=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return(t=e.call.apply(e,[this].concat(r))||this).state={status:h,current:null},t.appeared=!1,t.changeState=function(e,n){void 0===n&&(n=t.state.current),t.setState({status:e,current:n})},t}i(t,e);var n=t.prototype;return n.componentDidMount=function(){this.appeared=!0},t.getDerivedStateFromProps=function(e,t){return null==e.children?{current:null}:t.status===m&&e.mode===I?{status:m}:!t.current||(n=t.current,r=e.children,n===r||u.a.isValidElement(n)&&u.a.isValidElement(r)&&null!=n.key&&n.key===r.key)?{current:u.a.cloneElement(e.children,{in:!0})}:{status:"exiting"};var n,r},n.render=function(){var e,t=this.props,n=t.children,r=t.mode,a=this.state,o=a.status,i=a.current,l={children:n,current:i,changeState:this.changeState,status:o};switch(o){case m:e=z[r](l);break;case"exiting":e=M[r](l);break;case h:e=i}return u.a.createElement(p.Provider,{value:{isMounting:!this.appeared}},e)},t}(u.a.Component);L.propTypes={},L.defaultProps={mode:A};var D=L}]);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/builder",
-  "version": "1.0.0-rc.1",
+  "version": "1.0.0-rc.2",
   "description": "Drag and drop view builder for Saltcorn, open-source no-code platform",
   "main": "index.js",
   "homepage": "https://saltcorn.com",
@@ -20,7 +20,7 @@
     "@babel/preset-react": "7.24.7",
     "@craftjs/core": "0.1.0-beta.20",
     "@craftjs/utils": "0.1.0-beta.20",
-    "@saltcorn/common-code": "1.0.0-rc.1",
+    "@saltcorn/common-code": "1.0.0-rc.2",
     "saltcorn-craft-layers-noeye": "0.1.0-beta.22",
     "@fonticonpicker/react-fonticonpicker": "1.2.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",

package/src/components/Builder.js CHANGED Viewed

@@ -257,6 +257,32 @@ const SettingsPanel = () => {
   );
 };
+// https://stackoverflow.com/questions/36862334/get-viewport-window-height-in-reactjs
+function getWindowDimensions() {
+  const { innerWidth: windowWidth, innerHeight: windowHeight } = window;
+  return {
+    windowWidth,
+    windowHeight,
+  };
+}
+function useWindowDimensions() {
+  const [windowDimensions, setWindowDimensions] = useState(
+    getWindowDimensions()
+  );
+  useEffect(() => {
+    function handleResize() {
+      setWindowDimensions(getWindowDimensions());
+    }
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowDimensions;
+}
 const AddColumnButton = () => {
   const { query, actions } = useEditor(() => {});
   const options = useContext(optionsCtx);
@@ -369,6 +395,23 @@ const Builder = ({ options, layout, mode }) => {
   const [isEnlarged, setIsEnlarged] = useState(false);
   const [isLeftEnlarged, setIsLeftEnlarged] = useState(false);
   const [relationsCache, setRelationsCache] = useState({});
+  const { windowWidth, windowHeight } = useWindowDimensions();
+  const [builderHeight, setBuilderHeight] = useState(0);
+  const [builderTop, setBuilderTop] = useState(0);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!ref.current) return;
+    setBuilderHeight(ref.current.clientHeight);
+    const rect = ref.current.getBoundingClientRect();
+    setBuilderTop(rect.top);
+  });
+  const canvasHeight =
+    Math.max(windowHeight - builderTop, builderHeight, 600) - 10;
   return (
     <ErrorBoundary>
       <Editor onRender={RenderNode}>
@@ -382,7 +425,7 @@ const Builder = ({ options, layout, mode }) => {
                 setRelationsCache,
               }}
             >
-              <div className="row" style={{ marginTop: "-5px" }}>
+              <div className="row" ref={ref} style={{ marginTop: "-5px" }}>
                 <div
                   className={`col-sm-auto left-builder-col ${
                     isLeftEnlarged
@@ -437,6 +480,7 @@ const Builder = ({ options, layout, mode }) => {
                 </div>
                 <div
                   id="builder-main-canvas"
+                  style={{ height: canvasHeight }}
                   className={`col builder-mode-${options.mode} ${
                     options.mode !== "list" ? "emptymsg" : ""
                   }`}