@saltcorn/builder 0.7.2-beta.0 → 0.7.2-beta.10

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 (8) hide show
  1. package/dist/builder_bundle.js +2 -2
  2. package/package.json +1 -1
  3. package/src/components/Toolbox.js +1 -1
  4. package/src/components/elements/Action.js +1 -1
  5. package/src/components/elements/Card.js +1 -1
  6. package/src/components/elements/Link.js +2 -2
  7. package/src/components/elements/Tabs.js +53 -27
  8. package/src/components/storage.js +21 -4
package/dist/builder_bundle.js CHANGED
@@ -73,8 +73,8 @@ function m(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;v
73
73
  *
74
74
  * This source code is licensed under the MIT license found in the
75
75
  * LICENSE file in the root directory of this source tree.
76
- */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,g=r?Symbol.for("react.lazy"):60116,y=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 g:case v:case u:return e;default:return t}}case o:return t}}}function k(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=g,t.Memo=v,t.Portal=o,t.Profiler=c,t.StrictMode=l,t.Suspense=m,t.isAsyncMode=function(e){return k(e)||x(e)===f},t.isConcurrentMode=k,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)===g},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===g||e.$$typeof===v||e.$$typeof===u||e.$$typeof===s||e.$$typeof===p||e.$$typeof===b||e.$$typeof===w||e.$$typeof===E||e.$$typeof===y)},t.typeOf=x},function(e,t,n){"use strict";n.r(t),n.d(t,"renderBuilder",(function(){return il}));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"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 W&&e instanceof Map}function h(e){return V&&e instanceof Set}function v(e){return e.o||e.t}function g(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 y(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 y(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 k(){return B}function _(e,t){t&&(E("Patches"),e.u=[],e.s=[],e.v=t)}function O(e){S(e),e.p.forEach(j),e.p=null}function S(e){e===B&&(B=e.l)}function C(e){return B={p:[],l:B,h:e,m:!0,_:0}}function j(e){var t=e[Q];0===t.i||1===t.i?t.j():t.g=!0}function P(e,t){t._=t.p.length;var n=t.p[0],r=void 0!==e&&e!==n;return t.h.O||E("ES5").S(t,e,r),r?(n[Q].P&&(O(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,[]),O(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=g(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&&y(t,n)}function R(e,t){var n=e[Q];return(n?v(n):e)[t]}function I(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 z(e){e.P||(e.P=!0,e.l&&z(e.l))}function M(e){e.o||(e.o=g(e.t))}function F(e,t,n){var r=m(t)?E("MapSet").N(t,n):h(t)?E("MapSet").T(t,n):e.O?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:k(),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:k()).p.push(r),r}function L(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return g(e)}function D(){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 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}),r.push({op:"replace",path:[],value:e.t})}})}function U(){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=F(e.A.h,t,e);e.p.set(t,n),e.o.add(n)}else e.o.add(t)})))}function r(e){e.g&&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:k(),P:!1,I:!1,o:void 0,D:void 0,t:e,k:this,C:!1,g:!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),z(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),z(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),z(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=F(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:k(),P:!1,I:!1,o:void 0,t:e,k:this,p:new Map,g:!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),z(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),z(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),z(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 q,B,H="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),W="undefined"!=typeof Map,V="undefined"!=typeof Set,K="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,Y=H?Symbol.for("immer-nothing"):((q={})["immer-nothing"]=!0,q),G=H?Symbol.for("immer-draftable"):"__$immer_draftable",Q=H?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=I(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===R(e.t,t)?(M(e),e.o[t]=F(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=I(v(e),t);if(null==r?void 0:r.set)return r.set.call(e.k,n),!0;if(!e.P){var a=R(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;M(e),z(e)}return e.o[t]===n&&"number"!=typeof n||(e.o[t]=n,e.D[t]=!0,!0)},deleteProperty:function(e,t){return void 0!==R(e.t,t)||t in e.t?(e.D[t]=!1,M(e),z(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.O=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=F(t,e,void 0),f=!0;try{c=n(s),f=!1}finally{f?O(u):S(u)}return"undefined"!=typeof Promise&&c instanceof Promise?c.then((function(e){return _(u,r),P(e,u)}),(function(e){throw O(u),e})):(_(u,r),P(c,u))}if(!e||"object"!=typeof e){if((c=n(e))===Y)return;return void 0===c&&(c=e),t.F&&y(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=L(t,a),r.I=!1}else n=L(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=F(this,e,void 0);return n[Q].C=!0,S(t),n},t.finishDraft=function(e,t){var n=(e&&e[Q]).A;return _(n,t),P(void 0,n)},t.setAutoFreeze=function(e){this.F=e},t.setUseProxies=function(e){e&&!K&&o(20),this.O=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(59),se=n.n(ue),fe=n(60),de=n.n(fe);var pe="Invariant failed";function me(e,t){if(!e)throw new Error(pe)}var he=n(2),ve=n.n(he),ge=function(e,t){return(ge=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 be(){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 we={UNDO:"HISTORY_UNDO",REDO:"HISTORY_REDO",THROTTLE:"HISTORY_THROTTLE",IGNORE:"HISTORY_IGNORE",MERGE:"HISTORY_MERGE",CLEAR:"HISTORY_CLEAR"},Ee=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:be(a,e),inversePatches:be(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:be(n.patches,e),inversePatches:be(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 xe(e,t,n,a){var o,i=Object(r.useMemo)((function(){return new Ee}),[]),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&&ke(n,(function(){return a}),i),s=ie(a,(function(e){var t,n;switch(l.type){case we.UNDO:return i.undo(e);case we.REDO:return i.redo(e);case we.CLEAR:return i.clear(),ye({},e);case we.IGNORE:case we.MERGE:case we.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=be(d,t[1]),p=be(t[2],p)})),[we.UNDO,we.REDO].includes(l.type)&&e&&(c=ce(c,e)),be(t,[we.UNDO,we.REDO,we.IGNORE,we.CLEAR]).includes(l.type)||(l.type===we.THROTTLE?i.throttleAdd(d,p,l.config&&l.config.rate):l.type===we.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?ke(n,(function(){return h.current}),i):[]}),[i,n]),g=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:we.UNDO})},redo:function(){return m({type:we.REDO})},clear:function(){return m({type:we.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:we.THROTTLE,payload:be([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:we.IGNORE,payload:be([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:we.MERGE,payload:be([t],e)})},e}),{}))}}})}),[f]),y=Object(r.useCallback)((function(){return h.current}),[]),b=Object(r.useMemo)((function(){return new _e(y)}),[y]);return Object(r.useEffect)((function(){h.current=p,b.notify()}),[p,b]),Object(r.useMemo)((function(){return{getState:y,subscribe:function(e,t,n){return b.subscribe(e,t,n)},actions:g,query:v,history:i}}),[g,v,b,y,i])}function ke(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()}}})}U(),D();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}(),Se=function(e){return window.getComputedStyle(e)},Ce=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(Se(e).marginLeft),right:parseInt(Se(e).marginRight),bottom:parseInt(Se(e).marginTop),top:parseInt(Se(e).marginBottom)}}(e),f=function(e){return{left:parseInt(Se(e).paddingLeft),right:parseInt(Se(e).paddingRight),bottom:parseInt(Se(e).paddingTop),top:parseInt(Se(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&&!!je(e,e.parentElement)}},je=function(e,t){var n=Se(e),r=Se(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 Pe(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 Ne,Te,Ae=function(e){return void 0===e&&(e=10),((e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e));for(;e--;){let r=63&n[e];t+=r<36?r.toString(36):r<62?(r-26).toString(36).toUpperCase():r<63?"_":"-"}return t})(e)},Re=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=Ae();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}();(Te=Ne||(Ne={}))[Te.HandlerDisabled=0]="HandlerDisabled",Te[Te.HandlerEnabled=1]="HandlerEnabled";var Ie=function(){function e(e){this.registry=new Re,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(Ne.HandlerDisabled)}))},e.prototype.enable=function(){this.registry.enable(),this.subscribers.forEach((function(e){e(Ne.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,be([e],a));i&&n.push(i)}}})),function(){n.forEach((function(e){e()}))}},e.prototype.reflect=function(e){return this.createProxyHandlers(this,e)},e}(),ze=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 Ne.HandlerEnabled:return r.enable();case Ne.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}ge(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 Fe(e,t){var n=e.ref;return me("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,be([o],n)),o}var i=t;return Le(i),Fe(i,e)}}((function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e[n].apply(e,t)})),t}),{})}var Ue=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?ve.a.createPortal(n,t.ownerDocument.body):n},qe=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)},Be=n(32),He=(n(61),function(e,t){return(He=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}He(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var Ve=function(){return(Ve=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 $e(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 Ke(){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 Ye=Object(r.createContext)(null),Ge=function(){return Object(r.useContext)(Ye)},Qe=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),Xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t}(ze),Je=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}},Ze=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=Je(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=Je(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(Be.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}(Qe);function et(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 tt=Object(r.createContext)(null);function nt(e){var t=Object(r.useContext)(tt);me(t);var n=Ge(),a=Pe(t,e),o=Object(r.useMemo)((function(){return n&&De(n.connectors)}),[n]);return Ve(Ve({},a),{connectors:o,inContext:!!t,store:t})}var rt=function(e){var t=e.children,n=nt((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(Ye.Provider,{value:u},i&&a.a.createElement(Ue,{style:Ve(Ve({},et(i.placement,Ce(i.placement.parent.dom),i.placement.currentNode&&Ce(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},at=a.a.createContext(null),ot=function(e){var t=e.id,n=e.related,o=void 0!==n&&n,i=e.children,l=Ge(),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(at.Provider,{value:{id:t,related:o,connectors:c}},i)};function it(e){var t=Object(r.useContext)(at);me(t);var n=t.id,a=t.related,o=t.connectors,i=nt((function(t){return n&&t.nodes[n]&&e&&e(t.nodes[n])})),l=i.actions,c=$e(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 Ve(Ve({},c),{id:n,related:a,inNodeContext:!!t,actions:u,connectors:o})}function lt(e){var t=it(e),n=t.id,r=t.related,a=t.actions,o=t.inNodeContext,i=t.connectors,l=$e(t,["id","related","actions","inNodeContext","connectors"]);return Ve(Ve({},l),{actions:a,id:n,related:r,setProp:function(e){return qe("useNode().setProp()",{suggest:"useNode().actions.setProp()"}),a.setProp(e)},inNodeContext:o,connectors:i})}var ct=function(e){var t=e.render,n=lt().connectors;return"string"==typeof t.type?(0,n.connect)((0,n.drag)(a.a.cloneElement(t))):t},ut=function(){var e=it((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(ft,{id:e,key:e})}))));var r=a.a.createElement(t,n,e);return"string"==typeof t?a.a.createElement(ct,{render:r}):r}),[t,n,e.hydrationTimestamp,o])},st=function(e){var t=e.render,n=it((function(e){return{hidden:e.data.hidden}})).hidden,r=nt((function(e){return{onRender:e.options.onRender}})).onRender;return n?null:a.a.createElement(r,{render:t||a.a.createElement(ut,null)})},ft=function(e){return a.a.createElement(ot,{id:e.id},a.a.createElement(st,{render:e.render}))},dt={is:"div",canvas:!1,custom:{},hidden:!1},pt={is:"type",canvas:"isCanvas"};function mt(e){var t=e.id,n=e.children,o=$e(e,["id","children"]),i=Ve(Ve({},dt),o).is,l=nt(),c=l.query,u=l.actions,s=it((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(){me(!!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(mt,o,n),m=c.parseReactElement(p).toNodeTree();l=m.rootNodeId,u.history.ignore().addLinkedNodeFromTree(m,e,t)}h(l)}})),m?a.a.createElement(ft,{id:m}):null}var ht=function(){return qe("<Canvas />",{suggest:"<Element canvas={true} />"})};function vt(e){var t=$e(e,[]);return Object(r.useEffect)((function(){return ht()}),[]),a.a.createElement(mt,Ve({},t,{canvas:!0}))}var gt=function(e){var t=e.children,n=e.json,o=e.data,i=nt(),l=i.actions,c=i.query,u=Object(r.useState)(null),s=u[0],f=u[1];n&&qe("<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(ft,{id:"ROOT"}))}),[l,c]),s},yt=function(e){return $e(e,["addLinkedNodeFromTree","setDOM","setNodeEvent","replaceNodes","reset"])};function bt(e){var t=nt(e),n=t.connectors,a=t.actions,o=$e(t.query,["deserialize"]),i=t.store,l=$e(t,["connectors","actions","query","store"]),c=yt(a),u=Object(r.useMemo)((function(){return Ve(Ve({},c),{history:Ve(Ve({},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 Ve({connectors:n,actions:u,query:o,store:i},l)}var wt=function(e){return Object.fromEntries?Object.fromEntries(e):e.reduce((function(e,t){var n,r=t[0],a=t[1];return Ve(Ve({},e),((n={})[r]=a,n))}),{})},Et=function(e,t){var n=t.name||t.displayName;if(t===vt)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},xt=function(e,t){return"string"==typeof e?e:{resolvedName:Et(t,e)}},kt=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:kt(e,t)})):a.type?kt(a,t):a),e}),{}),{type:xt(n,t),isCanvas:!!a,props:o}};function _t(e,t){me("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 qe("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 me(!this.isTopLevelNode()),me(_t(e,a.data.parent).isCanvas()),me(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&&me(!r(t).isTopLevelNode()),me(this.isCanvas()),me(l.rules.canMoveIn(i,l,r)),me(i.rules.canDrop(l,i,r)),o)return!0;me(!r(i.id).descendants(!0).includes(l.id)&&l.id!==i.id);var c=i.data.parent&&e.nodes[i.data.parent];return me(c.data.isCanvas),me(c||!c&&!e.nodes[i.id]),n!==c&&me(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=$e(e,["type","props","isCanvas","name"]),i=kt({type:n,isCanvas:a,props:r},t);return Ve(Ve({},i),o)}(n.data,e.options.resolver)},toNodeTree:function(e){var n=Ke([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),qe("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 St(e,t){var n=e.data.type,r={id:e.id||Ae(),_hydrationTimestamp:Date.now(),data:Ve({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===mt||r.data.type===vt){var o=Ve(Ve({},dt),r.data.props);r.data.props=Object.keys(r.data.props).reduce((function(e,t){return Object.keys(dt).includes(t)?r.data[pt[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===vt&&(r.data.isCanvas=!0,ht())}t&&t(r);var i=n.craft;if(i&&(r.data.displayName=i.displayName||i.name||r.data.displayName,r.data.props=Ve(Ve({},i.props||i.defaultProps||{}),r.data.props),r.data.custom=Ve(Ve({},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(ot,l,a.a.createElement(i.related[e]))}}))}return r}var Ct=function(e,t,n){var r=e.props,o=function(e,t){return"object"==typeof e&&e.resolvedName?"Canvas"===e.resolvedName?vt: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?Ct(a,t):"children"===n&&Array.isArray(a)?a.map((function(e){return"string"==typeof e?e:Ct(e,t)})):a,e}),{}),n&&(r.key=n);var i=Ve({},a.a.createElement(o,Ve({},r)));return Ve(Ve({},i),{name:Et(t,i.type)})}},jt=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=Ve(Ve({},e),{data:Ve(Ve({},e.data),{nodes:a})}),i=((r={})[e.id]=o,r);return t.reduce((function(t,n){var r,a=n.nodes[n.rootNodeId];return Ve(Ve(Ve({},t),n.nodes),((r={})[a.id]=Ve(Ve({},a),{data:Ve(Ve({},a.data),{parent:e.id})}),r))}),i)};function Pt(e){var t=e&&e.options,n=function(){return Pt(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=Ve({id:n},Ce(r));t.push(a)}return t}),[]):[],a.x,a.y),f=u.length&&e.nodes[u[s.index]],d={placement:Ve(Ve({},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 wt(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)),St({data:{type:n.type,props:Ve({},n.props)}},(function(e){t&&t(e,n)}))}(t,(function(t,n){var r=Et(e.options.resolver,t.data.type);me(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:jt(e,t)}}(i,l)}}},parseSerializedNode:function(t){return{toNode:function(r){var a=function(e,t){var n=e.type,r=$e(e,["type","props"]);me(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=Ct(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);me(a.type);var o="string"==typeof r&&r;return o&&qe("query.parseSerializedNode(...).toNode(id)",{suggest:"query.parseSerializedNode(...).toNode(node => node.id = id)"}),n().parseFreshNode(Ve(Ve({},o?{id:o}:{}),{data:a})).toNode(!o&&r)}}},parseFreshNode:function(t){return{toNode:function(n){return St(t,(function(t){"canvas-ROOT"===t.data.parent&&(t.data.parent="ROOT");var r=Et(e.options.resolver,t.data.type);me(null!==r),t.data.displayName=t.data.displayName||r,t.data.name=r,n&&n(t)}))}}},createNode:function(e,t){qe("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=Ve(Ve({},r.data),t.data)),r):r},getState:function(){return e}}}var Nt={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 Ze({store:e})}}},Tt={methods:function(e,t){return Ve(Ve({},function(e,t){var n=function(t,n,a){var o=function(n,r){var a=t.nodes[n];e.nodes[n]=Ve(Ve({},a),{data:Ve(Ve({},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 me("ROOT"===t.rootNodeId)},r=function(t){me(t);var n=e.nodes[t];return me(n),n},a=function(t){var n=e.nodes[t],r=e.nodes[n.data.parent];if(n.data.nodes&&Ke(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)&&(qe("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){me(!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(wt(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){me(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=$e(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)}))}))}},At=function(e){var t=e.children,n=e.onRender,o=e.onNodesChange,i=e.resolver,l=e.enabled,c=e.indicator;void 0!==i&&me("object"==typeof i&&!Array.isArray(i));var u=Object(r.useMemo)((function(){return Object(Be.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 xe(Tt,Ve(Ve({},Nt),{options:Ve(Ve({},Nt.options),e)}),Pt)}(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(tt.Provider,{value:s},a.a.createElement(rt,null,t)):null},Rt=a.a.createContext({}),It=n(10),zt=n(1),Mt=n.n(zt);function Ft(e){return(Ft="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 Ut(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 qt(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 Bt(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 Ht(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=Ht(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 Vt=!1;try{Vt=!0}catch(e){}function $t(e){return It.b.icon?It.b.icon(e):null===e?null:"object"===Ft(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 Kt(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Lt({},e,t):{}}function Yt(e){var t=e.forwardedRef,n=qt(e,["forwardedRef"]),r=n.icon,a=n.mask,o=n.symbol,i=n.className,l=n.title,c=n.titleId,u=$t(r),s=Kt("classes",[].concat(Bt(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)),Bt(i.split(" ")))),f=Kt("transform","string"==typeof n.transform?It.b.transform(n.transform):n.transform),d=Kt("mask",$t(a)),p=Object(It.a)(u,Ut({},s,{},f,{},d,{symbol:o,title:l,titleId:c}));if(!p)return function(){var e;!Vt&&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){Yt.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),Gt(m[0],h)}Yt.displayName="FontAwesomeIcon",Yt.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},Yt.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 Gt=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[Ht(t)]=r}return e}),{attrs:{}}),i=r.style,l=void 0===i?{}:i,c=qt(r,["style"]);return o.attrs.style=Ut({},o.attrs.style,{},l),t.apply(void 0,[n.tag,Ut({},o.attrs,{},c)].concat(Bt(a)))}.bind(null,a.a.createElement),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:"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"]},en={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"]},tn={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"]},nn={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"]},rn={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"]},an={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"]},on={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"]},ln={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"]},cn={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"]},un={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"]},sn=n(6),fn=n.n(sn);
76
+ */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,g=r?Symbol.for("react.lazy"):60116,y=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 g:case v:case u:return e;default:return t}}case o:return t}}}function k(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=g,t.Memo=v,t.Portal=o,t.Profiler=c,t.StrictMode=l,t.Suspense=m,t.isAsyncMode=function(e){return k(e)||x(e)===f},t.isConcurrentMode=k,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)===g},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===g||e.$$typeof===v||e.$$typeof===u||e.$$typeof===s||e.$$typeof===p||e.$$typeof===b||e.$$typeof===w||e.$$typeof===E||e.$$typeof===y)},t.typeOf=x},function(e,t,n){"use strict";n.r(t),n.d(t,"renderBuilder",(function(){return il}));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"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 W&&e instanceof Map}function h(e){return V&&e instanceof Set}function v(e){return e.o||e.t}function g(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 y(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 y(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 k(){return B}function _(e,t){t&&(E("Patches"),e.u=[],e.s=[],e.v=t)}function O(e){S(e),e.p.forEach(j),e.p=null}function S(e){e===B&&(B=e.l)}function C(e){return B={p:[],l:B,h:e,m:!0,_:0}}function j(e){var t=e[Q];0===t.i||1===t.i?t.j():t.g=!0}function P(e,t){t._=t.p.length;var n=t.p[0],r=void 0!==e&&e!==n;return t.h.O||E("ES5").S(t,e,r),r?(n[Q].P&&(O(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,[]),O(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=g(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&&y(t,n)}function R(e,t){var n=e[Q];return(n?v(n):e)[t]}function I(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 z(e){e.P||(e.P=!0,e.l&&z(e.l))}function M(e){e.o||(e.o=g(e.t))}function F(e,t,n){var r=m(t)?E("MapSet").N(t,n):h(t)?E("MapSet").T(t,n):e.O?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:k(),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:k()).p.push(r),r}function L(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return g(e)}function D(){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 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}),r.push({op:"replace",path:[],value:e.t})}})}function U(){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=F(e.A.h,t,e);e.p.set(t,n),e.o.add(n)}else e.o.add(t)})))}function r(e){e.g&&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:k(),P:!1,I:!1,o:void 0,D:void 0,t:e,k:this,C:!1,g:!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),z(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),z(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),z(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=F(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:k(),P:!1,I:!1,o:void 0,t:e,k:this,p:new Map,g:!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),z(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),z(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),z(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 q,B,H="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),W="undefined"!=typeof Map,V="undefined"!=typeof Set,K="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,Y=H?Symbol.for("immer-nothing"):((q={})["immer-nothing"]=!0,q),G=H?Symbol.for("immer-draftable"):"__$immer_draftable",Q=H?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=I(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===R(e.t,t)?(M(e),e.o[t]=F(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=I(v(e),t);if(null==r?void 0:r.set)return r.set.call(e.k,n),!0;if(!e.P){var a=R(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;M(e),z(e)}return e.o[t]===n&&"number"!=typeof n||(e.o[t]=n,e.D[t]=!0,!0)},deleteProperty:function(e,t){return void 0!==R(e.t,t)||t in e.t?(e.D[t]=!1,M(e),z(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.O=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=F(t,e,void 0),f=!0;try{c=n(s),f=!1}finally{f?O(u):S(u)}return"undefined"!=typeof Promise&&c instanceof Promise?c.then((function(e){return _(u,r),P(e,u)}),(function(e){throw O(u),e})):(_(u,r),P(c,u))}if(!e||"object"!=typeof e){if((c=n(e))===Y)return;return void 0===c&&(c=e),t.F&&y(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=L(t,a),r.I=!1}else n=L(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=F(this,e,void 0);return n[Q].C=!0,S(t),n},t.finishDraft=function(e,t){var n=(e&&e[Q]).A;return _(n,t),P(void 0,n)},t.setAutoFreeze=function(e){this.F=e},t.setUseProxies=function(e){e&&!K&&o(20),this.O=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(59),se=n.n(ue),fe=n(60),de=n.n(fe);var pe="Invariant failed";function me(e,t){if(!e)throw new Error(pe)}var he=n(2),ve=n.n(he),ge=function(e,t){return(ge=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 be(){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 we={UNDO:"HISTORY_UNDO",REDO:"HISTORY_REDO",THROTTLE:"HISTORY_THROTTLE",IGNORE:"HISTORY_IGNORE",MERGE:"HISTORY_MERGE",CLEAR:"HISTORY_CLEAR"},Ee=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:be(a,e),inversePatches:be(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:be(n.patches,e),inversePatches:be(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 xe(e,t,n,a){var o,i=Object(r.useMemo)((function(){return new Ee}),[]),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&&ke(n,(function(){return a}),i),s=ie(a,(function(e){var t,n;switch(l.type){case we.UNDO:return i.undo(e);case we.REDO:return i.redo(e);case we.CLEAR:return i.clear(),ye({},e);case we.IGNORE:case we.MERGE:case we.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=be(d,t[1]),p=be(t[2],p)})),[we.UNDO,we.REDO].includes(l.type)&&e&&(c=ce(c,e)),be(t,[we.UNDO,we.REDO,we.IGNORE,we.CLEAR]).includes(l.type)||(l.type===we.THROTTLE?i.throttleAdd(d,p,l.config&&l.config.rate):l.type===we.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?ke(n,(function(){return h.current}),i):[]}),[i,n]),g=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:we.UNDO})},redo:function(){return m({type:we.REDO})},clear:function(){return m({type:we.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:we.THROTTLE,payload:be([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:we.IGNORE,payload:be([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:we.MERGE,payload:be([t],e)})},e}),{}))}}})}),[f]),y=Object(r.useCallback)((function(){return h.current}),[]),b=Object(r.useMemo)((function(){return new _e(y)}),[y]);return Object(r.useEffect)((function(){h.current=p,b.notify()}),[p,b]),Object(r.useMemo)((function(){return{getState:y,subscribe:function(e,t,n){return b.subscribe(e,t,n)},actions:g,query:v,history:i}}),[g,v,b,y,i])}function ke(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()}}})}U(),D();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}(),Se=function(e){return window.getComputedStyle(e)},Ce=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(Se(e).marginLeft),right:parseInt(Se(e).marginRight),bottom:parseInt(Se(e).marginTop),top:parseInt(Se(e).marginBottom)}}(e),f=function(e){return{left:parseInt(Se(e).paddingLeft),right:parseInt(Se(e).paddingRight),bottom:parseInt(Se(e).paddingTop),top:parseInt(Se(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&&!!je(e,e.parentElement)}},je=function(e,t){var n=Se(e),r=Se(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 Pe(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 Ne,Te,Ae=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)},Re=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=Ae();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}();(Te=Ne||(Ne={}))[Te.HandlerDisabled=0]="HandlerDisabled",Te[Te.HandlerEnabled=1]="HandlerEnabled";var Ie=function(){function e(e){this.registry=new Re,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(Ne.HandlerDisabled)}))},e.prototype.enable=function(){this.registry.enable(),this.subscribers.forEach((function(e){e(Ne.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,be([e],a));i&&n.push(i)}}})),function(){n.forEach((function(e){e()}))}},e.prototype.reflect=function(e){return this.createProxyHandlers(this,e)},e}(),ze=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 Ne.HandlerEnabled:return r.enable();case Ne.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}ge(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 Fe(e,t){var n=e.ref;return me("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,be([o],n)),o}var i=t;return Le(i),Fe(i,e)}}((function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e[n].apply(e,t)})),t}),{})}var Ue=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?ve.a.createPortal(n,t.ownerDocument.body):n},qe=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)},Be=n(32),He=(n(61),function(e,t){return(He=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}He(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var Ve=function(){return(Ve=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 $e(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 Ke(){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 Ye=Object(r.createContext)(null),Ge=function(){return Object(r.useContext)(Ye)},Qe=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),Xe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return We(t,e),t}(ze),Je=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}},Ze=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=Je(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=Je(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(Be.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}(Qe);function et(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 tt=Object(r.createContext)(null);function nt(e){var t=Object(r.useContext)(tt);me(t);var n=Ge(),a=Pe(t,e),o=Object(r.useMemo)((function(){return n&&De(n.connectors)}),[n]);return Ve(Ve({},a),{connectors:o,inContext:!!t,store:t})}var rt=function(e){var t=e.children,n=nt((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(Ye.Provider,{value:u},i&&a.a.createElement(Ue,{style:Ve(Ve({},et(i.placement,Ce(i.placement.parent.dom),i.placement.currentNode&&Ce(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},at=a.a.createContext(null),ot=function(e){var t=e.id,n=e.related,o=void 0!==n&&n,i=e.children,l=Ge(),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(at.Provider,{value:{id:t,related:o,connectors:c}},i)};function it(e){var t=Object(r.useContext)(at);me(t);var n=t.id,a=t.related,o=t.connectors,i=nt((function(t){return n&&t.nodes[n]&&e&&e(t.nodes[n])})),l=i.actions,c=$e(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 Ve(Ve({},c),{id:n,related:a,inNodeContext:!!t,actions:u,connectors:o})}function lt(e){var t=it(e),n=t.id,r=t.related,a=t.actions,o=t.inNodeContext,i=t.connectors,l=$e(t,["id","related","actions","inNodeContext","connectors"]);return Ve(Ve({},l),{actions:a,id:n,related:r,setProp:function(e){return qe("useNode().setProp()",{suggest:"useNode().actions.setProp()"}),a.setProp(e)},inNodeContext:o,connectors:i})}var ct=function(e){var t=e.render,n=lt().connectors;return"string"==typeof t.type?(0,n.connect)((0,n.drag)(a.a.cloneElement(t))):t},ut=function(){var e=it((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(ft,{id:e,key:e})}))));var r=a.a.createElement(t,n,e);return"string"==typeof t?a.a.createElement(ct,{render:r}):r}),[t,n,e.hydrationTimestamp,o])},st=function(e){var t=e.render,n=it((function(e){return{hidden:e.data.hidden}})).hidden,r=nt((function(e){return{onRender:e.options.onRender}})).onRender;return n?null:a.a.createElement(r,{render:t||a.a.createElement(ut,null)})},ft=function(e){return a.a.createElement(ot,{id:e.id},a.a.createElement(st,{render:e.render}))},dt={is:"div",canvas:!1,custom:{},hidden:!1},pt={is:"type",canvas:"isCanvas"};function mt(e){var t=e.id,n=e.children,o=$e(e,["id","children"]),i=Ve(Ve({},dt),o).is,l=nt(),c=l.query,u=l.actions,s=it((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(){me(!!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(mt,o,n),m=c.parseReactElement(p).toNodeTree();l=m.rootNodeId,u.history.ignore().addLinkedNodeFromTree(m,e,t)}h(l)}})),m?a.a.createElement(ft,{id:m}):null}var ht=function(){return qe("<Canvas />",{suggest:"<Element canvas={true} />"})};function vt(e){var t=$e(e,[]);return Object(r.useEffect)((function(){return ht()}),[]),a.a.createElement(mt,Ve({},t,{canvas:!0}))}var gt=function(e){var t=e.children,n=e.json,o=e.data,i=nt(),l=i.actions,c=i.query,u=Object(r.useState)(null),s=u[0],f=u[1];n&&qe("<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(ft,{id:"ROOT"}))}),[l,c]),s},yt=function(e){return $e(e,["addLinkedNodeFromTree","setDOM","setNodeEvent","replaceNodes","reset"])};function bt(e){var t=nt(e),n=t.connectors,a=t.actions,o=$e(t.query,["deserialize"]),i=t.store,l=$e(t,["connectors","actions","query","store"]),c=yt(a),u=Object(r.useMemo)((function(){return Ve(Ve({},c),{history:Ve(Ve({},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 Ve({connectors:n,actions:u,query:o,store:i},l)}var wt=function(e){return Object.fromEntries?Object.fromEntries(e):e.reduce((function(e,t){var n,r=t[0],a=t[1];return Ve(Ve({},e),((n={})[r]=a,n))}),{})},Et=function(e,t){var n=t.name||t.displayName;if(t===vt)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},xt=function(e,t){return"string"==typeof e?e:{resolvedName:Et(t,e)}},kt=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:kt(e,t)})):a.type?kt(a,t):a),e}),{}),{type:xt(n,t),isCanvas:!!a,props:o}};function _t(e,t){me("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 qe("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 me(!this.isTopLevelNode()),me(_t(e,a.data.parent).isCanvas()),me(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&&me(!r(t).isTopLevelNode()),me(this.isCanvas()),me(l.rules.canMoveIn(i,l,r)),me(i.rules.canDrop(l,i,r)),o)return!0;me(!r(i.id).descendants(!0).includes(l.id)&&l.id!==i.id);var c=i.data.parent&&e.nodes[i.data.parent];return me(c.data.isCanvas),me(c||!c&&!e.nodes[i.id]),n!==c&&me(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=$e(e,["type","props","isCanvas","name"]),i=kt({type:n,isCanvas:a,props:r},t);return Ve(Ve({},i),o)}(n.data,e.options.resolver)},toNodeTree:function(e){var n=Ke([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),qe("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 St(e,t){var n=e.data.type,r={id:e.id||Ae(),_hydrationTimestamp:Date.now(),data:Ve({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===mt||r.data.type===vt){var o=Ve(Ve({},dt),r.data.props);r.data.props=Object.keys(r.data.props).reduce((function(e,t){return Object.keys(dt).includes(t)?r.data[pt[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===vt&&(r.data.isCanvas=!0,ht())}t&&t(r);var i=n.craft;if(i&&(r.data.displayName=i.displayName||i.name||r.data.displayName,r.data.props=Ve(Ve({},i.props||i.defaultProps||{}),r.data.props),r.data.custom=Ve(Ve({},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(ot,l,a.a.createElement(i.related[e]))}}))}return r}var Ct=function(e,t,n){var r=e.props,o=function(e,t){return"object"==typeof e&&e.resolvedName?"Canvas"===e.resolvedName?vt: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?Ct(a,t):"children"===n&&Array.isArray(a)?a.map((function(e){return"string"==typeof e?e:Ct(e,t)})):a,e}),{}),n&&(r.key=n);var i=Ve({},a.a.createElement(o,Ve({},r)));return Ve(Ve({},i),{name:Et(t,i.type)})}},jt=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=Ve(Ve({},e),{data:Ve(Ve({},e.data),{nodes:a})}),i=((r={})[e.id]=o,r);return t.reduce((function(t,n){var r,a=n.nodes[n.rootNodeId];return Ve(Ve(Ve({},t),n.nodes),((r={})[a.id]=Ve(Ve({},a),{data:Ve(Ve({},a.data),{parent:e.id})}),r))}),i)};function Pt(e){var t=e&&e.options,n=function(){return Pt(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=Ve({id:n},Ce(r));t.push(a)}return t}),[]):[],a.x,a.y),f=u.length&&e.nodes[u[s.index]],d={placement:Ve(Ve({},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 wt(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)),St({data:{type:n.type,props:Ve({},n.props)}},(function(e){t&&t(e,n)}))}(t,(function(t,n){var r=Et(e.options.resolver,t.data.type);me(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:jt(e,t)}}(i,l)}}},parseSerializedNode:function(t){return{toNode:function(r){var a=function(e,t){var n=e.type,r=$e(e,["type","props"]);me(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=Ct(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);me(a.type);var o="string"==typeof r&&r;return o&&qe("query.parseSerializedNode(...).toNode(id)",{suggest:"query.parseSerializedNode(...).toNode(node => node.id = id)"}),n().parseFreshNode(Ve(Ve({},o?{id:o}:{}),{data:a})).toNode(!o&&r)}}},parseFreshNode:function(t){return{toNode:function(n){return St(t,(function(t){"canvas-ROOT"===t.data.parent&&(t.data.parent="ROOT");var r=Et(e.options.resolver,t.data.type);me(null!==r),t.data.displayName=t.data.displayName||r,t.data.name=r,n&&n(t)}))}}},createNode:function(e,t){qe("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=Ve(Ve({},r.data),t.data)),r):r},getState:function(){return e}}}var Nt={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 Ze({store:e})}}},Tt={methods:function(e,t){return Ve(Ve({},function(e,t){var n=function(t,n,a){var o=function(n,r){var a=t.nodes[n];e.nodes[n]=Ve(Ve({},a),{data:Ve(Ve({},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 me("ROOT"===t.rootNodeId)},r=function(t){me(t);var n=e.nodes[t];return me(n),n},a=function(t){var n=e.nodes[t],r=e.nodes[n.data.parent];if(n.data.nodes&&Ke(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)&&(qe("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){me(!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(wt(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){me(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=$e(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)}))}))}},At=function(e){var t=e.children,n=e.onRender,o=e.onNodesChange,i=e.resolver,l=e.enabled,c=e.indicator;void 0!==i&&me("object"==typeof i&&!Array.isArray(i));var u=Object(r.useMemo)((function(){return Object(Be.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 xe(Tt,Ve(Ve({},Nt),{options:Ve(Ve({},Nt.options),e)}),Pt)}(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(tt.Provider,{value:s},a.a.createElement(rt,null,t)):null},Rt=a.a.createContext({}),It=n(10),zt=n(1),Mt=n.n(zt);function Ft(e){return(Ft="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 Ut(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 qt(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 Bt(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 Ht(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=Ht(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 Vt=!1;try{Vt=!0}catch(e){}function $t(e){return It.b.icon?It.b.icon(e):null===e?null:"object"===Ft(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 Kt(e,t){return Array.isArray(t)&&t.length>0||!Array.isArray(t)&&t?Lt({},e,t):{}}function Yt(e){var t=e.forwardedRef,n=qt(e,["forwardedRef"]),r=n.icon,a=n.mask,o=n.symbol,i=n.className,l=n.title,c=n.titleId,u=$t(r),s=Kt("classes",[].concat(Bt(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)),Bt(i.split(" ")))),f=Kt("transform","string"==typeof n.transform?It.b.transform(n.transform):n.transform),d=Kt("mask",$t(a)),p=Object(It.a)(u,Ut({},s,{},f,{},d,{symbol:o,title:l,titleId:c}));if(!p)return function(){var e;!Vt&&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){Yt.defaultProps.hasOwnProperty(e)||(h[e]=n[e])})),Gt(m[0],h)}Yt.displayName="FontAwesomeIcon",Yt.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},Yt.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 Gt=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[Ht(t)]=r}return e}),{attrs:{}}),i=r.style,l=void 0===i?{}:i,c=qt(r,["style"]);return o.attrs.style=Ut({},o.attrs.style,{},l),t.apply(void 0,[n.tag,Ut({},o.attrs,{},c)].concat(Bt(a)))}.bind(null,a.a.createElement),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:"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"]},en={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"]},tn={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"]},nn={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"]},rn={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"]},an={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"]},on={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"]},ln={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"]},cn={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"]},un={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"]},sn=n(6),fn=n.n(sn);
77
77
  /*!
78
78
  * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
79
79
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
80
- */function dn(e){return function(e){if(Array.isArray(e))return pn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return pn(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 pn(e,t)}(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 pn(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 mn={regular:["address-book","address-card","angry","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","bell","bell-slash","bookmark","building","calendar","calendar-alt","calendar-check","calendar-minus","calendar-plus","calendar-times","caret-square-down","caret-square-left","caret-square-right","caret-square-up","chart-bar","check-circle","check-square","circle","clipboard","clock","clone","closed-captioning","comment","comment-alt","comment-dots","comments","compass","copy","copyright","credit-card","dizzy","dot-circle","edit","envelope","envelope-open","eye","eye-slash","file","file-alt","file-archive","file-audio","file-code","file-excel","file-image","file-pdf","file-powerpoint","file-video","file-word","flag","flushed","folder","folder-open","frown","frown-open","futbol","gem","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","hand-lizard","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-spock","handshake","hdd","heart","hospital","hourglass","id-badge","id-card","image","images","keyboard","kiss","kiss-beam","kiss-wink-heart","laugh","laugh-beam","laugh-squint","laugh-wink","lemon","life-ring","lightbulb","list-alt","map","meh","meh-blank","meh-rolling-eyes","minus-square","money-bill-alt","moon","newspaper","object-group","object-ungroup","paper-plane","pause-circle","play-circle","plus-square","question-circle","registered","sad-cry","sad-tear","save","share-square","smile","smile-beam","smile-wink","snowflake","square","star","star-half","sticky-note","stop-circle","sun","surprise","thumbs-down","thumbs-up","times-circle","tired","trash-alt","user","user-circle","window-close","window-maximize","window-minimize","window-restore"],solid:["ad","address-book","address-card","adjust","air-freshener","align-center","align-justify","align-left","align-right","allergies","ambulance","american-sign-language-interpreting","anchor","angle-double-down","angle-double-left","angle-double-right","angle-double-up","angle-down","angle-left","angle-right","angle-up","angry","ankh","apple-alt","archive","archway","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","arrow-circle-down","arrow-circle-left","arrow-circle-right","arrow-circle-up","arrow-down","arrow-left","arrow-right","arrow-up","arrows-alt","arrows-alt-h","arrows-alt-v","assistive-listening-systems","asterisk","at","atlas","atom","audio-description","award","baby","baby-carriage","backspace","backward","bacon","bacteria","bacterium","bahai","balance-scale","balance-scale-left","balance-scale-right","ban","band-aid","barcode","bars","baseball-ball","basketball-ball","bath","battery-empty","battery-full","battery-half","battery-quarter","battery-three-quarters","bed","beer","bell","bell-slash","bezier-curve","bible","bicycle","biking","binoculars","biohazard","birthday-cake","blender","blender-phone","blind","blog","bold","bolt","bomb","bone","bong","book","book-dead","book-medical","book-open","book-reader","bookmark","border-all","border-none","border-style","bowling-ball","box","box-open","box-tissue","boxes","braille","brain","bread-slice","briefcase","briefcase-medical","broadcast-tower","broom","brush","bug","building","bullhorn","bullseye","burn","bus","bus-alt","business-time","calculator","calendar","calendar-alt","calendar-check","calendar-day","calendar-minus","calendar-plus","calendar-times","calendar-week","camera","camera-retro","campground","candy-cane","cannabis","capsules","car","car-alt","car-battery","car-crash","car-side","caravan","caret-down","caret-left","caret-right","caret-square-down","caret-square-left","caret-square-right","caret-square-up","caret-up","carrot","cart-arrow-down","cart-plus","cash-register","cat","certificate","chair","chalkboard","chalkboard-teacher","charging-station","chart-area","chart-bar","chart-line","chart-pie","check","check-circle","check-double","check-square","cheese","chess","chess-bishop","chess-board","chess-king","chess-knight","chess-pawn","chess-queen","chess-rook","chevron-circle-down","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-down","chevron-left","chevron-right","chevron-up","child","church","circle","circle-notch","city","clinic-medical","clipboard","clipboard-check","clipboard-list","clock","clone","closed-captioning","cloud","cloud-download-alt","cloud-meatball","cloud-moon","cloud-moon-rain","cloud-rain","cloud-showers-heavy","cloud-sun","cloud-sun-rain","cloud-upload-alt","cocktail","code","code-branch","coffee","cog","cogs","coins","columns","comment","comment-alt","comment-dollar","comment-dots","comment-medical","comment-slash","comments","comments-dollar","compact-disc","compass","compress","compress-alt","compress-arrows-alt","concierge-bell","cookie","cookie-bite","copy","copyright","couch","credit-card","crop","crop-alt","cross","crosshairs","crow","crown","crutch","cube","cubes","cut","database","deaf","democrat","desktop","dharmachakra","diagnoses","dice","dice-d20","dice-d6","dice-five","dice-four","dice-one","dice-six","dice-three","dice-two","digital-tachograph","directions","disease","divide","dizzy","dna","dog","dollar-sign","dolly","dolly-flatbed","donate","door-closed","door-open","dot-circle","dove","download","drafting-compass","dragon","draw-polygon","drum","drum-steelpan","drumstick-bite","dumbbell","dumpster","dumpster-fire","dungeon","edit","egg","eject","ellipsis-h","ellipsis-v","envelope","envelope-open","envelope-open-text","envelope-square","equals","eraser","ethernet","euro-sign","exchange-alt","exclamation","exclamation-circle","exclamation-triangle","expand","expand-alt","expand-arrows-alt","external-link-alt","external-link-square-alt","eye","eye-dropper","eye-slash","fan","fast-backward","fast-forward","faucet","fax","feather","feather-alt","female","fighter-jet","file","file-alt","file-archive","file-audio","file-code","file-contract","file-csv","file-download","file-excel","file-export","file-image","file-import","file-invoice","file-invoice-dollar","file-medical","file-medical-alt","file-pdf","file-powerpoint","file-prescription","file-signature","file-upload","file-video","file-word","fill","fill-drip","film","filter","fingerprint","fire","fire-alt","fire-extinguisher","first-aid","fish","fist-raised","flag","flag-checkered","flag-usa","flask","flushed","folder","folder-minus","folder-open","folder-plus","font","football-ball","forward","frog","frown","frown-open","funnel-dollar","futbol","gamepad","gas-pump","gavel","gem","genderless","ghost","gift","gifts","glass-cheers","glass-martini","glass-martini-alt","glass-whiskey","glasses","globe","globe-africa","globe-americas","globe-asia","globe-europe","golf-ball","gopuram","graduation-cap","greater-than","greater-than-equal","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","grip-horizontal","grip-lines","grip-lines-vertical","grip-vertical","guitar","h-square","hamburger","hammer","hamsa","hand-holding","hand-holding-heart","hand-holding-medical","hand-holding-usd","hand-holding-water","hand-lizard","hand-middle-finger","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-sparkles","hand-spock","hands","hands-helping","hands-wash","handshake","handshake-alt-slash","handshake-slash","hanukiah","hard-hat","hashtag","hat-cowboy","hat-cowboy-side","hat-wizard","hdd","head-side-cough","head-side-cough-slash","head-side-mask","head-side-virus","heading","headphones","headphones-alt","headset","heart","heart-broken","heartbeat","helicopter","highlighter","hiking","hippo","history","hockey-puck","holly-berry","home","horse","horse-head","hospital","hospital-alt","hospital-symbol","hospital-user","hot-tub","hotdog","hotel","hourglass","hourglass-end","hourglass-half","hourglass-start","house-damage","house-user","hryvnia","i-cursor","ice-cream","icicles","icons","id-badge","id-card","id-card-alt","igloo","image","images","inbox","indent","industry","infinity","info","info-circle","italic","jedi","joint","journal-whills","kaaba","key","keyboard","khanda","kiss","kiss-beam","kiss-wink-heart","kiwi-bird","landmark","language","laptop","laptop-code","laptop-house","laptop-medical","laugh","laugh-beam","laugh-squint","laugh-wink","layer-group","leaf","lemon","less-than","less-than-equal","level-down-alt","level-up-alt","life-ring","lightbulb","link","lira-sign","list","list-alt","list-ol","list-ul","location-arrow","lock","lock-open","long-arrow-alt-down","long-arrow-alt-left","long-arrow-alt-right","long-arrow-alt-up","low-vision","luggage-cart","lungs","lungs-virus","magic","magnet","mail-bulk","male","map","map-marked","map-marked-alt","map-marker","map-marker-alt","map-pin","map-signs","marker","mars","mars-double","mars-stroke","mars-stroke-h","mars-stroke-v","mask","medal","medkit","meh","meh-blank","meh-rolling-eyes","memory","menorah","mercury","meteor","microchip","microphone","microphone-alt","microphone-alt-slash","microphone-slash","microscope","minus","minus-circle","minus-square","mitten","mobile","mobile-alt","money-bill","money-bill-alt","money-bill-wave","money-bill-wave-alt","money-check","money-check-alt","monument","moon","mortar-pestle","mosque","motorcycle","mountain","mouse","mouse-pointer","mug-hot","music","network-wired","neuter","newspaper","not-equal","notes-medical","object-group","object-ungroup","oil-can","om","otter","outdent","pager","paint-brush","paint-roller","palette","pallet","paper-plane","paperclip","parachute-box","paragraph","parking","passport","pastafarianism","paste","pause","pause-circle","paw","peace","pen","pen-alt","pen-fancy","pen-nib","pen-square","pencil-alt","pencil-ruler","people-arrows","people-carry","pepper-hot","percent","percentage","person-booth","phone","phone-alt","phone-slash","phone-square","phone-square-alt","phone-volume","photo-video","piggy-bank","pills","pizza-slice","place-of-worship","plane","plane-arrival","plane-departure","plane-slash","play","play-circle","plug","plus","plus-circle","plus-square","podcast","poll","poll-h","poo","poo-storm","poop","portrait","pound-sign","power-off","pray","praying-hands","prescription","prescription-bottle","prescription-bottle-alt","print","procedures","project-diagram","pump-medical","pump-soap","puzzle-piece","qrcode","question","question-circle","quidditch","quote-left","quote-right","quran","radiation","radiation-alt","rainbow","random","receipt","record-vinyl","recycle","redo","redo-alt","registered","remove-format","reply","reply-all","republican","restroom","retweet","ribbon","ring","road","robot","rocket","route","rss","rss-square","ruble-sign","ruler","ruler-combined","ruler-horizontal","ruler-vertical","running","rupee-sign","sad-cry","sad-tear","satellite","satellite-dish","save","school","screwdriver","scroll","sd-card","search","search-dollar","search-location","search-minus","search-plus","seedling","server","shapes","share","share-alt","share-alt-square","share-square","shekel-sign","shield-alt","shield-virus","ship","shipping-fast","shoe-prints","shopping-bag","shopping-basket","shopping-cart","shower","shuttle-van","sign","sign-in-alt","sign-language","sign-out-alt","signal","signature","sim-card","sink","sitemap","skating","skiing","skiing-nordic","skull","skull-crossbones","slash","sleigh","sliders-h","smile","smile-beam","smile-wink","smog","smoking","smoking-ban","sms","snowboarding","snowflake","snowman","snowplow","soap","socks","solar-panel","sort","sort-alpha-down","sort-alpha-down-alt","sort-alpha-up","sort-alpha-up-alt","sort-amount-down","sort-amount-down-alt","sort-amount-up","sort-amount-up-alt","sort-down","sort-numeric-down","sort-numeric-down-alt","sort-numeric-up","sort-numeric-up-alt","sort-up","spa","space-shuttle","spell-check","spider","spinner","splotch","spray-can","square","square-full","square-root-alt","stamp","star","star-and-crescent","star-half","star-half-alt","star-of-david","star-of-life","step-backward","step-forward","stethoscope","sticky-note","stop","stop-circle","stopwatch","stopwatch-20","store","store-alt","store-alt-slash","store-slash","stream","street-view","strikethrough","stroopwafel","subscript","subway","suitcase","suitcase-rolling","sun","superscript","surprise","swatchbook","swimmer","swimming-pool","synagogue","sync","sync-alt","syringe","table","table-tennis","tablet","tablet-alt","tablets","tachometer-alt","tag","tags","tape","tasks","taxi","teeth","teeth-open","temperature-high","temperature-low","tenge","terminal","text-height","text-width","th","th-large","th-list","theater-masks","thermometer","thermometer-empty","thermometer-full","thermometer-half","thermometer-quarter","thermometer-three-quarters","thumbs-down","thumbs-up","thumbtack","ticket-alt","times","times-circle","tint","tint-slash","tired","toggle-off","toggle-on","toilet","toilet-paper","toilet-paper-slash","toolbox","tools","tooth","torah","torii-gate","tractor","trademark","traffic-light","trailer","train","tram","transgender","transgender-alt","trash","trash-alt","trash-restore","trash-restore-alt","tree","trophy","truck","truck-loading","truck-monster","truck-moving","truck-pickup","tshirt","tty","tv","umbrella","umbrella-beach","underline","undo","undo-alt","universal-access","university","unlink","unlock","unlock-alt","upload","user","user-alt","user-alt-slash","user-astronaut","user-check","user-circle","user-clock","user-cog","user-edit","user-friends","user-graduate","user-injured","user-lock","user-md","user-minus","user-ninja","user-nurse","user-plus","user-secret","user-shield","user-slash","user-tag","user-tie","user-times","users","users-cog","users-slash","utensil-spoon","utensils","vector-square","venus","venus-double","venus-mars","vest","vest-patches","vial","vials","video","video-slash","vihara","virus","virus-slash","viruses","voicemail","volleyball-ball","volume-down","volume-mute","volume-off","volume-up","vote-yea","vr-cardboard","walking","wallet","warehouse","water","wave-square","weight","weight-hanging","wheelchair","wifi","wind","window-close","window-maximize","window-minimize","window-restore","wine-bottle","wine-glass","wine-glass-alt","won-sign","wrench","x-ray","yen-sign","yin-yang"],brands:["500px","accessible-icon","accusoft","acquisitions-incorporated","adn","adversal","affiliatetheme","airbnb","algolia","alipay","amazon","amazon-pay","amilia","android","angellist","angrycreative","angular","app-store","app-store-ios","apper","apple","apple-pay","artstation","asymmetrik","atlassian","audible","autoprefixer","avianex","aviato","aws","bandcamp","battle-net","behance","behance-square","bimobject","bitbucket","bitcoin","bity","black-tie","blackberry","blogger","blogger-b","bluetooth","bluetooth-b","bootstrap","btc","buffer","buromobelexperte","buy-n-large","buysellads","canadian-maple-leaf","cc-amazon-pay","cc-amex","cc-apple-pay","cc-diners-club","cc-discover","cc-jcb","cc-mastercard","cc-paypal","cc-stripe","cc-visa","centercode","centos","chrome","chromecast","cloudflare","cloudscale","cloudsmith","cloudversify","codepen","codiepie","confluence","connectdevelop","contao","cotton-bureau","cpanel","creative-commons","creative-commons-by","creative-commons-nc","creative-commons-nc-eu","creative-commons-nc-jp","creative-commons-nd","creative-commons-pd","creative-commons-pd-alt","creative-commons-remix","creative-commons-sa","creative-commons-sampling","creative-commons-sampling-plus","creative-commons-share","creative-commons-zero","critical-role","css3","css3-alt","cuttlefish","d-and-d","d-and-d-beyond","dailymotion","dashcube","deezer","delicious","deploydog","deskpro","dev","deviantart","dhl","diaspora","digg","digital-ocean","discord","discourse","dochub","docker","draft2digital","dribbble","dribbble-square","dropbox","drupal","dyalog","earlybirds","ebay","edge","edge-legacy","elementor","ello","ember","empire","envira","erlang","ethereum","etsy","evernote","expeditedssl","facebook","facebook-f","facebook-messenger","facebook-square","fantasy-flight-games","fedex","fedora","figma","firefox","firefox-browser","first-order","first-order-alt","firstdraft","flickr","flipboard","fly","font-awesome","font-awesome-alt","font-awesome-flag","fonticons","fonticons-fi","fort-awesome","fort-awesome-alt","forumbee","foursquare","free-code-camp","freebsd","fulcrum","galactic-republic","galactic-senate","get-pocket","gg","gg-circle","git","git-alt","git-square","github","github-alt","github-square","gitkraken","gitlab","gitter","glide","glide-g","gofore","goodreads","goodreads-g","google","google-drive","google-pay","google-play","google-plus","google-plus-g","google-plus-square","google-wallet","gratipay","grav","gripfire","grunt","guilded","gulp","hacker-news","hacker-news-square","hackerrank","hips","hire-a-helper","hive","hooli","hornbill","hotjar","houzz","html5","hubspot","ideal","imdb","innosoft","instagram","instagram-square","instalod","intercom","internet-explorer","invision","ioxhost","itch-io","itunes","itunes-note","java","jedi-order","jenkins","jira","joget","joomla","js","js-square","jsfiddle","kaggle","keybase","keycdn","kickstarter","kickstarter-k","korvue","laravel","lastfm","lastfm-square","leanpub","less","line","linkedin","linkedin-in","linode","linux","lyft","magento","mailchimp","mandalorian","markdown","mastodon","maxcdn","mdb","medapps","medium","medium-m","medrt","meetup","megaport","mendeley","microblog","microsoft","mix","mixcloud","mixer","mizuni","modx","monero","napster","neos","nimblr","node","node-js","npm","ns8","nutritionix","octopus-deploy","odnoklassniki","odnoklassniki-square","old-republic","opencart","openid","opera","optin-monster","orcid","osi","page4","pagelines","palfed","patreon","paypal","penny-arcade","perbyte","periscope","phabricator","phoenix-framework","phoenix-squadron","php","pied-piper","pied-piper-alt","pied-piper-hat","pied-piper-pp","pied-piper-square","pinterest","pinterest-p","pinterest-square","playstation","product-hunt","pushed","python","qq","quinscape","quora","r-project","raspberry-pi","ravelry","react","reacteurope","readme","rebel","red-river","reddit","reddit-alien","reddit-square","redhat","renren","replyd","researchgate","resolving","rev","rocketchat","rockrms","rust","safari","salesforce","sass","schlix","scribd","searchengin","sellcast","sellsy","servicestack","shirtsinbulk","shopify","shopware","simplybuilt","sistrix","sith","sketch","skyatlas","skype","slack","slack-hash","slideshare","snapchat","snapchat-ghost","snapchat-square","soundcloud","sourcetree","speakap","speaker-deck","spotify","squarespace","stack-exchange","stack-overflow","stackpath","staylinked","steam","steam-square","steam-symbol","sticker-mule","strava","stripe","stripe-s","studiovinari","stumbleupon","stumbleupon-circle","superpowers","supple","suse","swift","symfony","teamspeak","telegram","telegram-plane","tencent-weibo","the-red-yeti","themeco","themeisle","think-peaks","tiktok","trade-federation","trello","tumblr","tumblr-square","twitch","twitter","twitter-square","typo3","uber","ubuntu","uikit","umbraco","uncharted","uniregistry","unity","unsplash","untappd","ups","usb","usps","ussunnah","vaadin","viacoin","viadeo","viadeo-square","viber","vimeo","vimeo-square","vimeo-v","vine","vk","vnv","vuejs","watchman-monitoring","waze","weebly","weibo","weixin","whatsapp","whatsapp-square","whmcs","wikipedia-w","windows","wix","wizards-of-the-coast","wodu","wolf-pack-battalion","wordpress","wordpress-simple","wpbeginner","wpexplorer","wpforms","wpressr","xbox","xing","xing-square","y-combinator","yahoo","yammer","yandex","yandex-international","yarn","yelp","yoast","youtube","youtube-square","zhihu"]},hn=[].concat(dn(mn.regular.map((function(e){return"far fa-".concat(e)}))),dn(mn.solid.map((function(e){return"fas fa-".concat(e)}))),dn(mn.brands.map((function(e){return"fab fa-".concat(e)}))));var vn=function(e){var t=e.children,n=(e.align,lt((function(e){return{selected:e.events.selected}}))),r=n.selected,o=n.id,i=n.connectors,l=i.connect,c=i.drag;return a.a.createElement("div",{className:r?"selected-node":"",ref:function(e){return l(c(e))}},a.a.createElement("div",{className:"canvas ".concat("ROOT"===o?"root-canvas":"")},t))};function gn(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return yn(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 yn(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 yn(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}vn.craft={displayName:"Column",props:{},rules:{canDrag:function(){return!0}},related:{settings:function(){return function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(lt((function(e){return{}}))),a.a.createElement("div",null)}}};var bn=function(e){var t=e.setProp,n=e.node,o=e.sizeWithStyle,i=gn(Object(r.useState)(!1),2),l=i[0],c=i[1],u=gn(Object(r.useState)(!1),2),s=u[0],f=u[1],d=!!l&&(s?"".concat(l,"-").concat(s):l),p=function(e,t){c(e),f(t)},m=n.style;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"w-100 text-center"},a.a.createElement("div",{className:"boxmodel-container boxmodel-chrome-skin mt-2 mx-auto text-center"},a.a.createElement("div",{className:"boxmodel-container"},a.a.createElement("div",{className:"boxmodel-margin"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("margin",null)}},"Margin"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("margin","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-left"]||m.margin||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("margin","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_margin",size:"3",value:m["margin-top"]||m.margin||""})),a.a.createElement("div",{className:"boxmodel-border"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("border",null)}},"Border"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("border","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-left-width"]||m["border-width"]||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("border","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_border",value:m["border-top-width"]||m["border-width"]||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-padding"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("padding",null)}},"Padding"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("padding","left")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-left"]||m.padding||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("padding","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_padding",value:m["padding-top"]||m.padding||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-content",onClick:function(){return c("size")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_width",size:"3",value:o?m.width:n.width?"".concat(n.width).concat(n.widthUnits||"px"):""}),"x",a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_height",size:"3",value:o?m.height:n.height?"".concat(n.height).concat(n.heightUnits||"px"):""})),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("padding","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_padding",size:"3",value:m["padding-bottom"]||m.padding||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("padding","right")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-right"]||m.padding||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("border","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_border",size:"3",value:m["border-bottom-width"]||m["border-width"]||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("border","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-right-width"]||m["border-width"]||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("margin","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_margin",size:"3",value:m["margin-bottom"]||m.margin||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("margin","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-right"]||m.margin||"")))))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{width:"45%"}),a.a.createElement("td",null)),d&&["margin","padding"].includes(l)&&a.a.createElement(ur,{field:{name:d,label:d,type:"DimUnits",autoable:"margin"===l},node:n,setProp:t,isStyle:!0}),"size"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(ur,{field:{name:"width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:"height",label:"height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:o?"min-height":"minHeight",label:"min height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o})),"border"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:d}),a.a.createElement(ur,{field:{name:d+"-width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:d+"-style",label:"style",type:"btn_select",btnClass:"btnstylesel",options:["solid","dotted","dashed","double","groove","ridge","inset","outset"].map(dr)},node:n,isStyle:!0,setProp:t}),a.a.createElement(ur,{field:{name:d+"-color",label:"color",type:"Color"},node:n,isStyle:!0,setProp:t}),!s&&a.a.createElement(ur,{field:{name:d+"-radius",label:"radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),s&&wn[s].map((function(e,r){return a.a.createElement(ur,{key:r,field:{name:"border-".concat(e,"-radius"),label:e.replace("-"," ")+" radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0})}))),!d&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:2},a.a.createElement("div",null,"Click above to select a property to adjust."),a.a.createElement("div",null,a.a.createElement("small",null,"Click a label (margin, border, padding) to adjust all edges.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click an edge to adjust that edge.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click center to adjust height and width")))))))},wn={left:["bottom-left","top-left"],right:["bottom-right","top-right"],top:["top-left","top-right"],bottom:["bottom-left","bottom-right"]};function En(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return xn(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 xn(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw o}}}}function xn(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 kn=function(e,t){for(var n=[],r=0;r<e;r++)n.push(t(r));return n},_n=function(e){var t,n=0,r=En(e);try{for(r.s();!(t=r.n()).done;){n+=t.value}}catch(e){r.e(e)}finally{r.f()}return n},On=function(e,t){return t<e.length?e[t]:12-_n(e)},Sn=function(e){var t=e.widths,n=e.contents,r=e.ncols,o=e.style,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag;return a.a.createElement("div",{className:"row ".concat(l?"selected-node":""),ref:function(e){return u(s(e))},style:tr(o||{})},kn(r,(function(e){return a.a.createElement("div",{key:e,className:"split-col col-sm-".concat(On(t,e))},a.a.createElement(mt,{canvas:!0,id:"Col".concat(e),is:vn},n[e]))})))};function Cn(e){return(Cn="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)}Sn.craft={displayName:"Columns",defaultProps:{widths:[6],ncols:2,style:{},breakpoints:["sm","sm"]},related:{settings:function(){var e=lt((function(e){return{widths:e.data.props.widths,ncols:e.data.props.ncols,breakpoints:e.data.props.breakpoints,style:e.data.props.style}})),t=e.actions.setProp,n=e.widths,o=e.ncols,i=e.breakpoints;e.style;return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Column properties"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"3"},a.a.createElement("label",null,"Number of columns")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",value:o,className:"form-control",step:"1",min:"1",max:"4",onChange:function(e){return t((function(t){t.ncols=e.target.value,t.widths=function(e){return kn(e-1,(function(){return 12/e}))}(e.target.value)}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Widths & Breakpoint")),kn(o,(function(e){return a.a.createElement(r.Fragment,{key:e},a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Column ",e+1)),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Width")),a.a.createElement("td",{align:"right"},e<o-1?a.a.createElement("input",{type:"number",value:n[e],className:"form-control",step:"1",min:"1",max:12-(_n(n)-n[e])-1,onChange:function(n){return t((function(t){return t.widths[e]=+n.target.value}))}}):"".concat(12-_n(n))),a.a.createElement("td",null,"/12"),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:i[e],onChange:function(n){return t((function(t){return t.breakpoints[e]=n.target.value}))}},a.a.createElement("option",{disabled:!0},"Breakpoint"),a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"sm"},"Small"),a.a.createElement("option",{value:"md"},"Medium"),a.a.createElement("option",{value:"lg"},"Large")))))})))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))}}};var jn=["vert","autoable"];function Pn(e){return function(e){if(Array.isArray(e))return qn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Un(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 Nn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Tn(e,t){return(Tn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function An(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=In(e);if(t){var a=In(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Rn(this,n)}}function Rn(e,t){if(t&&("object"===Cn(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function In(e){return(In=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function zn(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 Mn(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 Fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mn(Object(n),!0).forEach((function(t){Ln(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ln(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dn(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||Un(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 Un(e,t){if(e){if("string"==typeof e)return qn(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)?qn(e,t):void 0}}function qn(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 Bn=function(e){var t=e.icon,n=e.className;return t?a.a.createElement("i",{className:"".concat(t," ").concat(n||"")}):null},Hn=function(e){return e?{style:{display:"block"}}:{}},Wn=function(e){var t=e.block,n=e.setProp;return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:t,onChange:function(e){if(e.target){var t=e.target.checked;n((function(e){return e.block=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Block display"))},Vn=function(e){var t=e.block,n=e.inline,r=e.textStyle,o=e.setProp;return r&&r.startsWith("h")?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"inline",type:"checkbox",checked:n,onChange:function(e){if(e.target){var t=e.target.checked;o((function(e){return e.inline=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Inline display")):a.a.createElement(Wn,{block:t,setProp:o})},$n=function(e){var t=e.setProp,n=e.isFormula,o=e.node,i=e.nodekey,l=e.children;return"show"!==Object(r.useContext)(Rt).mode?l:a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"input-group input-group-sm w-100"},n[i]?a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:o[i],onChange:function(e){if(e.target){var n=e.target.value;t((function(e){return e[i]=n}))}}}):l,a.a.createElement("button",{className:"btn activate-formula ".concat(n[i]?"btn-secondary":"btn-outline-secondary"),title:"Calculated formula",type:"button",onClick:function(){var e=!n[i];t((function(t){t.isFormula[i]=e,e&&t[i]&&'"'!==t[i][0]?t[i]='"'.concat(t[i],'"'):e||"string"!=typeof t[i]||'"'!==t[i][0]||'"'!==t[i][t[i].length-1]||(t[i]=t[i].substring(1,t[i].length-1))}))}},a.a.createElement("i",{className:"fas fa-calculator"}))),n[i]&&a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))},Kn=function(e){var t=e.minRole,n=e.setProp,o=Object(r.useContext)(Rt);return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Minimum Role")),a.a.createElement("td",null,a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.minRole=t}))}}},o.roles.map((function(e){return a.a.createElement("option",{key:e.id,value:e.id},e.role)})))))},Yn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.textStyle=t}))}}},a.a.createElement("option",{value:""},"Normal"),a.a.createElement("option",{value:"h1"},"Heading 1"),a.a.createElement("option",{value:"h2"},"Heading 2"),a.a.createElement("option",{value:"h3"},"Heading 3"),a.a.createElement("option",{value:"h4"},"Heading 4"),a.a.createElement("option",{value:"h5"},"Heading 5"),a.a.createElement("option",{value:"h6"},"Heading 6"),a.a.createElement("option",{value:"fw-bold"},"Bold"),a.a.createElement("option",{value:"fst-italic"},"Italics"),a.a.createElement("option",{value:"small"},"Small"),a.a.createElement("option",{value:"text-muted"},"Muted"),a.a.createElement("option",{value:"text-underline"},"Underline"),a.a.createElement("option",{value:"font-monospace"},"Monospace"))},Gn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("div",null,a.a.createElement("label",null,"Text Style"),a.a.createElement(Yn,{textStyle:t,setProp:n}))},Qn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text Style")),a.a.createElement("td",null,a.a.createElement(Yn,{textStyle:t,setProp:n})))},Xn=function(e){var t=e.titles,n=e.children,o=Dn(Object(r.useState)(0),2),i=o[0],l=o[1];return a.a.createElement(r.Fragment,null,n.map((function(e,n){var o=n===i;return a.a.createElement(r.Fragment,{key:n},a.a.createElement("div",{className:"bg-".concat(o?"primary":"secondary"," ps-1 text-white w-100 mt-1"),onClick:function(){return l(n)}},a.a.createElement("span",{className:"w-1em"},o?a.a.createElement(Yt,{icon:Zt}):a.a.createElement(Yt,{icon:en})),e.props.accordiontitle||t[n]),o?e:null)})))},Jn=function(e){var t=e.url,n=e.body,r=e.options,a=e.setPreviews,o=e.node_id,i=e.isView;fetch(t,{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":r.csrfToken},body:JSON.stringify(n)}).then((function(e){return e.status<399?e.text():""})).then((function(e){$(".preview-scratchpad").html(e),$(".preview-scratchpad").find("a").attr("href","#"),$(".preview-scratchpad").find("[onclick], button, a, input, select").attr("onclick","return false"),$(".preview-scratchpad").find("textarea").attr("disabled",!0),$(".preview-scratchpad .full-page-width").removeClass("full-page-width"),i&&$(".preview-scratchpad").find("input").attr("readonly",!0);var t=$(".preview-scratchpad").html();a((function(e){return Fn(Fn({},e),{},Ln({},o,t))}))}))},Zn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Fn(Fn({},e),t),r=n.node_id,a=n.options,o=n.name,i=n.fieldview,l=n.setPreviews,c=Fn(Fn({},e.configuration||{}),t.configuration||{});Jn({options:a,node_id:r,setPreviews:l,url:"/field/preview/".concat(a.tableName,"/").concat(o,"/").concat(i),body:{configuration:c}})}},er=function(e){var t=e.vert,n=e.autoable,r=zn(e,jn);return a.a.createElement("select",r,a.a.createElement("option",null,"px"),a.a.createElement("option",null,"%"),a.a.createElement("option",null,t?"vh":"vw"),a.a.createElement("option",null,"em"),a.a.createElement("option",null,"rem"),n&&a.a.createElement("option",null,"auto"))},tr=function(e){var t={};return Object.keys(e).forEach((function(n){var r;t[(r=n,r.replace(/([-][a-z])/gi,(function(e){return e.toUpperCase().replace("-","")})))]=e[n]})),t},nr=function(e,t,n){(n||[]).forEach((function(t,n){"select"===t.input_type&&e((function(e){e.configuration[t.name]||(e.configuration[t.name]=t.options[0]||"")}))}))},rr=function(e){var t=e.value,n=e.onChange;return t?a.a.createElement("input",{type:"color",value:t,className:"form-control",onChange:function(e){return e.target&&n(e.target.value)}}):a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary",onClick:function(){return n("#000000")}},a.a.createElement("small",null,"Set color"))},ar=function(e){var t=e.fields,n=e.configuration,r=e.setProp,o=(e.node,e.onChange);return a.a.createElement("div",null,t.map((function(e,t){if(e.showIf&&n){var i=!1;if(Object.entries(e.showIf).forEach((function(e){var t=Dn(e,2),r=t[0],a=t[1];i=Array.isArray(a)?i||a.includes(n[r]):i||a!==n[r]})),i)return null}return a.a.createElement("div",{key:t},function(e){return e&&e.type&&("Bool"===e.type||"Bool"===e.type.name)}(e)?null:a.a.createElement("label",null,e.label||e.name),a.a.createElement(ir,{field:e,configuration:n,setProp:r,onChange:o}),e.sublabel?a.a.createElement("i",{dangerouslySetInnerHTML:{__html:e.sublabel}}):null)})),a.a.createElement("br",null))},or=function(e,t){return void 0===e?t:e},ir=function(e){var t=e.field,n=e.configuration,o=e.setProp,i=e.onChange,l=e.props,c=e.isStyle,u=Object(r.useContext)(Rt),s=function(e){o((function(r){n?(r.configuration||(r.configuration={}),r.configuration[t.name]=e):c?(r.style||(r.style={}),r.style[t.name]=e):r[t.name]=e})),i&&i(t.name,e)},f=or(n?n[t.name]:c?l.style[t.name]:l[t.name],t.default);"fromtype"===t.input_type&&(t.input_type=null),t.type&&"String"===t.type.name&&t.attributes.options&&(t.input_type="select",t.options="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options,!t.required&&t.options&&t.options.unshift(""));var d={String:function(){var e;if(null!==(e=t.attributes)&&void 0!==e&&e.options){var n="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options;return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},n.map((function(e,t){return a.a.createElement("option",{key:t,value:"string"==typeof e?e:e.value||e.name},"string"==typeof e?e:e.label)})))}return a.a.createElement("input",{type:"text",className:"form-control",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Font:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},a.a.createElement("option",{value:""}),Object.entries(u.fonts||{}).map((function(e,t){var n=Dn(e,2),r=n[0],o=n[1];return a.a.createElement("option",{key:t,value:o},r)})))},Integer:function(){return a.a.createElement("input",{type:"number",className:"form-control",step:t.step||1,min:t.min,max:t.max,value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Float:function(){return a.a.createElement("input",{type:"number",className:"form-control",value:f||"",step:.01,onChange:function(e){return e.target&&s(e.target.value)}})},Color:function(){return a.a.createElement(rr,{value:f,onChange:function(e){return s(e)}})},Bool:function(){return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:f,onChange:function(e){return e.target&&s(e.target.checked)}}),a.a.createElement("label",{className:"form-check-label"},t.label))},textarea:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},code:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},select:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},t.options.map((function(e,t){return a.a.createElement("option",{key:t},e)})))},btn_select:function(){return a.a.createElement("div",{className:"btn-group w-100",role:"group"},t.options.map((function(e,n){return a.a.createElement("button",{key:n,title:e.title||e.value,type:"button",style:{width:"".concat(Math.floor(100/t.options.length),"%")},className:"btn btn-sm btn-".concat(f!==e.value?"outline-":"","secondary ").concat(t.btnClass||""),onClick:function(){return s(e.value)}},e.label)})))},DimUnits:function(){var e,i;if(c&&"auto"===f)e="",i="auto";else if(c&&f&&"string"==typeof f){var u=f.match(/^([0-9]+\.?[0-9]*)(.*)/);u&&(e=u[1],i=u[2])}return a.a.createElement(r.Fragment,null,"auto"!==i&&a.a.createElement("input",{type:"number",value:(c?e:f)||"",className:"w-50 form-control-sm d-inline dimunit",disabled:t.autoable&&"auto"===i,onChange:function(e){return s(c?"".concat(e.target.value).concat(i||"px"):e.target.value)}}),a.a.createElement(er,{value:or(n?n[t.name+"Unit"]:c?i:l[t.name+"Unit"],"px"),autoable:t.autoable,className:"w-".concat("auto"===i?100:50," form-control-sm d-inline dimunit"),vert:!0,onChange:function(r){if(r.target){var a=r.target.value;o((function(r){var o="auto"===a&&t.autoable&&c?"":e;n?r.configuration[t.name+"Unit"]=a:c?r.style[t.name]="".concat(or(o,0)).concat(a):r[t.name+"Unit"]=a}))}}}))}}[t.input_type||t.type.name||t.type];return d?d():null},lr=function(e){return function(){var t=lt((function(t){var n={};return e.forEach((function(e){n[e.name]=t.data.props[e.name]})),e.some((function(e){return e.canBeFormula}))&&(n.isFormula=t.data.props.isFormula),n})),n=t.actions.setProp;return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,e.map((function(e,r){return a.a.createElement(ur,{field:e,key:r,node:t,setProp:n})}))))}},cr=function(e){var t=e.title;return a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},t))},ur=function(e){var t=e.field,n=e.node,o=e.setProp,i=e.onChange,l=e.isStyle,c=["String","Bool","textarea"].includes(t.type),u="Bool"!==t.type,s=t.canBeFormula?a.a.createElement($n,{nodekey:t.name,isFormula:n.isFormula,setProp:o,node:n},a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i})):a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i,isStyle:l});return a.a.createElement("tr",null,c?a.a.createElement("td",{colSpan:"2"},u&&a.a.createElement("label",null,t.label),s):a.a.createElement(r.Fragment,null,a.a.createElement("td",null,a.a.createElement("label",null,t.label)),a.a.createElement("td",null,s)))},sr=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Tn(e,t)}(o,e);var t,n,r,a=An(o);function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(t=a.call(this,e)).state={hasError:!1,reported:!1},t}return t=o,r=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0}}}],(n=[{key:"componentDidCatch",value:function(e,t){if(console.log("ErrorBoundary reporting: ",JSON.stringify(e),JSON.stringify(t)),!this.state.reported){var n={message:e.message,stack:e&&e.stack||""};fetch("/crashlog/",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":_sc_globalCsrf},body:JSON.stringify(n)}),this.setState({reported:!0})}}},{key:"render",value:function(){return this.props.children}}])&&Nn(t.prototype,n),r&&Nn(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(a.a.Component),fr=function(e){var t=e.setProp,n=e.btnClass,r=void 0===n?null:n,o=e.keyPrefix,i=void 0===o?"":o,l=e.values,c=e.linkFirst,u=void 0!==c&&c,s=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}},f=function(e){return r?"".concat(r," ").concat(e):e};return[a.a.createElement("tr",{key:"btnstyle"},a.a.createElement("td",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"style"],onChange:s(i+"style")},u?a.a.createElement("option",{value:f("btn-link")},"Link"):null,a.a.createElement("option",{value:f("btn-primary")},"Primary button"),a.a.createElement("option",{value:f("btn-secondary")},"Secondary button"),a.a.createElement("option",{value:f("btn-success")},"Success button"),a.a.createElement("option",{value:f("btn-danger")},"Danger button"),a.a.createElement("option",{value:f("btn-outline-primary")},"Primary outline button"),a.a.createElement("option",{value:f("btn-outline-secondary")},"Secondary outline button"),a.a.createElement("option",{value:f("btn-custom-color")},"Button custom color"),u?null:a.a.createElement("option",{value:f("btn-link")},"Link")))),a.a.createElement("tr",{key:"btnsz"},a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"size"],onChange:s(i+"size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block")))),a.a.createElement("tr",{key:"btnicon"},a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{value:l[i+"icon"],onChange:function(e){return t((function(t){return t[i+"icon"]=e}))},isMulti:!1,icons:hn})))].concat(Pn(l[i+"style"]===f("btn-custom-color")?[a.a.createElement("tr",{key:"btnbgcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Background")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bgcol"],className:"form-control-sm w-50",onChange:s(i+"bgcol")}))),a.a.createElement("tr",{key:"btnbdcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Border")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bordercol"],className:"form-control-sm w-50",onChange:s(i+"bordercol")}))),a.a.createElement("tr",{key:"btntxtcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"textcol"],className:"form-control-sm w-50",onChange:s(i+"textcol")})))]:[]))},dr=function(e){return{value:e,title:e,label:a.a.createElement("div",{style:{borderLeftStyle:e,borderTopStyle:e,height:"15px",width:"6px"}})}},pr=function e(t){return function(n,r){var o=t.node(n).get().data,i=o.type,l=o.props,c=(o.nodes||[]).map(e(t));if("Columns"===o.displayName){var u=kn(o.props.ncols,(function(n){return e(t)(o.linkedNodes["Col"+n])}));return a.a.createElement(Sn,Fn(Fn(Fn({},l),void 0!==r?{key:r}:{}),{},{contents:u}))}return o.isCanvas?a.a.createElement(mt,Fn(Fn({},l),{},{canvas:!0,is:i},void 0!==r?{key:r}:{}),c):a.a.createElement(i,Fn(Fn({},l),void 0!==r?{key:r}:{}),c)}},mr=function(e,t,n){return n&&n.startsWith("h")?!t:e},hr=n(21),vr=n.n(hr),gr=n(33),yr=n.n(gr);function br(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 wr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?br(Object(n),!0).forEach((function(t){Er(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):br(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Er(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xr(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return kr(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 kr(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 kr(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 _r={toolbarGroups:[{name:"document",groups:["mode","document","doctools"]},{name:"clipboard",groups:["clipboard","undo"]},{name:"forms",groups:["forms"]},{name:"basicstyles",groups:["basicstyles","cleanup"]},{name:"editing",groups:["find","selection","spellchecker","editing"]},{name:"paragraph",groups:["list","indent","blocks","align","bidi","paragraph"]},{name:"links",groups:["links"]},"/",{name:"insert",groups:["insert"]},{name:"styles",groups:["styles"]},{name:"colors",groups:["colors"]},{name:"tools",groups:["tools"]},{name:"others",groups:["others"]},{name:"about",groups:["about"]}],autoParagraph:!1,fillEmptyBlocks:!1,removeButtons:"Source,Save,NewPage,ExportPdf,Print,Preview,Templates,Cut,Copy,Paste,PasteText,PasteFromWord,Find,Replace,SelectAll,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CopyFormatting,CreateDiv,BidiLtr,BidiRtl,Language,Anchor,Flash,Iframe,PageBreak,Maximize,ShowBlocks,About,Undo,Redo,Image"};var Or=function(e){var t=e.text,n=e.block,o=e.inline,i=e.isFormula,l=e.textStyle,c=e.icon,u=e.font,s=e.style,f=lt((function(e){return{selected:e.events.selected,dragged:e.events.dragged}})),d=f.connectors,p=d.connect,m=d.drag,h=f.selected,v=f.actions.setProp,g=xr(Object(r.useState)(!1),2),y=g[0],b=g[1];return Object(r.useEffect)((function(){!h&&b(!1)}),[h]),a.a.createElement("div",{className:"".concat(mr(n,o,l)?"d-block":"d-inline-block"," ").concat(l," is-text ").concat(i.text?"font-monospace":""," ").concat(h?"selected-node":""),ref:function(e){return p(m(e))},onClick:function(e){return h&&b(!0)},style:wr(wr({},u?{fontFamily:u}:{}),tr(s||{}))},a.a.createElement(Bn,{icon:c,className:"me-1"}),i.text?a.a.createElement(r.Fragment,null,"=",a.a.createElement(vr.a,{html:t,style:{display:"inline"},disabled:!y,onChange:function(e){return v((function(t){return t.text=e.target.value}))}})):y?a.a.createElement(sr,null,a.a.createElement(yr.a,{data:t,style:{display:"inline"},onChange:function(e){return v((function(t){return t.text=e.editor.getData()}))},config:_r,type:"inline"})):a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:t}}))};Or.craft={defaultProps:{text:"Click here",block:!1,inline:!1,isFormula:{},textStyle:"",labelFor:"",font:"",style:{}},displayName:"Text",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,block:e.data.props.block,inline:e.data.props.inline,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,labelFor:e.data.props.labelFor,icon:e.data.props.icon,font:e.data.props.font,style:e.data.props.style}})),t=e.actions.setProp,n=e.text,o=e.block,i=e.inline,l=e.textStyle,c=e.isFormula,u=e.labelFor,s=e.icon,f=(e.font,e.style,Object(r.useContext)(Rt)),d=f.mode,p=f.fields,m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,"show"===d&&a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:c.text,onChange:function(e){return t((function(t){return t.isFormula.text=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Formula?")),a.a.createElement("label",null,"Text to display"),"show"===d&&c.text?a.a.createElement("input",{type:"text",className:"text-to-display form-control",value:n,onChange:m("text")}):a.a.createElement(sr,null,a.a.createElement("div",{className:"border"},a.a.createElement(yr.a,{data:n,onChange:function(e){if(e.editor){var n=e.editor.getData();t((function(e){return e.text=n}))}},config:_r,type:"inline"}))),"edit"===d&&a.a.createElement(r.Fragment,null,a.a.createElement("label",null,"Label for Field"),a.a.createElement("select",{value:u,onChange:m("labelFor"),className:"form-control form-select"},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)})))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement(Qn,{textStyle:l,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{className:"w-100",value:s,icons:hn,onChange:function(e){return t((function(t){return t.icon=e}))},isMulti:!1}))),a.a.createElement(ur,{field:{name:"font",label:"Font family",type:"Font"},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}))),a.a.createElement(Vn,{block:o,inline:i,textStyle:l,setProp:t}))}}};var Sr=Object(r.createContext)({});var Cr=function(e){var t=e.name,n=e.fieldview,o=e.block,i=e.inline,l=e.textStyle,c=e.configuration,u=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),s=u.selected,f=u.node_id,d=u.connectors,p=d.connect,m=d.drag,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[f],b=Object(r.useContext)(Rt),w=(b.blockDisplay||{})[t],E=w&&w.includes(n);return Object(r.useEffect)((function(){Zn({options:b,name:t,fieldview:n,configuration:c,setPreviews:g,node_id:f})()}),[]),a.a.createElement("div",{className:"".concat(l," ").concat(s?"selected-node":""," ").concat(mr(o,i,l)||E?"d-block":"d-inline-block"),ref:function(e){return p(m(e))}},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"[".concat(n," ").concat(t,"]"))};function jr(){return(jr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Cr.craft={displayName:"Field",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,fieldview:e.data.props.fieldview,block:e.data.props.block,inline:e.data.props.inline,textStyle:e.data.props.textStyle,configuration:e.data.props.configuration,node_id:e.id}})),t=e.actions.setProp,n=e.name,o=e.fieldview,i=e.block,l=e.inline,c=e.configuration,u=e.node_id,s=e.textStyle,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[n],m=(f.handlesTextStyle||{})[n],h=(f.blockDisplay||{})[n],v=function(e){return((f.fieldViewConfigForms||{})[n]||{})[e]},g=v(o),y=Zn({options:f,name:n,fieldview:o,configuration:c,setPreviews:d,node_id:u});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.field_view_options[e.target.value];n&&n.length>0?(t((function(e){return e.fieldview=n[0]})),y({name:e.target.value,fieldview:n[0]})):y({name:e.target.value})}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){t((function(t){return t.fieldview=e.target.value})),nr(t,e.target.value,v(e.target.value)),y({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),!(h&&h.includes(o))&&a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:i,inline:l,textStyle:s,setProp:t}))),!(m&&m.includes(o))&&a.a.createElement(Qn,{textStyle:s,setProp:t}))),g?a.a.createElement(ar,{fields:g,configuration:c,setProp:t,onChange:function(e,t){return y({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"field",column_type:"Field",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"fieldview","textStyle","block","inline",{name:"configuration",default:{}}]}};var Pr=function(e){var t=e.name,n=e.block,o=e.fieldview,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),c=l.selected,u=l.node_id,s=l.connectors,f=s.connect,d=s.drag,p=Object(r.useContext)(Sr),m=p.previews,h=p.setPreviews,v=m[u],g=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){Zn({options:g,name:t,fieldview:o,configuration:{},setPreviews:h,node_id:u})()}),[]),a.a.createElement("span",jr({className:"".concat(i," ").concat(c?"selected-node":"")},Hn(n),{ref:function(e){return f(d(e))}}),v?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:v}}):"[".concat(t,"]"))};function Nr(){return(Nr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Pr.craft={displayName:"JoinField",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,textStyle:e.data.props.textStyle,fieldview:e.data.props.fieldview,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=t.name,i=t.block,l=t.textStyle,c=t.configuration,u=t.fieldview,s=t.node_id,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[o],m=(e=u,((f.fieldViewConfigForms||{})[o]||{})[e]),h=Zn({options:f,name:o,fieldview:u,configuration:c,setPreviews:d,node_id:s});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Join field")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.name=e.target.value}));var t=f.field_view_options[e.target.value];t&&t.length>0?(n((function(e){return e.fieldview=t[0]})),h({name:e.target.value,fieldview:t[0]})):h({name:e.target.value})}},f.parent_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){n((function(t){return t.fieldview=e.target.value})),h({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:i,setProp:n}))),a.a.createElement(Qn,{textStyle:l,setProp:n}))),m?a.a.createElement(ar,{fields:m,configuration:c||{},setProp:n,onChange:function(e,t){return h({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"join_field",column_type:"JoinField",fields:[{name:"name",segment_name:"join_field",column_name:"join_field"},"fieldview","textStyle","block",{name:"configuration",default:{}}]}};var Tr=function(e){var t=e.agg_relation,n=e.agg_field,r=e.stat,o=e.block,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected}})),c=l.selected,u=l.connectors,s=u.connect,f=u.drag;return a.a.createElement("span",Nr({className:"".concat(i," ").concat(c?"selected-node":"")},Hn(o),{ref:function(e){return s(f(e))}}),"[",r," ",t," ",n,"]")};Tr.craft={displayName:"Aggregation",related:{settings:function(){var e=lt((function(e){return{agg_relation:e.data.props.agg_relation,agg_field:e.data.props.agg_field,aggwhere:e.data.props.aggwhere,stat:e.data.props.stat,block:e.data.props.block,textStyle:e.data.props.textStyle}})),t=e.actions.setProp,n=e.agg_relation,o=e.agg_field,i=e.stat,l=e.aggwhere,c=e.block,u=e.textStyle,s=Object(r.useContext)(Rt);return a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Relation")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:n,onChange:function(e){return t((function(t){t.agg_relation=e.target.value;var n=s.agg_field_opts[e.target.value];n&&n.length>0&&(t.agg_field=n[0])}))}},s.child_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Child table field")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:o,onChange:function(e){return t((function(t){return t.agg_field=e.target.value}))}},(s.agg_field_opts[n]||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Statistic")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:function(e){return t((function(t){return t.stat=e.target.value}))}},a.a.createElement("option",{value:"Count"},"Count"),a.a.createElement("option",{value:"Avg"},"Avg"),a.a.createElement("option",{value:"Sum"},"Sum"),a.a.createElement("option",{value:"Max"},"Max"),a.a.createElement("option",{value:"Min"},"Min"),a.a.createElement("option",{value:"Array_Agg"},"Array_Agg"),s.fields.filter((function(e){return"Date"===e.type.name})).map((function(e){return a.a.createElement("option",{value:"Latest ".concat(e.name)},"Latest ",e.name)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:function(e){return t((function(t){return t.aggwhere=e.target.value}))}}))),a.a.createElement(Qn,{textStyle:u,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Wn,{block:c,setProp:t})))))},segment_type:"aggregation",column_type:"Aggregation",fields:["agg_relation","textStyle","block","agg_field","aggwhere","stat"]}};var Ar=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((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))}},"↵"),a.a.createElement("br",null))};function Rr(){return(Rr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Ar.craft={displayName:"LineBreak",related:{settings:lr([]),segment_type:"line_break",fields:[]}};var Ir=function(e){var t=e.name,n=e.block,r=(e.minRole,e.link_style),o=e.link_size,i=e.link_icon,l=e.inModal,c=e.label,u=e.textStyle,s=e.link_bgcol,f=e.link_bordercol,d=e.link_textcol,p=lt((function(e){return{selected:e.events.selected}})),m=p.selected,h=p.connectors,v=h.connect,g=h.drag,y=t.split(":"),b=c||(y.length>1?y[1]:y[0]);return a.a.createElement("span",Rr({className:"".concat(u," ").concat(l?"btn btn-secondary btn-sm":""," ").concat(m?"selected-node":"is-builder-link"," ").concat(r," ").concat(o)},Hn(n),{ref:function(e){return v(g(e))},style:"btn btn-custom-color"===r?{backgroundColor:s||"#000000",borderColor:f||"#000000",color:d||"#000000"}:{}}),i?a.a.createElement("i",{className:"".concat(i," me-1")}):"",b)};function zr(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mr(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 Mr(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 Mr(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}Ir.craft={displayName:"ViewLink",defaultProps:{isFormula:{}},related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,isFormula:e.data.props.isFormula,label:e.data.props.label,inModal:e.data.props.inModal,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,textStyle:e.data.props.textStyle,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol,extra_state_fml:e.data.props.extra_state_fml}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.label,c=e.isFormula,u=e.inModal,s=e.textStyle,f=e.extra_state_fml,d=Object(r.useContext)(Rt);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"View to link to"),a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},d.link_view_opts.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,{nodekey:"label",setProp:t,isFormula:c,node:e},a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:l,onChange:function(e){return t((function(t){return t.label=e.target.value}))}})))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Extra state Formula"),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:f,onChange:function(e){return t((function(t){return t.extra_state_fml=e.target.value}))}}))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.inModal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Wn,{block:o,setProp:t}),a.a.createElement(Gn,{textStyle:s,setProp:t}),a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement(Kn,{minRole:i,setProp:t}))))},segment_type:"view_link",column_type:"ViewLink",fields:[{name:"name",segment_name:"view",column_name:"view"},{name:"label",segment_name:"view_label",canBeFormula:!0},"block","textStyle",{name:"inModal",segment_name:"in_modal",column_name:"in_modal"},"minRole","link_style","link_icon","link_size","link_bgcol","link_bordercol","link_textcol","extra_state_fml"]}};var Fr=function(e){var t=e.has_dropdown,n=e.children,o=e.show_badges,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag,f=zr(Object(r.useState)(!1),2),d=f[0],p=f[1],m=zr(Object(r.useState)(200),2),h=m[0],v=m[1];return a.a.createElement("div",{className:"input-group ".concat(l?"selected-node":""),ref:function(e){if(e&&e.getBoundingClientRect){var t=e.getBoundingClientRect().width;t!==h&&v(t)}u(s(e))}},a.a.createElement("button",{className:"btn btn-outline-secondary",disabled:!0},a.a.createElement("i",{className:"fas fa-search"})),a.a.createElement("input",{type:"text",className:"form-control bg-light",placeholder:"Search...",disabled:!0}),o&&a.a.createElement("div",{className:"input-group-text"},a.a.createElement("span",{className:"badge bg-primary"},"X:Y")),t&&a.a.createElement(r.Fragment,null,a.a.createElement("button",{className:"btn btn-outline-secondary",onClick:function(){return p(!d)}},a.a.createElement(Yt,{icon:Jt})),a.a.createElement("div",{className:"dropdown-menu searchbar-dropdown ".concat(d?"show":""),style:{width:h,left:0}},a.a.createElement("div",{className:"canvas"},n))))};Fr.craft={displayName:"SearchBar",props:{has_dropdown:!1,show_badges:!1},related:{settings:function(){var e=lt((function(e){return{has_dropdown:e.data.props.has_dropdown,show_badges:e.data.props.show_badges}})),t=e.actions.setProp,n=e.has_dropdown,r=e.show_badges;return a.a.createElement("div",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:n,onChange:function(e){return t((function(t){return t.has_dropdown=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Has Dropdown")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:r,onChange:function(e){return t((function(t){return t.show_badges=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Show current state badges")))},segment_type:"search_bar",hasContents:!0,fields:["has_dropdown","show_badges"]}};var Lr=function(e){var t=e.text,n=lt((function(e){return{selected:e.events.selected}})),r=n.selected,o=n.connectors,i=o.connect,l=o.drag;return a.a.createElement("span",{className:"is-html-block ".concat(r?"selected-node":""),ref:function(e){return i(l(e))}},a.a.createElement("div",{style:{fontSize:"8px"}},"HTML"),a.a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}))},Dr=[{label:"HTML Code",name:"text",type:"textarea",segment_name:"contents"}];Lr.craft={displayName:"HTMLCode",related:{settings:lr(Dr),segment_type:"blank",segment_vars:{isHTML:!0},segment_match:function(e){return e.isHTML},fields:Dr}};var Ur=function(e){var t=e.name,n=e.block,r=e.action_label,o=e.action_style,i=e.action_icon,l=e.action_size,c=e.action_bgcol,u=e.action_bordercol,s=e.action_textcol,f=lt((function(e){return{selected:e.events.selected}})),d=f.selected,p=f.connectors,m=p.connect,h=p.drag;return a.a.createElement("button",{className:"btn ".concat(o||"btn-primary"," ").concat(l||""," ").concat(d?"selected-node":""," ").concat(n?"d-block":""),ref:function(e){return m(h(e))},style:"btn-custom-color"===o?{backgroundColor:c||"#000000",borderColor:u||"#000000",color:s||"#000000"}:{}},a.a.createElement(Bn,{icon:i,className:"me-1"}),r||t)};function qr(e){return function(e){if(Array.isArray(e))return Br(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Br(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 Br(e,t)}(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 Br(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}function Hr(){return(Hr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Ur.craft={displayName:"Action",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,confirm:e.data.props.confirm,action_label:e.data.props.action_label,configuration:e.data.props.configuration,isFormula:e.data.props.isFormula,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.isFormula,c=e.confirm,u=e.configuration,s=e.action_label,f=Object(r.useContext)(Rt),d=function(e){return(f.actionConfigForms||{})[e]},p=d(n);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Action")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value})),nr(t,e.target.value,d(e.target.value))}},f.actions.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,{nodekey:"action_label",setProp:t,isFormula:l,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:s,onChange:function(e){return t((function(t){return t.action_label=e.target.value}))}})))),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement(Kn,{minRole:i,setProp:t}))),"show"===f.mode?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:c,onChange:function(e){return t((function(t){return t.confirm=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"User confirmation?")):null,a.a.createElement(Wn,{block:o,setProp:t}),p?a.a.createElement(ar,{fields:p,configuration:u,setProp:t,node:e}):null)}}};var Wr=function(e){var t=e.fileid,n=e.block,r=e.srctype,o=e.url,i=e.alt,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p="File"===r?"/files/serve/".concat(t):o;return a.a.createElement("span",Hr({},Hn(n),{ref:function(e){return f(d(e))}}),0===t?"No images Available":a.a.createElement("img",{className:"".concat(l&&l.width?"":"w-100"," image-widget ").concat(u?"selected-node":""),style:tr(l||{}),src:p,alt:i}))};function Vr(e){return function(e){if(Array.isArray(e))return Yr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Kr(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 $r(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||Kr(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 Kr(e,t){if(e){if("string"==typeof e)return Yr(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)?Yr(e,t):void 0}}function Yr(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}Wr.craft={displayName:"Image",defaultProps:{alt:"",block:!1,isFormula:{},srctype:"File",style:{}},related:{settings:function(){var e=lt((function(e){return{fileid:e.data.props.fileid,field:e.data.props.field,url:e.data.props.url,filepath:e.data.props.filepath,srctype:e.data.props.srctype,alt:e.data.props.alt,block:e.data.props.block,style:e.data.props.style,isFormula:e.data.props.isFormula,imgResponsiveWidths:e.data.props.imgResponsiveWidths}})),t=e.actions.setProp,n=e.fileid,o=e.srctype,i=e.field,l=e.url,c=e.alt,u=e.block,s=e.isFormula,f=e.filepath,d=e.imgResponsiveWidths,p=(e.style,Object(r.useContext)(Rt)),m=Object(r.useContext)(Sr),h=m.uploadedFiles,v=m.setUploadedFiles,g=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Select image"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("i",null,a.a.createElement("small",null,"Preview shown in canvas is indicative")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Source")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:g("srctype")},a.a.createElement("option",null,"File"),a.a.createElement("option",null,"URL"),a.a.createElement("option",null,"Upload"),"show"===p.mode&&a.a.createElement("option",null,"Field")))),"File"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:g("fileid")},p.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(h||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))))),"URL"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"url",setProp:t,isFormula:s,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:g("url")})))),"Upload"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("input",{type:"file",className:"form-control",value:f,onChange:function(e){if(e.target.files&&e.target.files.length>0){var n=new FormData;n.append("file",e.target.files[0]),n.append("min_role_read",p.min_role||1),fetch("/files/upload",{method:"POST",body:n,headers:{"X-Requested-With":"XMLHttpRequest","CSRF-Token":p.csrfToken}}).then((function(e){return e.json()})).then((function(e){v((function(t){return[].concat(qr(t),[{id:e.success.id,filename:e.success.filename}])})),t((function(t){t.fileid=e.success.id,t.srctype="File"}))})).catch((function(e){console.error("Error:",e)}))}}}))),"Field"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:g("field")},p.fields.filter((function(e){return e.type&&"String"===e.type.name||"_sc_files"===e.reftable_name})).map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Alt text")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"alt",setProp:t,isFormula:s,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:c,onChange:g("alt")})))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Responsive widths")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",value:d,className:"form-control",onChange:g("imgResponsiveWidths")}),a.a.createElement("small",null,a.a.createElement("i",null,"List of widths to serve resized images, e.g. 300, 400, 600")))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Wn,{block:u,setProp:t}))))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"image",fields:[{name:"alt",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"srctype",default:"File"},{name:"fileid",default:0},"field","block","imgResponsiveWidths",{name:"style",default:{}}]}};var Gr=function(e){var t=e.contents,n=e.titles,o=e.tabsStyle,i=e.ntabs,l=e.independent,c=(e.field,lt((function(e){return{selected:e.events.selected}}))),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p=$r(Object(r.useState)(0),2),m=p[0],h=p[1],v=$r(Object(r.useState)([!0]),2),g=v[0],y=v[1];return"Accordion"===o?a.a.createElement("div",{className:"accordion"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"card"},a.a.createElement("div",{className:"card-header"},a.a.createElement("h2",{className:"mb-0"},a.a.createElement("button",{className:"btn btn-link btn-block text-left",type:"button",onClick:function(){if(h(e),l){var t=Vr(g);t[e]=!t[e],y(t)}else{var n=[];n[e]=!0,y(n)}}},n[e]))),a.a.createElement("div",{id:"collapse".concat(e),className:"collapse ".concat(l&&g[e]||!l&&m==e?"show":""),"aria-labelledby":"headingOne","data-parent":"#accordionExample"},a.a.createElement("div",{className:"card-body"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))))}))):a.a.createElement(r.Fragment,null,a.a.createElement("ul",{id:"myTab",role:"tablist",className:"nav ".concat("Tabs"===o?"nav-tabs":"nav-pills"," builder ").concat(u?"selected-node":""),ref:function(e){return f(d(e))}},kn(i,(function(e){return a.a.createElement("li",{key:e,className:"nav-item",role:"presentation"},a.a.createElement("a",{className:"nav-link ".concat(e===m?"active":""),onClick:function(){return h(e)}},n[e]&&(void 0===n[e].label?n[e]:""===n[e].label?"(empty)":n[e].label)))}))),a.a.createElement("div",{className:"tab-content",id:"myTabContent"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"tab-pane fade ".concat(e===m?"show active":""),role:"tabpanel","aria-labelledby":"home-tab"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))}))))};Gr.craft={props:{titles:["Tab1","Tab2"],ntabs:2,tabsStyle:"Tabs",independent:!1,deeplink:!0},displayName:"Tabs",related:{settings:function(){var e=lt((function(e){return{tabsStyle:e.data.props.tabsStyle,ntabs:e.data.props.ntabs,independent:e.data.props.independent,deeplink:e.data.props.deeplink,titles:e.data.props.titles,field:e.data.props.field}})),t=e.actions.setProp,n=e.titles,o=e.tabsStyle,i=e.deeplink,l=e.independent,c=e.ntabs,u=e.field,s=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){u&&fetch("/api/".concat(s.tableName,"/distinct/").concat(u),{method:"GET",headers:{"Content-Type":"application/json","CSRF-Token":s.csrfToken}}).then((function(e){return e.status<399?e.json():""})).then((function(e){if(e.success){var n=e.success.length;t((function(e){return e.ntabs=n})),t((function(t){return t.titles=e.success}))}}))}),[u]),a.a.createElement("table",{className:"w-100",accordiontitle:"Placement"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){return t((function(t){t.tabsStyle=e.target.value}))}},a.a.createElement("option",null,"Tabs"),a.a.createElement("option",null,"Pills"),a.a.createElement("option",null,"Accordion"),["show","edit"].includes(s.mode)&&a.a.createElement("option",null,"Value switch")))),"Value switch"===o?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){t((function(t){return t.field=e.target.value}))}},s.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))):a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Number of sections")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",className:"form-control",value:c,step:"1",min:"0",max:"20",onChange:function(e){return t((function(t){return t.ntabs=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},"Titles")),kn(c,(function(e){return a.a.createElement("tr",{key:e},a.a.createElement("th",null,e+1),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n[e],onChange:function(n){return t((function(t){return t.titles[e]=n.target.value}))}})))})),"Accordion"===o?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){e.target&&t((function(t){return t.independent=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open independently")))):a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:i,onChange:function(e){e.target&&t((function(t){return t.deeplink=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Deep link")))))))}}};var Qr=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((function(e){return{selected:e.events.selected}})),n=(t.selected,t.connectors);n.connect,n.drag;return null};function Xr(){return(Xr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Qr.craft={displayName:"Empty"};var Jr=function(e){var t=e.name,n=e.block,r=e.full_width,o=lt((function(e){return{selected:e.events.selected}})),i=o.selected,l=o.connectors,c=l.connect,u=l.drag;return a.a.createElement("span",Xr({className:i?"selected-node":""},Hn(n),{ref:function(e){return c(u(e))}}),a.a.createElement("select",{disabled:!0,className:r?"w-100":""},a.a.createElement("option",null,t)))};function Zr(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ea(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 ea(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 ea(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}Jr.craft={displayName:"DropDownFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,neutral_label:e.data.props.neutral_label,full_width:e.data.props.full_width,where:e.data.props.where}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.neutral_label,l=e.full_width,c=e.where,u=Object(r.useContext)(Rt);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},u.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Neutral label")),a.a.createElement("td",null,a.a.createElement("input",{value:i,className:"form-control",onChange:function(e){return t((function(t){return t.neutral_label=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"form-control",onChange:function(e){return t((function(t){return t.where=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:o,setProp:t}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){return t((function(t){return t.full_width=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Full width"))))))},segment_type:"dropdown_filter",column_type:"DropDownFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"full_width","neutral_label","where","block"]}};var ta=function(e){var t=e.children,n=e.action_style,o=e.action_size,i=e.action_icon,l=e.action_bgcol,c=e.action_bordercol,u=e.action_textcol,s=e.block,f=e.label,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag,g=Zr(Object(r.useState)(!1),2),y=g[0],b=g[1];return a.a.createElement("div",{className:"".concat(p?"selected-node":""," ").concat(s?"d-block":""),ref:function(e){return h(v(e))}},a.a.createElement("button",{className:"btn ".concat(n||"btn-primary"," ").concat(o||""," "),style:"btn-custom-color"===n?{backgroundColor:l||"#000000",borderColor:c||"#000000",color:u||"#000000"}:{}},a.a.createElement(Bn,{icon:i,className:"me-1"}),f,a.a.createElement(Yt,{icon:Jt,className:"ms-1",onClick:function(){return b(!y)}})),a.a.createElement("div",{className:"dropdown-menu dropmenu-dropdown ".concat(y?"show":"")},a.a.createElement("div",{className:"canvas d-flex flex-column"},t)))};function na(){return(na=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}ta.craft={displayName:"DropMenu",props:{label:"Menu",block:!1},related:{settings:function(){var e=lt((function(e){return{label:e.data.props.label,block:e.data.props.block,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=(e.label,e.block);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Label",name:"label",type:"String"},node:e,setProp:t}),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Wn,{block:n,setProp:t})))))},segment_type:"dropdown_menu",hasContents:!0,fields:["label","block","action_style","action_size","action_icon","action_bgcol","action_bordercol","action_textcol"]}};var ra=function(e){e.name;var t=e.value,n=e.preset_value,r=e.block,o=e.label,i=e.size,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("span",na({className:u?"selected-node":""},Hn(r),{ref:function(e){return f(d(e))}}),a.a.createElement("button",{className:"btn btn-outline-".concat(l||"primary"," ").concat(i)},o||t||n||"Set label"))};ra.craft={displayName:"ToggleFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,value:e.data.props.value,preset_value:e.data.props.preset_value,block:e.data.props.block,label:e.data.props.label,size:e.data.props.size,style:e.data.props.style}})),t=e.actions.setProp,n=e.name,o=e.value,i=e.block,l=e.preset_value,c=e.label,u=e.size,s=e.style,f=Object(r.useContext)(Rt),d=f.fields.find((function(e){return e.name===n})),p=d.preset_options,m=d&&"Bool"===d.type.name,h=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.fields.find((function(t){return t.name===e.target.value}));n&&"Bool"===n.type.name&&t((function(e){return e.value="on"})),t((function(e){return e.preset_value=""}))}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Value")),a.a.createElement("td",null,m?a.a.createElement("select",{value:o,className:"w-100 form-select",onChange:h("value")},a.a.createElement("option",{value:"on"},"True"),a.a.createElement("option",{value:"off"},"False"),a.a.createElement("option",{value:"?"},"Both")):a.a.createElement("input",{value:o,className:"w-100",onChange:h("value")}))),p&&p.length>0?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Preset")),a.a.createElement("td",null,a.a.createElement("select",{value:l,className:"form-control form-select",onChange:h("preset_value")},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Label")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"w-100",onChange:h("label")}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:u,onChange:h("size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block"),a.a.createElement("option",{value:"btn-block btn-sm"},"Small block")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:s,onChange:h("style")},a.a.createElement("option",{value:"primary"},"Primary"),a.a.createElement("option",{value:"secondary"},"Secondary"),a.a.createElement("option",{value:"success"},"Success"),a.a.createElement("option",{value:"danger"},"Danger"),a.a.createElement("option",{value:"warning"},"Warning"),a.a.createElement("option",{value:"info"},"Info"),a.a.createElement("option",{value:"light"},"Light"),a.a.createElement("option",{value:"dark"},"Dark")))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:i,setProp:t})))))},segment_type:"toggle_filter",column_type:"ToggleFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"value","preset_value","block","label","size","style"]}};var aa=function(e){var t=e.children,n=e.isFormula,r=e.title,o=e.shadow,i=e.noPadding,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("div",{className:"card ".concat(o?"shadow":""," builder ").concat(u?"selected-node":""),style:tr(l),ref:function(e){return f(d(e))}},r&&r.length>0&&a.a.createElement("div",{className:"card-header"},n.title?a.a.createElement("span",{className:"font-monospace"},"=",r):r),a.a.createElement("div",{className:"card-body ".concat(i?"p-0":"")},a.a.createElement("div",{className:"canvas"},t)))},oa=[{label:"Card title",name:"title",type:"String",canBeFormula:!0},{label:"URL",name:"url",type:"String",canBeFormula:!0},{label:"Shadow",name:"shadow",type:"Bool"},{label:"No padding",name:"noPadding",type:"Bool"},{name:"style",default:{}}];function ia(){return(ia=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function la(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}aa.craft={props:{title:"",url:"",shadow:!0,isFormula:{},style:{}},displayName:"Card",related:{settings:function(){var e=lt((function(e){var t={};return oa.forEach((function(n){t[n.name]=e.data.props[n.name]})),oa.some((function(e){return e.canBeFormula}))&&(t.isFormula=e.data.props.isFormula),t})),t=e.actions.setProp;return a.a.createElement(Xn,null,a.a.createElement("table",{className:"w-100",accordiontitle:"Card properties"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Card title",name:"title",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"URL",name:"url",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"Shadow",name:"shadow",type:"Bool"},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"No padding",name:"noPadding",type:"Bool"},node:e,setProp:t}))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"card",hasContents:!0,fields:oa}};var ca=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=la(e,["color","size"]);return a.a.createElement("svg",ia({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"}),a.a.createElement("path",{d:"M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"}))}));ca.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ca.defaultProps={color:"currentColor",size:"1em"};var ua=ca;function sa(){return(sa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function fa(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}var da=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=fa(e,["color","size"]);return a.a.createElement("svg",sa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"}),a.a.createElement("path",{d:"M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"}))}));da.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},da.defaultProps={color:"currentColor",size:"1em"};var pa=da;function ma(){return(ma=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ha(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}var va=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ha(e,["color","size"]);return a.a.createElement("svg",ma({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",rx:"1",transform:"matrix(1 0 0 -1 6 15)"}),a.a.createElement("path",{d:"M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z"}))}));va.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},va.defaultProps={color:"currentColor",size:"1em"};var ga=va;function ya(){return(ya=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ba(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}var wa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ba(e,["color","size"]);return a.a.createElement("svg",ya({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v10zM1 8a.5.5 0 0 0 .5.5H6v-1H1.5A.5.5 0 0 0 1 8zm14 0a.5.5 0 0 1-.5.5H10v-1h4.5a.5.5 0 0 1 .5.5z"}))}));wa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},wa.defaultProps={color:"currentColor",size:"1em"};var Ea=wa;function xa(){return(xa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ka(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}var _a=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ka(e,["color","size"]);return a.a.createElement("svg",xa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",x:"6",y:"1",rx:"1"}),a.a.createElement("path",{d:"M1.5 14a.5.5 0 0 0 0 1v-1zm13 1a.5.5 0 0 0 0-1v1zm-13 0h13v-1h-13v1z"}))}));_a.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},_a.defaultProps={color:"currentColor",size:"1em"};var Oa=_a;function Sa(){return(Sa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ca(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}var ja=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ca(e,["color","size"]);return a.a.createElement("svg",Sa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"}),a.a.createElement("path",{d:"M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z"}))}));ja.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ja.defaultProps={color:"currentColor",size:"1em"};var Pa=ja;function Na(){return(Na=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ta(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}var Aa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ta(e,["color","size"]);return a.a.createElement("svg",Na({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1zm0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5zM2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z"}))}));Aa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Aa.defaultProps={color:"currentColor",size:"1em"};var Ra=Aa;function Ia(){return(Ia=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function za(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}var Ma=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=za(e,["color","size"]);return a.a.createElement("svg",Ia({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"}),a.a.createElement("path",{d:"M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7z"}))}));Ma.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ma.defaultProps={color:"currentColor",size:"1em"};var Fa=Ma;function La(){return(La=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Da(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}var Ua=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Da(e,["color","size"]);return a.a.createElement("svg",La({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"}),a.a.createElement("path",{d:"M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z"}))}));Ua.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ua.defaultProps={color:"currentColor",size:"1em"};var qa=Ua;function Ba(){return(Ba=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ha(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}var Wa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ha(e,["color","size"]);return a.a.createElement("svg",Ba({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"}),a.a.createElement("path",{d:"M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"}))}));Wa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Wa.defaultProps={color:"currentColor",size:"1em"};var Va=Wa;function $a(){return($a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ka(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}var Ya=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ka(e,["color","size"]);return a.a.createElement("svg",$a({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"}),a.a.createElement("path",{d:"M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"}))}));Ya.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ya.defaultProps={color:"currentColor",size:"1em"};var Ga=Ya;function Qa(){return(Qa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Xa(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}var Ja=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Xa(e,["color","size"]);return a.a.createElement("svg",Qa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 4.5a7 7 0 0 0-7 7 .5.5 0 0 1-1 0 8 8 0 1 1 16 0 .5.5 0 0 1-1 0 7 7 0 0 0-7-7zm0 2a5 5 0 0 0-5 5 .5.5 0 0 1-1 0 6 6 0 1 1 12 0 .5.5 0 0 1-1 0 5 5 0 0 0-5-5zm0 2a3 3 0 0 0-3 3 .5.5 0 0 1-1 0 4 4 0 1 1 8 0 .5.5 0 0 1-1 0 3 3 0 0 0-3-3zm0 2a1 1 0 0 0-1 1 .5.5 0 0 1-1 0 2 2 0 1 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-1-1z"}))}));Ja.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ja.defaultProps={color:"currentColor",size:"1em"};var Za=Ja;function eo(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 to(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eo(Object(n),!0).forEach((function(t){no(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function no(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ro=function(e){var t,n=e.children,r=e.minHeight,o=e.height,i=e.width,l=e.minHeightUnit,c=e.heightUnit,u=e.widthUnit,s=e.vAlign,f=e.hAlign,d=e.bgFileId,p=e.imageSize,m=e.bgType,h=e.display,v=e.bgColor,g=e.setTextColor,y=e.textColor,b=e.customClass,w=e.customCSS,E=(e.margin,e.padding,e.minScreenWidth,e.gradStartColor),x=e.gradEndColor,k=e.gradDirection,_=e.rotate,O=e.style,S=e.htmlElement,C=lt((function(e){return{selected:e.events.selected}})),j=C.selected,P=C.connectors,N=P.connect,T=P.drag;return a.a.createElement(S,{ref:function(e){return N(T(e))},className:"".concat(b||""," canvas text-").concat(f," ").concat("middle"===s?"d-flex align-items-center":""," ").concat("middle"===s&&"center"===f&&"justify-content-center"," ").concat(j?"selected-node":""),style:to(to(to(to(to(to(to(to(to({},(t=w||"",(t||"").split("\n").join("").split(";").filter((function(e){return e.split(":")[0]&&e.split(":")[1]})).map((function(e){return[e.split(":")[0].trim().replace(/-./g,(function(e){return e.substr(1).toUpperCase()})),e.split(":")[1].trim()]})).reduce((function(e,t){return Fn(Fn({},e),{},Ln({},t[0],t[1]))}),{}))),tr(O)),{},{display:h,minHeight:r?"".concat(r).concat(l||"px"):null},"Image"===m&&d&&+d?{backgroundImage:"url('/files/serve/".concat(d,"')"),backgroundSize:"repeat"===p?void 0:p||"contain",backgroundRepeat:"repeat"===p?p:"no-repeat"}:{}),"Color"===m?{backgroundColor:v}:{}),"Gradient"===m?{backgroundImage:"linear-gradient(".concat(k||0,"deg, ").concat(E,", ").concat(x,")")}:{}),g?{color:y}:{}),void 0!==o?{height:"".concat(o).concat(c||"px")}:{}),void 0!==i?{width:"".concat(i).concat(u||"px")}:{}),_?{transform:"rotate(".concat(_,"deg)")}:{})},n)};ro.craft={displayName:"Container",props:{minHeight:0,vAlign:"top",hAlign:"left",bgFileId:0,rotate:0,isFormula:{},bgType:"None",fullPageWidth:!1,bgColor:"#ffffff",borderColor:"#000000",setTextColor:!1,textColor:"#ffffff",gradStartColor:"#ff8888",gradEndColor:"#88ff88",gradDirection:"0",imageSize:"contain",showIfFormula:"",showForRole:[],margin:[0,0,0,0],padding:[0,0,0,0],minScreenWidth:"",display:"block",show_for_owner:!1,style:{},htmlElement:"div"},rules:{canDrag:function(){return!0}},related:{settings:function(){var e=lt((function(e){return{minHeight:e.data.props.minHeight,height:e.data.props.height,width:e.data.props.width,minHeightUnit:e.data.props.minHeightUnit,heightUnit:e.data.props.heightUnit,widthUnit:e.data.props.widthUnit,bgType:e.data.props.bgType,bgColor:e.data.props.bgColor,isFormula:e.data.props.isFormula,bgFileId:e.data.props.bgFileId,imageSize:e.data.props.imageSize,htmlElement:e.data.props.htmlElement,vAlign:e.data.props.vAlign,hAlign:e.data.props.hAlign,fullPageWidth:e.data.props.fullPageWidth,showIfFormula:e.data.props.showIfFormula,setTextColor:e.data.props.setTextColor,showForRole:e.data.props.showForRole,textColor:e.data.props.textColor,customClass:e.data.props.customClass,customCSS:e.data.props.customCSS,minScreenWidth:e.data.props.minScreenWidth,maxScreenWidth:e.data.props.maxScreenWidth,show_for_owner:e.data.props.show_for_owner,margin:e.data.props.margin,padding:e.data.props.padding,url:e.data.props.url,hoverColor:e.data.props.hoverColor,gradStartColor:e.data.props.gradStartColor,gradEndColor:e.data.props.gradEndColor,gradDirection:e.data.props.gradDirection,overflow:e.data.props.overflow,rotate:e.data.props.rotate,display:e.data.props.display,style:e.data.props.style,imgResponsiveWidths:e.data.props.imgResponsiveWidths}})),t=e.actions.setProp,n=e.bgFileId,o=e.imageSize,i=e.bgType,l=e.display,c=e.bgColor,u=e.setTextColor,s=e.textColor,f=e.showIfFormula,d=e.isFormula,p=e.showForRole,m=e.customClass,h=e.customCSS,v=e.minScreenWidth,g=e.maxScreenWidth,y=e.show_for_owner,b=(e.margin,e.padding,e.url),w=e.hoverColor,E=e.gradStartColor,x=e.gradEndColor,k=e.gradDirection,_=e.fullPageWidth,O=(e.overflow,e.htmlElement,e.imgResponsiveWidths),S=Object(r.useContext)(Rt),C=Object(r.useContext)(Sr).uploadedFiles,j=!!S.ownership,P=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e})),a.a.createElement("table",{className:"w-100",accordiontitle:"Display"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"display",label:"Display",type:"select",options:["block","inline","inline-block","none","flex","inline-flex"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"htmlElement",label:"HTML element",type:"select",options:["div","span","article","section","header","nav","main","aside","footer"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"overflow",label:"Overflow",type:"btn_select",options:[{value:"visible",title:"Visible",label:a.a.createElement(ua,null)},{value:"hidden",title:"Hidden",label:a.a.createElement(pa,null)},{value:"scroll",title:"Scroll",label:a.a.createElement(Yt,{icon:on})},{value:"auto",title:"Auto",label:a.a.createElement(Yt,{icon:an})}]},node:e,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:_,onChange:function(e){return t((function(t){return t.fullPageWidth=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Expand to full page width")))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Contents"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"rotate",label:"Rotate °",type:"Integer"},node:e,setProp:t}),a.a.createElement(cr,{title:"Align"}),a.a.createElement(ur,{field:{name:"vAlign",label:"Vertical",type:"btn_select",options:[{value:"top",title:"All",label:a.a.createElement(ga,null)},{value:"middle",title:"All",label:a.a.createElement(Ea,null)},{value:"bottom",title:"All",label:a.a.createElement(Oa,null)}]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"hAlign",label:"Horizontal",type:"btn_select",options:[{value:"left",title:"Left",label:a.a.createElement(Pa,null)},{value:"center",title:"Center",label:a.a.createElement(Ra,null)},{value:"right",title:"Right",label:a.a.createElement(Fa,null)}]},node:e,setProp:t}),a.a.createElement(cr,{title:"Background"}),a.a.createElement(ur,{field:{name:"bgType",label:"Type",type:"btn_select",options:[{value:"None",label:a.a.createElement(qa,null)},{value:"Image",label:a.a.createElement(Va,null)},{value:"Color",label:a.a.createElement(Ga,null)},{value:"Gradient",label:a.a.createElement(Za,null)}]},node:e,setProp:t,onChange:function(e){return t((function(e){e.bgFileId=e.bgFileId||S.images.length+C.length>0&&S.images[0].id}))}}),"Gradient"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,"Start"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"gradStartColor",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"color",value:E,className:"form-control-sm w-50",onChange:P("gradStartColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"End"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"gradEndColor",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"color",value:x,className:"form-control-sm w-50",onChange:P("gradEndColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"Direction (°)"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"gradDirection",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"number",min:"0",max:"360",value:k,className:"form-control-sm w-50",onChange:P("gradDirection")}))))),"Image"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control-sm w-100 form-select",onChange:P("bgFileId")},S.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(C||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))," "))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control-sm form-select",onChange:P("imageSize")},a.a.createElement("option",null,"contain"),a.a.createElement("option",null,"cover"),a.a.createElement("option",null,"repeat")))),"repeat"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Responsive widths")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",value:O,className:"form-control",onChange:P("imgResponsiveWidths")}),a.a.createElement("small",null,a.a.createElement("i",null,"List of widths to serve resized images, e.g. 300, 400, 600"))))),"Color"===i&&a.a.createElement("tr",null,a.a.createElement("td",null,"Color"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"bgColor",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"color",value:c,className:"form-control-sm w-50",onChange:P("bgColor")})))),a.a.createElement(cr,{title:"Typography"}),a.a.createElement(ur,{field:{name:"font-family",label:"Font family",type:"Font"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Set text color",a.a.createElement("input",{name:"setTextColor",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.setTextColor=e.target.checked}))}})))),u&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:s,className:"form-control-sm",onChange:P("textColor")}))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Flex properties"},a.a.createElement("tbody",null,a.a.createElement(cr,{title:"Flex item"}),a.a.createElement(ur,{field:{name:"flex-grow",label:"Grow",type:"Float"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-shrink",label:"Shrink",type:"Float"},node:e,setProp:t,isStyle:!0}),l&&l.includes("flex")&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:"Flex container"}),a.a.createElement(ur,{field:{name:"flex-direction",label:"Direction",type:"select",options:["row","row-reverse","column","column-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-wrap",label:"Wrap",type:"select",options:["nowrap","wrap","wrap-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"justify-content",label:"Justify content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","start","end","left","right"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-items",label:"Align items",type:"select",options:["stretch","flex-start","flex-end","center","baseline","first baseline","last baseline","start","end","self-start","self-end"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-content",label:"Align content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline","first baseline","last baseline"]},node:e,setProp:t,isStyle:!0})))),a.a.createElement("table",{className:"w-100",accordiontitle:"Show if..."},a.a.createElement("tbody",null,["show","edit"].includes(S.mode)&&a.a.createElement(cr,{title:"Formula - show if true"}),["show","edit"].includes(S.mode)&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:f,onChange:P("showIfFormula")}),a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))),a.a.createElement(cr,{title:"Role"}),S.roles.map((function(e){var n=e.role,r=e.id;return a.a.createElement("tr",{key:r},a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:void 0===p[r]||p[r],onChange:function(e){return t((function(t){t.showForRole&&0!==t.showForRole.length||S.roles.forEach((function(e){return t.showForRole[e.id]=!0})),t.showForRole[r]=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},n))))})),j?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:y,onChange:function(e){return t((function(t){return t.show_for_owner=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Owner")))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Min screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:v,className:"form-control form-select",onChange:P("minScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"sm"},"small"),a.a.createElement("option",{value:"md"},"medium"),a.a.createElement("option",{value:"lg"},"large"),a.a.createElement("option",{value:"xl"},"x-large")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Max screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:g,className:"form-control form-select",onChange:P("maxScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"md"},"small"),a.a.createElement("option",{value:"lg"},"medium"),a.a.createElement("option",{value:"xl"},"large")))))),a.a.createElement("div",{accordiontitle:"Container link"},a.a.createElement("label",null,"URL"),a.a.createElement($n,{nodekey:"url",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:b,onChange:P("url")})),a.a.createElement("label",null,"Hover color"),a.a.createElement("select",{value:w,className:"form-control form-select",onChange:P("hoverColor")},a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"gray"},"gray"),a.a.createElement("option",{value:"gray-dark"},"gray-dark"),a.a.createElement("option",{value:"light"},"light"),a.a.createElement("option",{value:"dark"},"dark"))),a.a.createElement("div",{accordiontitle:"Custom class/CSS"},a.a.createElement("div",null,a.a.createElement("label",null,"Custom class")),a.a.createElement($n,{nodekey:"customClass",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:m,onChange:P("customClass")})),a.a.createElement("div",null,a.a.createElement("label",null,"Custom CSS")),a.a.createElement("textarea",{rows:"4",type:"text",className:"text-to-display form-control",value:h,onChange:P("customCSS")})))}}};var ao=function(e){e.name;var t=e.view,n=e.configuration,o=e.state,i=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),l=i.selected,c=i.node_id,u=i.connectors,s=u.connect,f=u.drag,d=Object(r.useContext)(Rt),p=d.views.find((function(e){return e.name===t})),m=p?p.label:t,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[c];return Object(r.useEffect)((function(){!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Fn(Fn({},e),n),a=r.node_id,o=r.options,i=r.view,l=r.setPreviews,c=r.configuration,u=c?Fn({},c):{};if(i.includes(":")){var s=i.split(":"),f=Dn(s,2),d=f[0],p=f[1],m=p.split("."),h=Dn(m,1),v=h[0];t=v,u.reltype=d,u.path=p}else t=i;Jn({options:o,node_id:a,setPreviews:l,url:"/view/".concat(t,"/preview"),body:u,isView:!0})}}({options:d,view:t,setPreviews:g,configuration:n,node_id:c})()}),[t,n,o]),a.a.createElement("div",{ref:function(e){return s(f(e))},className:"".concat(y?"":"builder-embed-view"," text-center ").concat(l?"selected-node":"")},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"View: ".concat(m))};function oo(){return(oo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}ao.craft={displayName:"View",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,view:e.data.props.view,state:e.data.props.state,extra_state_fml:e.data.props.extra_state_fml,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=(t.name,t.view),i=t.state,l=(t.node_id,t.configuration),c=t.extra_state_fml,u=Object(r.useContext)(Rt),s=u.views,f=u.fixed_state_fields&&u.fixed_state_fields[o];Object(r.useContext)(Sr).setPreviews;return a.a.createElement("div",null,a.a.createElement("div",null,a.a.createElement("label",null,"View to ","show"===u.mode?"embed":"show"),a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.view=e.target.value}))}},s.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label||e.name)})))),"page"===u.mode&&a.a.createElement(r.Fragment,null,a.a.createElement("div",null,a.a.createElement("label",null,"State"),a.a.createElement("select",{value:i,className:"form-control form-select",onChange:(e="state",function(t){if(t.target){var r=t.target.value;n((function(t){return t[e]=r}))}})},a.a.createElement("option",{value:"shared"},"Shared"),a.a.createElement("option",{value:"fixed"},"Fixed"))),"fixed"===i&&f&&f.length>0&&a.a.createElement(r.Fragment,null,a.a.createElement("h6",null,"View state fields"),a.a.createElement(ar,{fields:f,configuration:l||{},setProp:n,node:t}))),("shared"===i||"page"===u.mode)&&a.a.createElement(r.Fragment,null," ",a.a.createElement("label",null,"Extra state Formula"),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:c,onChange:function(e){return n((function(t){return t.extra_state_fml=e.target.value}))}})),o?a.a.createElement("a",{className:"d-block mt-2",target:"_blank",href:"/viewedit/config/".concat(o)},"Configure this view"):null)}}};var io=function(e){var t=e.text,n=e.block,r=e.isFormula,o=e.textStyle,i=e.link_style,l=e.link_size,c=e.link_icon,u=e.link_bgcol,s=e.link_bordercol,f=e.link_textcol,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag;return a.a.createElement("span",oo({className:"".concat(o," is-builder-link ").concat(p?"selected-node":""," ").concat(r.text?"font-monospace":""," ").concat(i," ").concat(l)},Hn(n),{ref:function(e){return h(v(e))},style:"btn btn-custom-color"===i?{backgroundColor:u||"#000000",borderColor:s||"#000000",color:f||"#000000"}:{}}),a.a.createElement(Bn,{icon:c,className:"me-1"}),r.text?"=".concat(t):t)};function lo(){return(lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function co(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}io.craft={defaultProps:{text:"Click here",url:"https://saltcorn.com/",block:!1,nofollow:!1,target_blank:!1,isFormula:{},textStyle:"",link_src:"URL"},displayName:"Link",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,url:e.data.props.url,block:e.data.props.block,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,nofollow:e.data.props.nofollow,in_modal:e.data.props.in_modal,link_src:e.data.props.link_src,target_blank:e.data.props.target_blank,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol}})),t=e.actions.setProp,n=e.text,o=e.url,i=e.block,l=e.isFormula,c=e.textStyle,u=e.nofollow,s=e.target_blank,f=e.link_src,d=e.in_modal,p=Object(r.useContext)(Rt),m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text to display")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"text",setProp:t,isFormula:l,node:e},a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n,onChange:m("text")})))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Link source")),a.a.createElement("td",null,a.a.createElement("select",{value:f,className:"form-control form-select",onChange:function(e){return t((function(t){t.link_src=e.target.value,"URL"!==e.target.value&&(t.isFormula.url=!1)}))}},a.a.createElement("option",null,"URL"),(p.pages||[]).length>0&&a.a.createElement("option",null,"Page"),(p.views||[]).length>0&&"page"===p.mode&&a.a.createElement("option",null,"View")))),"URL"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"url",setProp:t,isFormula:l,node:e},a.a.createElement("input",{type:"text",className:"form-control ",value:o,onChange:m("url")})))),"Page"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Page")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:m("url")},a.a.createElement("option",null),(p.pages||[]).map((function(e){return a.a.createElement("option",{value:"/page/".concat(e.name)},e.name)}))))),"View"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"View")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:m("url")},a.a.createElement("option",null),(p.views||[]).map((function(e){return a.a.createElement("option",{value:"/view/".concat(e.name)},e.name," [",e.viewtemplate,"]")}))))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.nofollow=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Nofollow")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:s,onChange:function(e){return t((function(t){return t.target_blank=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in new tab")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:d,onChange:function(e){return t((function(t){return t.in_modal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Wn,{block:i,setProp:t}),a.a.createElement(Gn,{textStyle:c,setProp:t}))},segment_type:"link",fields:[{name:"text",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"link_src",default:"URL"},"block","nofollow","target_blank","textStyle","link_size","link_icon","link_style","link_bgcol","link_bordercol","link_textcol","in_modal"]}};var uo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=co(e,["color","size"]);return a.a.createElement("svg",lo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),a.a.createElement("path",{d:"M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"}))}));uo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},uo.defaultProps={color:"currentColor",size:"1em"};var so=uo;function fo(){return(fo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function po(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}var mo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=po(e,["color","size"]);return a.a.createElement("svg",fo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm6 3h4V5H6v4zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1z"}))}));mo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},mo.defaultProps={color:"currentColor",size:"1em"};var ho=mo;function vo(){return(vo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function go(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}var yo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=go(e,["color","size"]);return a.a.createElement("svg",vo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"}))}));yo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},yo.defaultProps={color:"currentColor",size:"1em"};var bo=yo;function wo(){return(wo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Eo(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}var xo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Eo(e,["color","size"]);return a.a.createElement("svg",wo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zm-6 8A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm6 0A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1z"}))}));xo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},xo.defaultProps={color:"currentColor",size:"1em"};var ko=xo,_o=function(e){var t=e.children,n=e.connectors,r=e.icon,o=e.icons,i=e.text,l=e.fontSize,c=e.title,u=e.innerClass,s=e.bold,f=e.label,d=e.disable;return a.a.createElement("div",{className:"".concat(d?"text-muted":""," d-inline-flex wrap-builder-elem align-items-center justify-content-center"),title:c,ref:d?void 0:function(e){return n.create(e,t)}},a.a.createElement("div",{className:"inner ".concat(u||""),style:l?{fontSize:l}:{}},i&&(s?a.a.createElement("strong",null,i):i)||o&&o.map((function(e,t){return a.a.createElement("i",{key:t,className:"".concat(e)})}))||("string"==typeof r?a.a.createElement("i",{className:"fa-lg ".concat(r)}):r)),a.a.createElement("label",null,f))},Oo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(so,{className:"mb-2"}),fontSize:"22px",title:"Text",bold:!0,label:"Text"},a.a.createElement(Or,{text:"Hello world",block:!1,textStyle:""}))},So=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,innerClass:"mt-m1px",icon:"fas fa-columns",title:"Split into columns",label:"Columns"},a.a.createElement(Sn,{contents:[]}))},Co=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(ho,{className:"mb-2 h4"}),title:"Tabbed content",label:"Tabs"},a.a.createElement(Gr,{contents:[]}))},jo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,text:"↵",fontSize:"26px",title:"Line break",label:"Break"},a.a.createElement(Ar,null))},Po=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"fas fa-code",title:"HTML code",label:"Code"},a.a.createElement(Lr,{text:""}))},No=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,title:"Card",icon:"far fa-square",label:"Card"},a.a.createElement(mt,{canvas:!0,is:aa,isFormula:{},url:""}))},To=function(e){var t=e.connectors,n=e.images;return a.a.createElement(_o,{connectors:t,icon:"fas fa-image",title:"Image",label:"Image"},a.a.createElement(Wr,{fileid:n.length>0?n[0].id:0}))},Ao=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"fas fa-link",title:"Link",label:"Link"},a.a.createElement(io,null))},Ro=function(e){var t=e.connectors,n=e.views;return a.a.createElement(_o,{connectors:t,icon:"fas fa-eye",title:"Embed a view",label:"View",disable:0===n.length},a.a.createElement(ao,{name:"not_assigned",state:"shared",view:n.length>0?n[0].name:"view"}))},Io=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"fas fa-search",title:"Search bar",label:"Search"},a.a.createElement(Fr,null))},zo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(bo,{className:"mb-2 h5"}),title:"Container",label:"Contain"},a.a.createElement(mt,{canvas:!0,is:ro}))},Mo=function(e){var t=e.connectors,n=e.fields,r=e.field_view_options;return a.a.createElement(_o,{connectors:t,icon:"fas fa-asterisk",title:"Field",label:"Field"},a.a.createElement(Cr,{name:n[0].name,block:!1,textStyle:"",configuration:{},fieldview:n[0].is_fkey?"":r[n[0].name][0]}))},Fo=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(_o,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown filter",label:"Select"},a.a.createElement(Jr,{name:n[0].name,block:!1,neutral_label:"",full_width:!1}))},Lo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown menu",label:"DropMenu"},a.a.createElement(mt,{canvas:!0,is:ta}))},Do=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(_o,{connectors:t,icon:"fas fa-toggle-on",title:"Toggle filter",label:"Toggle"},a.a.createElement(ra,{name:n[0].name,value:"",label:"",block:!1}))},Uo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(ko,{className:"mb-2 h5"}),title:"Join field",label:"Join",disable:0===n.parent_field_list.length},a.a.createElement(Pr,{name:n.parent_field_list[0],configuration:{},textStyle:"",block:!1}))},qo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(_o,{connectors:t,icons:["fas fa-eye","fas fa-link"],title:"Link to a view",label:"ViewLink",disable:0===n.link_view_opts.length},a.a.createElement(Ir,{name:n.link_view_opts.length>0?n.link_view_opts[0].name:"",block:!1,minRole:10,label:""}))},Bo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(_o,{connectors:t,label:"Action",icon:"fas fa-running",title:"Action button"},a.a.createElement(Ur,{name:n.actions[0],block:!1,minRole:10,confirm:!1,action_label:"",isFormula:{},rndid:"not_assigned",configuration:{}}))},Ho=function(e){var t,n,r=e.connectors,o=e.child_field_list,i=e.agg_field_opts;return a.a.createElement(_o,{connectors:r,text:"∑",title:"Aggregation",label:"Aggreg8",bold:!0,fontSize:"16px",disable:0===o.length},a.a.createElement(Tr,{agg_relation:o[0],agg_field:(t=i[o[0]],n="",t&&t.length>0?t[0]:n),stat:"Count",textStyle:"",aggwhere:"",block:!1}))},Wo=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.child_field_list,c=n.agg_field_opts,u=n.views,s=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Uo,{connectors:t,options:n}),a.a.createElement(qo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Bo,{connectors:t,options:n}),a.a.createElement(Ao,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ho,{connectors:t,child_field_list:l,agg_field_opts:c}),a.a.createElement(Ro,{connectors:t,views:u})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(zo,{connectors:t}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(To,{connectors:t,images:s})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(Lo,{connectors:t})))},Vo=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.views,l=n.field_view_options;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t,fields:o,field_view_options:l}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t,fields:o}),a.a.createElement(Do,{connectors:t,fields:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(Bo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(zo,{connectors:t}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(Ro,{connectors:t,views:i})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t})))},$o=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.images,c=n.views;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Bo,{connectors:t,options:n}),a.a.createElement(zo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(No,{connectors:t}),a.a.createElement(Co,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(To,{connectors:t,images:l})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(Ro,{connectors:t,views:c})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Uo,{connectors:t,options:n}),a.a.createElement(Lo,{connectors:t})))},Ko=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.views,i=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(jo,{connectors:t}),a.a.createElement(Po,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(No,{connectors:t}),a.a.createElement(To,{connectors:t,images:i})," "),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(Ro,{connectors:t,views:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(Bo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(zo,{connectors:t}),a.a.createElement(Co,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t})))};function Yo(){return(Yo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Go(e){return function(e){if(Array.isArray(e))return Qo(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Qo(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 Qo(e,t)}(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 Qo(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 Xo=function(e){if(!e.widths)return kn(e.besides.length-1,(function(){return 12/e.besides.length}));var t=Go(e.widths);return t.pop(),t},Jo=function(e){return kn(e.besides.length,(function(){return e.breakpoint||""}))},Zo=[Or,Qr,Sn,Pr,Cr,Ir,Ur,Lr,Ar,Tr,aa,Wr,io,ao,Fr,ro,Jr,Gr,ra,ta],ei=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ROOT";function o(e,t){if(!e)return a.a.createElement(Qr,{key:t});var n=Zo.find((function(t){return t.craft.related&&t.craft.related.fields&&t.craft.related.segment_type&&t.craft.related.segment_type==e.type&&(!t.craft.related.segment_match||t.craft.related.segment_match(e))}));if(n){var r=n.craft.related,i={};return r.fields.forEach((function(t){var n=e[t.segment_name||t.name||t];i[t.name||t]=void 0===n?t.default:n})),r.fields.some((function(e){return e.canBeFormula}))&&(i.isFormula=e.isFormula),r.hasContents?a.a.createElement(mt,Yo({key:t,canvas:!0},i,{is:n}),o(e.contents)):a.a.createElement(n,Yo({key:t},i))}return"blank"===e.type?a.a.createElement(Or,{key:t,text:e.contents,isFormula:e.isFormula||{},block:e.block||!1,inline:e.inline||!1,textStyle:e.textStyle||"",labelFor:e.labelFor||"",style:e.style||{},icon:e.icon,font:e.font||""}):"view"===e.type?a.a.createElement(ao,{key:t,view:e.view,name:e.name,state:e.state,extra_state_fml:e.extra_state_fml,configuration:e.configuration||{}}):"action"===e.type?a.a.createElement(Ur,{key:t,name:e.action_name,rndid:e.rndid||"not_assigned",action_label:e.action_label||"",action_style:e.action_style||"btn-primary",action_size:e.action_size||"",action_icon:e.action_icon||"",action_bgcol:e.action_bgcol||"",action_bordercol:e.action_bordercol||"",action_textcol:e.action_textcol||"",confirm:e.confirm,configuration:e.configuration||{},block:e.block||!1,minRole:e.minRole||10,isFormula:e.isFormula||{}}):"container"===e.type?a.a.createElement(mt,{key:t,canvas:!0,gradStartColor:e.gradStartColor,gradEndColor:e.gradEndColor,gradDirection:e.gradDirection,rotate:e.rotate||0,customClass:e.customClass,customCSS:e.customCSS,overflow:e.overflow,margin:e.margin||[0,0,0,0],padding:e.padding||[0,0,0,0],minHeight:e.minHeight,height:e.height,width:e.width,url:e.url,hoverColor:e.hoverColor,minHeightUnit:e.minHeightUnit||"px",heightUnit:e.heightUnit||"px",widthUnit:e.widthUnit||"px",vAlign:e.vAlign,hAlign:e.hAlign,htmlElement:e.htmlElement||"div",display:e.display||(!0===e.block?"block":!1===e.block?"inline-block":"block"),fullPageWidth:void 0!==e.fullPageWidth&&e.fullPageWidth,bgFileId:e.bgFileId,imageSize:e.imageSize||"contain",imgResponsiveWidths:e.imgResponsiveWidths,bgType:e.bgType||"None",style:e.style||{},bgColor:e.bgColor||"#ffffff",setTextColor:!!e.setTextColor,textColor:e.textColor||"#000000",isFormula:e.isFormula||{},showIfFormula:e.showIfFormula||"",showForRole:e.showForRole||[],minScreenWidth:e.minScreenWidth||"",maxScreenWidth:e.maxScreenWidth||"",show_for_owner:!!e.show_for_owner,is:ro},o(e.contents)):"tabs"===e.type?a.a.createElement(Gr,{key:t,titles:e.titles,ntabs:e.ntabs,independent:e.independent,deeplink:e.deeplink,field:e.field,tabsStyle:e.tabsStyle,contents:e.contents.map(o)}):e.besides?a.a.createElement(Sn,{key:t,breakpoints:e.breakpoints||Jo(e),ncols:e.besides.length,widths:Xo(e),style:e.style||{},contents:e.besides.map(o)}):e.above?e.above.map((function(e,t){return o(e,t)})):void 0}function i(e,r){if(e)if(e.above)e.above.forEach((function(e){e&&i(e,r)}));else if(e.besides){var l=t.parseReactElement(a.a.createElement(Sn,{widths:Xo(e),breakpoints:e.breakpoints||Jo(e),ncols:e.besides.length,style:e.style||{},contents:e.besides.map(o)})).toNodeTree();n.addNodeTree(l,r)}else{var c=o(e);if(c){var u=t.parseReactElement(c).toNodeTree();n.addNodeTree(u,r)}}}i(e,r)},ti=function(){return Math.floor(16777215*Math.random()).toString(16)},ni=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ROOT",n=[],r=function(t){return t.nodes&&0!=t.nodes.length?1==t.nodes.length?a(e[t.nodes[0]]):{above:t.nodes.map((function(t){return a(e[t])}))}:void 0},a=function t(a){var o=Zo.find((function(e){return e.craft.related&&a.displayName===e.craft.displayName&&e.craft.related.fields&&e.craft.related.segment_type}));if(o){var i=o.craft.related,l={type:i.segment_type};if(i.hasContents&&(l.contents=r(a)),i.fields.forEach((function(e){l[e.segment_name||e.name||e]=a.props[e.name||e]})),i.fields.some((function(e){return e.canBeFormula}))&&(l.isFormula=a.props.isFormula),i.segment_vars&&Object.assign(l,i.segment_vars),i.column_type){var c={type:i.column_type};i.fields.forEach((function(e){c[e.column_name||e.name||e]=a.props[e.name||e]})),n.push(c)}return l}if(a.isCanvas)return a.displayName===ro.craft.displayName?{contents:r(a),type:"container",customCSS:a.props.customCSS,customClass:a.props.customClass,minHeight:a.props.minHeight,height:a.props.height,width:a.props.width,url:a.props.url,hoverColor:a.props.hoverColor,minHeightUnit:a.props.minHeightUnit,heightUnit:a.props.heightUnit,widthUnit:a.props.widthUnit,vAlign:a.props.vAlign,hAlign:a.props.hAlign,htmlElement:a.props.htmlElement,margin:a.props.margin,padding:a.props.padding,overflow:a.props.overflow,display:a.props.display,fullPageWidth:a.props.fullPageWidth||!1,bgFileId:a.props.bgFileId,bgType:a.props.bgType,imageSize:a.props.imageSize,imgResponsiveWidths:a.props.imgResponsiveWidths,bgColor:a.props.bgColor,setTextColor:a.props.setTextColor,textColor:a.props.textColor,isFormula:a.props.isFormula,showIfFormula:a.props.showIfFormula,showForRole:a.props.showForRole,minScreenWidth:a.props.minScreenWidth,maxScreenWidth:a.props.maxScreenWidth,show_for_owner:a.props.show_for_owner,gradStartColor:a.props.gradStartColor,gradEndColor:a.props.gradEndColor,gradDirection:a.props.gradDirection,rotate:a.props.rotate,style:a.props.style}:r(a);if(a.displayName===Or.craft.displayName)return{type:"blank",contents:a.props.text,block:a.props.block,inline:a.props.inline,textStyle:a.props.textStyle,isFormula:a.props.isFormula,labelFor:a.props.labelFor,style:a.props.style,icon:a.props.icon,font:a.props.font};if(a.displayName===Sn.craft.displayName){var u=[].concat(Go(a.props.widths),[12-_n(a.props.widths)]);return{besides:u.map((function(n,r){return t(e[a.linkedNodes["Col"+r]])})),breakpoints:a.props.breakpoints,style:a.props.style,widths:u}}if(a.displayName===Gr.craft.displayName)return{type:"tabs",contents:kn(a.props.ntabs,(function(n){return t(e[a.linkedNodes["Tab"+n]])})),titles:a.props.titles,tabsStyle:a.props.tabsStyle,field:a.props.field,independent:a.props.independent,deeplink:a.props.deeplink,ntabs:a.props.ntabs};if(a.displayName===ao.craft.displayName)return{type:"view",view:a.props.view,name:"not_assigned"===a.props.name?ti():a.props.name,state:a.props.state,configuration:a.props.configuration,extra_state_fml:a.props.extra_state_fml};if(a.displayName===Ur.craft.displayName){var s=ti();return n.push({type:"Action",action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,confirm:a.props.confirm,configuration:a.props.configuration,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}),{type:"action",block:a.props.block,configuration:a.props.configuration,confirm:a.props.confirm,action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}}},o=a(e[t])||{type:"blank",contents:""};return{columns:n,layout:o}},ri=n(7),ai=function(e,t){return(ai=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)},oi=function(){return(oi=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 ii(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 li(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var ci=a.a.createContext({}),ui=Object(r.createContext)({});function si(e){return Pe(Object(r.useContext)(ui).store,e)}function fi(e){var t=Object(r.useContext)(ci),n=t.id,a=t.depth,o=t.connectors,i=si((function(t){return n&&t.layers[n]&&e&&e(t.layers[n])})),l=i.actions,c=ii(i,["actions"]),u=bt((function(e,t){return{children:e.nodes[n]&&t.node(n).descendants()}})).children,s=Object(r.useMemo)((function(){return{toggleLayer:function(){return l.toggleLayer(n)}}}),[l,n]);return oi({id:n,depth:a,children:u,actions:s,connectors:o},c)}var di=function(){var e=fi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,o=e.children,i=e.expanded,l=bt((function(e,n){return{data:e.nodes[t]&&e.nodes[t].data,shouldBeExpanded:e.events.selected&&n.node(e.events.selected).ancestors(!0).includes(t)}})),c=l.data,u=l.shouldBeExpanded,s=si((function(e){return{renderLayer:e.options.renderLayer,expandRootOnLoad:e.options.expandRootOnLoad}})),f=s.actions,d=f.registerLayer,p=f.toggleLayer,m=s.renderLayer,h=s.expandRootOnLoad,v=Object(r.useState)(!1),g=v[0],y=v[1];Object(r.useLayoutEffect)((function(){d(t),y(!0)}),[d,t]);var b=Object(r.useRef)(i);b.current=i;var w=Object(r.useRef)(h&&"ROOT"===t);return Object(r.useEffect)((function(){!b.current&&u&&p(t)}),[p,t,u]),Object(r.useEffect)((function(){w.current&&p(t)}),[p,t]),c&&g?a.a.createElement("div",{className:"craft-layer-node "+t},a.a.createElement(m,{},o&&i?o.map((function(e){return a.a.createElement(mi,{key:e,id:e,depth:n+1})})):null)):null},pi=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}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}ai(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.getLayer=function(e){return this.options.layerStore.getState().layers[e]},t.prototype.handlers=function(){var e=this,n=this.derived.options.store,r=this.options,a=r.layerStore,o=r.layerId;return{layer:function(r){var i=e.inherit((function(e){e.select(r,o),e.hover(r,o),e.drag(r,o),a.actions.setDOM(o,{dom:r})})),l=e.addCraftEventListener(r,"mouseover",(function(e){e.craft.stopPropagation(),a.actions.setLayerEvent("hovered",o)})),c=e.addCraftEventListener(r,"dragover",(function(r){r.craft.stopPropagation(),r.preventDefault();var o=t.events,i=o.indicator,l=o.currentCanvasHovered;if(l&&i&&l.data.nodes){var c=e.getLayer(l.id).headingDom.getBoundingClientRect();if(r.clientY>c.top+10&&r.clientY<c.bottom-10){var u=l.data.nodes[l.data.nodes.length-1];if(!u)return;t.events.indicator=oi(oi({},i),{placement:{currentNode:n.query.node(u).get(),index:l.data.nodes.length,where:"after",parent:l},onCanvas:!0}),a.actions.setIndicator(t.events.indicator)}}})),u=e.addCraftEventListener(r,"dragenter",(function(r){r.craft.stopPropagation(),r.preventDefault();var i=t.draggedElement;if(i){var l=n.query.getDropPlaceholder(i,o,{x:r.clientX,y:r.clientY},(function(t){var n=e.getLayer(t.id);return n&&n.dom}));if(l){var c=l.placement.parent,u=e.getLayer(c.id).headingDom.getBoundingClientRect();if(t.events.currentCanvasHovered=null,n.query.node(c.id).isCanvas()&&c.data.parent){var s=n.query.node(c.data.parent).get();n.query.node(s.id).isCanvas()&&(t.events.currentCanvasHovered=c,(r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded||r.clientY<u.top+10)&&(l.placement.parent=s,l.placement.currentNode=c,l.placement.index=s.data.nodes?s.data.nodes.indexOf(c.id):0,r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded?l.placement.where="after":r.clientY<u.top+10&&(l.placement.where="before")))}t.events.indicator=oi(oi({},l),{onCanvas:!1}),a.actions.setIndicator(t.events.indicator)}}}));return function(){i(),l(),c(),u()}},layerHeader:function(e){a.actions.setDOM(o,{headingDom:e})},drag:function(r){r.setAttribute("draggable","true");var i=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation(),t.draggedElement=o})),l=e.addCraftEventListener(r,"dragend",(function(e){e.craft.stopPropagation();var r=t.events;if(r.indicator&&!r.indicator.error){var o=r.indicator.placement;n.actions.move(t.draggedElement,o.parent.id,o.index+("after"===o.where?1:0))}t.draggedElement=null,t.events.indicator=null,a.actions.setIndicator(null)}));return function(){r.removeAttribute("draggable"),i(),l()}}}},t.events={indicator:null,currentCanvasHovered:null},t}(Xe),mi=function(e){var t=e.id,n=e.depth,o=Ge(),i=Object(r.useContext)(ui).store,l=Object(r.useRef)(i);l.current=i;var c=Object(r.useMemo)((function(){return o.derive(pi,{layerStore:l.current,layerId:t})}),[o,t]),u=Object(r.useMemo)((function(){return De(c.connectors)}),[c]);return bt((function(e){return{exists:!!e.nodes[t]}})).exists?a.a.createElement(ci.Provider,{value:{id:t,depth:n,connectors:u}},a.a.createElement(di,null)):null},hi=function(e){return{setLayerEvent:function(t,n){if(null===n||e.layers[n]){var r=e.events[t];r&&n!==r&&(e.layers[r].event[t]=!1),n?(e.layers[n].event[t]=!0,e.events[t]=n):e.events[t]=null}},registerLayer:function(t){e.layers[t]||(e.layers[t]={dom:null,headingDom:null,expanded:!1,id:t,event:{selected:!1,hovered:!1}})},setDOM:function(t,n){e.layers[t]=oi(oi(oi({},e.layers[t]),n.dom?{dom:n.dom}:{}),n.headingDom?{headingDom:n.headingDom}:{})},toggleLayer:function(t){e.layers[t].expanded=!e.layers[t].expanded},setIndicator:function(t){e.events.indicator=t}}},vi=function(e){var t=e.children,n=si((function(e){return e})),o=n.layers,i=n.events,l=bt((function(e){return{enabled:e.options.enabled}})).query.getOptions().indicator,c=Object(r.useMemo)((function(){var e=i.indicator;if(e){var t=e.placement,n=t.where,r=t.parent,a=t.currentNode,c=a?a.id:r.id,u=e.error?l.error:l.success;if(e.onCanvas&&null!=o[r.id].dom){var s=o[r.id].dom.getBoundingClientRect(),f=o[r.id].headingDom.getBoundingClientRect();return{top:f.top,left:s.left,width:s.width,height:f.height,background:"transparent",borderWidth:"1px",borderColor:u}}if(!o[c])return;var d=o[c].headingDom.getBoundingClientRect(),p=o[c].dom.getBoundingClientRect();return{top:"after"!==n&&a?p.top:p.top+p.height,left:d.left,width:p.width-d.left,height:2,borderWidth:0,background:u}}}),[i,l.error,l.success,o]);return a.a.createElement("div",null,i.indicator?a.a.createElement(Ue,{style:c}):null,t)},gi=function(){var e=fi().id,t=bt((function(t){return{displayName:t.nodes[e]&&t.nodes[e].data.custom.displayName?t.nodes[e].data.custom.displayName:t.nodes[e].data.displayName,hidden:t.nodes[e]&&t.nodes[e].data.hidden}})),n=t.displayName,o=t.actions,i=Object(r.useState)(!1),l=i[0],c=i[1],u=Object(r.useRef)(null),s=Object(r.useCallback)((function(e){u.current&&!u.current.contains(e.target)&&c(!1)}),[]);return Object(r.useEffect)((function(){return function(){window.removeEventListener("click",s)}}),[s]),a.a.createElement(vr.a,{html:n,disabled:!l,ref:function(e){e&&(u.current=e.el.current,window.removeEventListener("click",s),window.addEventListener("click",s))},onChange:function(t){o.setCustom(e,(function(e){return e.displayName=t.target.value}))},tagName:"h2",onDoubleClick:function(){l||c(!0)}})};function yi(){return(yi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var bi=a.a.createElement("path",{d:"M9.99 1.01A1 1 0 008.283.303L5 3.586 1.717.303A1 1 0 10.303 1.717l3.99 3.98a1 1 0 001.414 0l3.99-3.98a.997.997 0 00.293-.707z"}),wi=function(e){return a.a.createElement("svg",yi({viewBox:"0 0 10 6"},e),bi)};function Ei(){return(Ei=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var xi,ki,_i,Oi,Si,Ci=a.a.createElement("path",{className:"linked_svg__a",d:"M16.5 9h-1a.5.5 0 00-.5.5V15H3V3h5.5a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-7a.5.5 0 00-.5.5v15a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-7a.5.5 0 00-.5-.5z"}),ji=a.a.createElement("path",{className:"linked_svg__a",d:"M16.75 1h-5.373a.4.4 0 00-.377.4.392.392 0 00.117.28l1.893 1.895-3.52 3.521a.5.5 0 000 .707l.706.708a.5.5 0 00.708 0l3.521-3.521 1.893 1.892A.39.39 0 0016.6 7a.4.4 0 00.4-.377V1.25a.25.25 0 00-.25-.25z"}),Pi=function(e){return a.a.createElement("svg",Ei({viewBox:"0 0 18 18"},e),Ci,ji)},Ni=ri.a.div(xi||(xi=li(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"])),(function(e){return e.selected?"#2680eb":"transparent"}),(function(e){return e.selected?"#fff":"inherit"}),(function(e){return e.selected?"#fff":"#808184"}),(function(e){return 10*e.depth})),Ti=ri.a.a(ki||(ki=li(["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"],["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"])),(function(e){return e.expanded?180:0})),Ai=ri.a.div(_i||(_i=li(["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"],["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"]))),Ri=function(){var e=fi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,r=e.expanded,o=e.children,i=e.connectors,l=i.drag,c=i.layerHeader,u=e.actions.toggleLayer,s=bt((function(e,n){return{hidden:e.nodes[t]&&e.nodes[t].data.hidden,selected:e.events.selected===t,topLevel:n.node(t).isTopLevelCanvas()}}));return a.a.createElement(Ni,{selected:s.selected,ref:l,depth:n},a.a.createElement("div",{className:"inner"},a.a.createElement("div",{ref:c},s.topLevel?a.a.createElement(Ai,null,a.a.createElement(Pi,null)):null,a.a.createElement("div",{className:"layer-name s"},a.a.createElement(gi,null)),a.a.createElement("div",null,o&&o.length?a.a.createElement(Ti,{expanded:r,onMouseDown:function(){return u()}},a.a.createElement(wi,null)):null))))},Ii=ri.a.div(Oi||(Oi=li(["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"],["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"])),(function(e){return e.hovered?"#f1f1f1":"transparent"}),(function(e){return e.hasCanvases&&e.expanded?5:0})),zi=ri.a.div(Si||(Si=li(["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"],["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"])),(function(e){return e.hasCanvases?"rgba(255, 255, 255, 0.02)":"transparent"}),(function(e){return e.hasCanvases?'\n \n box-shadow: 0px 0px 44px -1px #00000014;\n border-radius: 10px;\n margin-right: 5px;\n margin-bottom:5px;\n margin-top:5px; \n > * { overflow:hidden; }\n &:before { \n position:absolute;\n left:-19px;\n width: 2px;\n height:100%;\n content: " ";\n background:#00000012;\n }\n ':""})),Mi=function(e){var t=e.children,n=fi((function(e){return{hovered:e.event.hovered,expanded:e.expanded}})),r=n.id,o=n.expanded,i=n.hovered,l=n.connectors.layer,c=bt((function(e,t){return{hasChildCanvases:t.node(r).isParentOfTopLevelNodes()}})).hasChildCanvases;return a.a.createElement(Ii,{ref:l,expanded:o,hasCanvases:c,hovered:i},a.a.createElement(Ri,null),t?a.a.createElement(zi,{hasCanvases:c,className:"craft-layer-children"},t):null)},Fi=function(e){var t=e.children,n=xe(hi,{layers:{},events:{selected:null,dragged:null,hovered:null},options:oi({renderLayer:Mi},e.options)});return a.a.createElement(ui.Provider,{value:{store:n}},a.a.createElement(vi,null,t))},Li=function(e){var t=ii(e,[]);return a.a.createElement(Fi,{options:t},a.a.createElement(mi,{id:"ROOT",depth:0}))};function Di(e,t){return Vi(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||Bi(e,t)||qi()}function Ui(e){return function(e){if(Array.isArray(e))return Hi(e)}(e)||Wi(e)||Bi(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 qi(){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 Bi(e,t){if(e){if("string"==typeof e)return Hi(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)?Hi(e,t):void 0}}function Hi(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}function Wi(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function Vi(e){if(Array.isArray(e))return e}var $i=function e(t){if(t.length<=2)return[t];var n,r=Vi(n=t)||Wi(n)||Bi(n)||qi(),a=r[0],o=r[1],i=r.slice(2);return[[a,o]].concat(Ui(e(i)))},Ki=function(e){e.name,e.layout;var t=lt((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))};Ki.craft={displayName:"LibraryElem"};var Yi=function(e){var t=e.nodekeys,n=bt((function(e,t){return{}})),a=n.actions,o=n.query,i=(n.connectors,function(e,n){var r=e.getSerializedNodes(),i=[];if(Object.keys(r).forEach((function(e){t.current.includes(e)||i.push(e)})),t.current=Object.keys(r),1===i.length){var l=i[0],c=r[l];if("LibraryElem"===c.displayName){var u=c.props.layout;ei(u.layout?u.layout:u,o,a,c.parent),setTimeout((function(){a.delete(l)}),0)}else"Column"!==c.displayName&&a.selectNode(l)}});return Object(r.useEffect)((function(){var e=o.getSerializedNodes();t.current=Object.keys(e),a.setOptions((function(e){var t=e.onNodesChange(e.onNodesChange=t?function(e){t(e),i(e)}:i)}))}),[]),[]},Gi=function(){var e=bt((function(e,t){return{selected:e.events.selected}})),t=(e.actions,e.selected),n=e.query,o=e.connectors,i=Object(r.useContext)(Rt),l=Di(Object(r.useState)(!1),2),c=l[0],u=l[1],s=Di(Object(r.useState)(""),2),f=s[0],d=s[1],p=Di(Object(r.useState)(),2),m=p[0],h=p[1],v=Di(Object(r.useState)([]),2),g=v[0],y=v[1],b=$i([].concat(Ui(i.library||[]),Ui(g)));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:!t,onClick:function(){return u(!c)}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("div",{className:"dropdown-menu py-3 px-4 ".concat(c?"show":""),"aria-labelledby":"dropdownMenuButton"},a.a.createElement("label",null,"Name"),a.a.createElement("input",{type:"text",className:"form-control",value:f,onChange:function(e){return d(e.target.value)}}),a.a.createElement("br",null),a.a.createElement("label",null,"Icon"),a.a.createElement(fn.a,{className:"w-100",value:m,icons:hn,onChange:h,isMulti:!1}),a.a.createElement("button",{className:"btn btn-primary mt-3",onClick:function(){var e={layout:ni(JSON.parse(n.serialize()),t),icon:m,name:f};fetch("/library/savefrombuilder",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":i.csrfToken},body:JSON.stringify(e)}),u(!1),h(),d(""),y([].concat(Ui(g),[e]))}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("button",{className:"btn btn-outline-secondary ms-2 mt-3",onClick:function(){return u(!1)}},a.a.createElement(Yt,{icon:ln})))),a.a.createElement("div",{className:"card mt-2"},b.map((function(e,t){return a.a.createElement("div",{className:"toolbar-row",key:t},e.map((function(e,t){return a.a.createElement(_o,{key:t,connectors:o,icon:e.icon,label:e.name},a.a.createElement(Ki,{name:e.name,layout:e.layout}))})))}))))},Qi=function(e){var t=e.render,n=lt().id,o=bt((function(e){return{isActive:e.nodes[n].events.selected}})),i=o.actions,l=o.query,c=o.isActive,u=lt((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,g=Object(r.useRef)(),y=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=g.current;if(e){var t=y(f),n=t.top,r=t.left;e.style.top=n,e.style.left=r}}),[f,y]);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:ve.a.createPortal(a.a.createElement("div",{ref:g,className:"selected-indicator ".concat(c?"activeind":"hoverind"," px-1 text-white"),style:{left:y(f).left,top:y(f).top,zIndex:9999}},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(Yt,{icon:Xt,className:"me-2"})),c&&v&&"ROOT"!==v?a.a.createElement(Yt,{icon:Qt,className:"me-2",onClick:function(){i.selectNode(v)}}):null,m&&c?[a.a.createElement(Yt,{key:1,icon:tn,onClick:function(){var e=l.node(n).get().data.parent,t=l.node(e).childNodes().findIndex((function(e){return e===n})),r=pr(l)(n);i.addNodeTree(l.parseReactElement(r).toNodeTree(),e||"ROOT",t+1)},className:"me-2"}),a.a.createElement(Yt,{key:2,icon:cn,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 Xi(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ji(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 Ji(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 Ji(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 Zi=Rt.Provider,el=function(){var e=bt((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,p=o.node(n.id).get(),m=null==p||null===(f=p.data)||void 0===f||null===(d=f.linkedNodes)||void 0===d?void 0:d.Col0;m&&t.selectNode(m)}if(38===r&&n.parent){var h=l(-1);h&&t.selectNode(h),e.preventDefault()}if(40===r&&n.parent){var v=l(1);v&&t.selectNode(v),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(Yt,{icon:cn,className:"me-1"}),"Delete"),u&&!n.isDeletable?a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:s},a.a.createElement(Yt,{icon:cn,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=pr(o)(n.id);t.addNodeTree(o.parseReactElement(a).toNodeTree(),e||"ROOT",r+1)}},a.a.createElement(Yt,{icon:tn,className:"me-1"}),"Clone"),a.a.createElement("hr",{className:"my-2"}),n.settings&&a.a.createElement(n.settings)):"No element selected"))},tl=function(){var e=bt((function(){})),t=e.query,n=(e.actions,Object(r.useContext)(Rt));return n.page_id||n.view_id?a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary me-2 builder-save-ajax",onClick:function(){var e=ni(JSON.parse(t.serialize())),r=n.page_id?"pageedit":"viewedit";fetch("/".concat(r,"/savebuilder/").concat(n.page_id||n.view_id),{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":n.csrfToken},body:JSON.stringify(e)})}},"Save"):""},nl=function(){var e=bt((function(){})),t=(e.query,e.actions,Object(r.useContext)(Rt));return t.page_id?a.a.createElement("a",{target:"_blank",className:"d-block",href:"/page/".concat(t.page_name)},"View page in new tab »"):""},rl=function(){var e=bt((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(Yt,{icon:un})),n&&a.a.createElement("button",{className:"btn btn-sm btn-secondary",title:"Redo",onClick:function(){return o.history.redo()}},a.a.createElement(Yt,{icon:rn})))},al=function(e){var t=e.layout,n=bt((function(){})),o=n.query,i=n.actions,l=Object(r.useContext)(Rt);Object(r.useEffect)((function(){ei(t,o,i)}),[]);return a.a.createElement("button",{className:"btn btn-sm btn-primary builder-save",onClick:function(){var e=ni(JSON.parse(o.serialize())),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"," »")},ol=function(e){var t=e.options,n=e.layout,o=e.mode,i=Xi(Object(r.useState)(!0),2),l=i[0],c=(i[1],Xi(Object(r.useState)({}),2)),u=c[0],s=c[1],f=Xi(Object(r.useState)([]),2),d=f[0],p=f[1],m=Object(r.useRef)([]);return a.a.createElement(sr,null,a.a.createElement(At,{onRender:Qi},a.a.createElement(Zi,{value:t},a.a.createElement(Sr.Provider,{value:{previews:u,setPreviews:s,uploadedFiles:d,setUploadedFiles:p}},a.a.createElement("div",{className:"row",style:{marginTop:"-5px"}},a.a.createElement("div",{className:"col-sm-auto left-builder-col"},a.a.createElement("div",{className:"componets-and-library-accordion toolbox-card"},a.a.createElement(Yi,{nodekeys:m}),a.a.createElement(Xn,null,a.a.createElement("div",{className:"card mt-1",accordiontitle:"Components"},{show:a.a.createElement(Wo,null),edit:a.a.createElement($o,null),page:a.a.createElement(Ko,null),filter:a.a.createElement(Vo,null)}[o]||a.a.createElement("div",null,"Missing mode")),a.a.createElement("div",{accordiontitle:"Library"},a.a.createElement(Gi,null)))),a.a.createElement("div",{className:"card toolbox-card pe-0"},a.a.createElement("div",{className:"card-header"},"Layers"),l&&a.a.createElement("div",{className:"card-body p-0 builder-layers"},a.a.createElement(Li,{expandRootOnLoad:!0})))),a.a.createElement("div",{id:"builder-main-canvas",className:"col builder-mode-".concat(t.mode)},a.a.createElement("div",null,a.a.createElement(gt,{resolver:{Text:Or,Empty:Qr,Columns:Sn,JoinField:Pr,Field:Cr,ViewLink:Ir,Action:Ur,HTMLCode:Lr,LineBreak:Ar,Aggregation:Tr,Card:aa,Image:Wr,Link:io,View:ao,SearchBar:Fr,Container:ro,Column:vn,DropDownFilter:Jr,DropMenu:ta,Tabs:Gr,ToggleFilter:ra}},a.a.createElement(mt,{canvas:!0,is:vn})))),a.a.createElement("div",{className:"col-sm-auto builder-sidebar"},a.a.createElement("div",{style:{width:"16rem"}},a.a.createElement(tl,null),a.a.createElement(al,{layout:n}),a.a.createElement(rl,null),a.a.createElement(nl,null),a.a.createElement(el,null)))))),a.a.createElement("div",{className:"d-none preview-scratchpad"})))};function il(e,t,n,r){ve.a.render(a.a.createElement(ol,{options:JSON.parse(decodeURIComponent(t)),layout:JSON.parse(decodeURIComponent(n)),mode:r}),document.getElementById(e))}},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function a(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}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,o(e,t)}n.r(t),n.d(t,"CSSTransition",(function(){return E})),n.d(t,"ReplaceTransition",(function(){return T})),n.d(t,"SwitchTransition",(function(){return L})),n.d(t,"TransitionGroup",(function(){return C})),n.d(t,"Transition",(function(){return y})),n.d(t,"config",(function(){return d}));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(2),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,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 g(){}v.contextType=p,v.propTypes={},v.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:g,onEntering:g,onEntered:g,onExit:g,onExiting:g,onExited:g},v.UNMOUNTED="unmounted",v.EXITED="exited",v.ENTERING=m,v.ENTERED=h,v.EXITING="exiting";var y=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,a(e,["classNames"]));return u.a.createElement(y,r({},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 k(e,t,n){return null!=n[t]?n[t]:e.props[t]}function _(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:k(i,"exit",e),enter:k(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:k(i,"exit",e),enter:k(i,"enter",e)})}})),a}var O=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:k(e,"appear",n),enter:k(e,"enter",n),exit:k(e,"exit",n)})}))):_(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=r({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=a(e,["component","childFactory"]),o=this.state.contextValue,i=O(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=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",R="in-out",I=function(e,t,n){return function(){var r;e.props[t]&&(r=e.props)[t].apply(r,arguments),n()}},z=((P={})[A]=function(e){var t=e.current,n=e.changeState;return u.a.cloneElement(t,{in:!1,onExited:I(t,"onExited",(function(){n(m,null)}))})},P[R]=function(e){var t=e.current,n=e.changeState,r=e.children;return[t,u.a.cloneElement(r,{in:!0,onEntered:I(r,"onEntered",(function(){n(m)}))})]},P),M=((N={})[A]=function(e){var t=e.children,n=e.changeState;return u.a.cloneElement(t,{in:!0,onEntered:I(t,"onEntered",(function(){n(h,u.a.cloneElement(t,{in:!0}))}))})},N[R]=function(e){var t=e.current,n=e.children,r=e.changeState;return[u.a.cloneElement(t,{in:!1,onExited:I(t,"onExited",(function(){r(h,u.a.cloneElement(n,{in:!0}))}))}),u.a.cloneElement(n,{in:!0})]},N),F=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===R?{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=M[r](l);break;case"exiting":e=z[r](l);break;case h:e=i}return u.a.createElement(p.Provider,{value:{isMounting:!this.appeared}},e)},t}(u.a.Component);F.propTypes={},F.defaultProps={mode:A};var L=F}]);
80
+ */function dn(e){return function(e){if(Array.isArray(e))return pn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return pn(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 pn(e,t)}(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 pn(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 mn={regular:["address-book","address-card","angry","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","bell","bell-slash","bookmark","building","calendar","calendar-alt","calendar-check","calendar-minus","calendar-plus","calendar-times","caret-square-down","caret-square-left","caret-square-right","caret-square-up","chart-bar","check-circle","check-square","circle","clipboard","clock","clone","closed-captioning","comment","comment-alt","comment-dots","comments","compass","copy","copyright","credit-card","dizzy","dot-circle","edit","envelope","envelope-open","eye","eye-slash","file","file-alt","file-archive","file-audio","file-code","file-excel","file-image","file-pdf","file-powerpoint","file-video","file-word","flag","flushed","folder","folder-open","frown","frown-open","futbol","gem","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","hand-lizard","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-spock","handshake","hdd","heart","hospital","hourglass","id-badge","id-card","image","images","keyboard","kiss","kiss-beam","kiss-wink-heart","laugh","laugh-beam","laugh-squint","laugh-wink","lemon","life-ring","lightbulb","list-alt","map","meh","meh-blank","meh-rolling-eyes","minus-square","money-bill-alt","moon","newspaper","object-group","object-ungroup","paper-plane","pause-circle","play-circle","plus-square","question-circle","registered","sad-cry","sad-tear","save","share-square","smile","smile-beam","smile-wink","snowflake","square","star","star-half","sticky-note","stop-circle","sun","surprise","thumbs-down","thumbs-up","times-circle","tired","trash-alt","user","user-circle","window-close","window-maximize","window-minimize","window-restore"],solid:["ad","address-book","address-card","adjust","air-freshener","align-center","align-justify","align-left","align-right","allergies","ambulance","american-sign-language-interpreting","anchor","angle-double-down","angle-double-left","angle-double-right","angle-double-up","angle-down","angle-left","angle-right","angle-up","angry","ankh","apple-alt","archive","archway","arrow-alt-circle-down","arrow-alt-circle-left","arrow-alt-circle-right","arrow-alt-circle-up","arrow-circle-down","arrow-circle-left","arrow-circle-right","arrow-circle-up","arrow-down","arrow-left","arrow-right","arrow-up","arrows-alt","arrows-alt-h","arrows-alt-v","assistive-listening-systems","asterisk","at","atlas","atom","audio-description","award","baby","baby-carriage","backspace","backward","bacon","bacteria","bacterium","bahai","balance-scale","balance-scale-left","balance-scale-right","ban","band-aid","barcode","bars","baseball-ball","basketball-ball","bath","battery-empty","battery-full","battery-half","battery-quarter","battery-three-quarters","bed","beer","bell","bell-slash","bezier-curve","bible","bicycle","biking","binoculars","biohazard","birthday-cake","blender","blender-phone","blind","blog","bold","bolt","bomb","bone","bong","book","book-dead","book-medical","book-open","book-reader","bookmark","border-all","border-none","border-style","bowling-ball","box","box-open","box-tissue","boxes","braille","brain","bread-slice","briefcase","briefcase-medical","broadcast-tower","broom","brush","bug","building","bullhorn","bullseye","burn","bus","bus-alt","business-time","calculator","calendar","calendar-alt","calendar-check","calendar-day","calendar-minus","calendar-plus","calendar-times","calendar-week","camera","camera-retro","campground","candy-cane","cannabis","capsules","car","car-alt","car-battery","car-crash","car-side","caravan","caret-down","caret-left","caret-right","caret-square-down","caret-square-left","caret-square-right","caret-square-up","caret-up","carrot","cart-arrow-down","cart-plus","cash-register","cat","certificate","chair","chalkboard","chalkboard-teacher","charging-station","chart-area","chart-bar","chart-line","chart-pie","check","check-circle","check-double","check-square","cheese","chess","chess-bishop","chess-board","chess-king","chess-knight","chess-pawn","chess-queen","chess-rook","chevron-circle-down","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-down","chevron-left","chevron-right","chevron-up","child","church","circle","circle-notch","city","clinic-medical","clipboard","clipboard-check","clipboard-list","clock","clone","closed-captioning","cloud","cloud-download-alt","cloud-meatball","cloud-moon","cloud-moon-rain","cloud-rain","cloud-showers-heavy","cloud-sun","cloud-sun-rain","cloud-upload-alt","cocktail","code","code-branch","coffee","cog","cogs","coins","columns","comment","comment-alt","comment-dollar","comment-dots","comment-medical","comment-slash","comments","comments-dollar","compact-disc","compass","compress","compress-alt","compress-arrows-alt","concierge-bell","cookie","cookie-bite","copy","copyright","couch","credit-card","crop","crop-alt","cross","crosshairs","crow","crown","crutch","cube","cubes","cut","database","deaf","democrat","desktop","dharmachakra","diagnoses","dice","dice-d20","dice-d6","dice-five","dice-four","dice-one","dice-six","dice-three","dice-two","digital-tachograph","directions","disease","divide","dizzy","dna","dog","dollar-sign","dolly","dolly-flatbed","donate","door-closed","door-open","dot-circle","dove","download","drafting-compass","dragon","draw-polygon","drum","drum-steelpan","drumstick-bite","dumbbell","dumpster","dumpster-fire","dungeon","edit","egg","eject","ellipsis-h","ellipsis-v","envelope","envelope-open","envelope-open-text","envelope-square","equals","eraser","ethernet","euro-sign","exchange-alt","exclamation","exclamation-circle","exclamation-triangle","expand","expand-alt","expand-arrows-alt","external-link-alt","external-link-square-alt","eye","eye-dropper","eye-slash","fan","fast-backward","fast-forward","faucet","fax","feather","feather-alt","female","fighter-jet","file","file-alt","file-archive","file-audio","file-code","file-contract","file-csv","file-download","file-excel","file-export","file-image","file-import","file-invoice","file-invoice-dollar","file-medical","file-medical-alt","file-pdf","file-powerpoint","file-prescription","file-signature","file-upload","file-video","file-word","fill","fill-drip","film","filter","fingerprint","fire","fire-alt","fire-extinguisher","first-aid","fish","fist-raised","flag","flag-checkered","flag-usa","flask","flushed","folder","folder-minus","folder-open","folder-plus","font","football-ball","forward","frog","frown","frown-open","funnel-dollar","futbol","gamepad","gas-pump","gavel","gem","genderless","ghost","gift","gifts","glass-cheers","glass-martini","glass-martini-alt","glass-whiskey","glasses","globe","globe-africa","globe-americas","globe-asia","globe-europe","golf-ball","gopuram","graduation-cap","greater-than","greater-than-equal","grimace","grin","grin-alt","grin-beam","grin-beam-sweat","grin-hearts","grin-squint","grin-squint-tears","grin-stars","grin-tears","grin-tongue","grin-tongue-squint","grin-tongue-wink","grin-wink","grip-horizontal","grip-lines","grip-lines-vertical","grip-vertical","guitar","h-square","hamburger","hammer","hamsa","hand-holding","hand-holding-heart","hand-holding-medical","hand-holding-usd","hand-holding-water","hand-lizard","hand-middle-finger","hand-paper","hand-peace","hand-point-down","hand-point-left","hand-point-right","hand-point-up","hand-pointer","hand-rock","hand-scissors","hand-sparkles","hand-spock","hands","hands-helping","hands-wash","handshake","handshake-alt-slash","handshake-slash","hanukiah","hard-hat","hashtag","hat-cowboy","hat-cowboy-side","hat-wizard","hdd","head-side-cough","head-side-cough-slash","head-side-mask","head-side-virus","heading","headphones","headphones-alt","headset","heart","heart-broken","heartbeat","helicopter","highlighter","hiking","hippo","history","hockey-puck","holly-berry","home","horse","horse-head","hospital","hospital-alt","hospital-symbol","hospital-user","hot-tub","hotdog","hotel","hourglass","hourglass-end","hourglass-half","hourglass-start","house-damage","house-user","hryvnia","i-cursor","ice-cream","icicles","icons","id-badge","id-card","id-card-alt","igloo","image","images","inbox","indent","industry","infinity","info","info-circle","italic","jedi","joint","journal-whills","kaaba","key","keyboard","khanda","kiss","kiss-beam","kiss-wink-heart","kiwi-bird","landmark","language","laptop","laptop-code","laptop-house","laptop-medical","laugh","laugh-beam","laugh-squint","laugh-wink","layer-group","leaf","lemon","less-than","less-than-equal","level-down-alt","level-up-alt","life-ring","lightbulb","link","lira-sign","list","list-alt","list-ol","list-ul","location-arrow","lock","lock-open","long-arrow-alt-down","long-arrow-alt-left","long-arrow-alt-right","long-arrow-alt-up","low-vision","luggage-cart","lungs","lungs-virus","magic","magnet","mail-bulk","male","map","map-marked","map-marked-alt","map-marker","map-marker-alt","map-pin","map-signs","marker","mars","mars-double","mars-stroke","mars-stroke-h","mars-stroke-v","mask","medal","medkit","meh","meh-blank","meh-rolling-eyes","memory","menorah","mercury","meteor","microchip","microphone","microphone-alt","microphone-alt-slash","microphone-slash","microscope","minus","minus-circle","minus-square","mitten","mobile","mobile-alt","money-bill","money-bill-alt","money-bill-wave","money-bill-wave-alt","money-check","money-check-alt","monument","moon","mortar-pestle","mosque","motorcycle","mountain","mouse","mouse-pointer","mug-hot","music","network-wired","neuter","newspaper","not-equal","notes-medical","object-group","object-ungroup","oil-can","om","otter","outdent","pager","paint-brush","paint-roller","palette","pallet","paper-plane","paperclip","parachute-box","paragraph","parking","passport","pastafarianism","paste","pause","pause-circle","paw","peace","pen","pen-alt","pen-fancy","pen-nib","pen-square","pencil-alt","pencil-ruler","people-arrows","people-carry","pepper-hot","percent","percentage","person-booth","phone","phone-alt","phone-slash","phone-square","phone-square-alt","phone-volume","photo-video","piggy-bank","pills","pizza-slice","place-of-worship","plane","plane-arrival","plane-departure","plane-slash","play","play-circle","plug","plus","plus-circle","plus-square","podcast","poll","poll-h","poo","poo-storm","poop","portrait","pound-sign","power-off","pray","praying-hands","prescription","prescription-bottle","prescription-bottle-alt","print","procedures","project-diagram","pump-medical","pump-soap","puzzle-piece","qrcode","question","question-circle","quidditch","quote-left","quote-right","quran","radiation","radiation-alt","rainbow","random","receipt","record-vinyl","recycle","redo","redo-alt","registered","remove-format","reply","reply-all","republican","restroom","retweet","ribbon","ring","road","robot","rocket","route","rss","rss-square","ruble-sign","ruler","ruler-combined","ruler-horizontal","ruler-vertical","running","rupee-sign","sad-cry","sad-tear","satellite","satellite-dish","save","school","screwdriver","scroll","sd-card","search","search-dollar","search-location","search-minus","search-plus","seedling","server","shapes","share","share-alt","share-alt-square","share-square","shekel-sign","shield-alt","shield-virus","ship","shipping-fast","shoe-prints","shopping-bag","shopping-basket","shopping-cart","shower","shuttle-van","sign","sign-in-alt","sign-language","sign-out-alt","signal","signature","sim-card","sink","sitemap","skating","skiing","skiing-nordic","skull","skull-crossbones","slash","sleigh","sliders-h","smile","smile-beam","smile-wink","smog","smoking","smoking-ban","sms","snowboarding","snowflake","snowman","snowplow","soap","socks","solar-panel","sort","sort-alpha-down","sort-alpha-down-alt","sort-alpha-up","sort-alpha-up-alt","sort-amount-down","sort-amount-down-alt","sort-amount-up","sort-amount-up-alt","sort-down","sort-numeric-down","sort-numeric-down-alt","sort-numeric-up","sort-numeric-up-alt","sort-up","spa","space-shuttle","spell-check","spider","spinner","splotch","spray-can","square","square-full","square-root-alt","stamp","star","star-and-crescent","star-half","star-half-alt","star-of-david","star-of-life","step-backward","step-forward","stethoscope","sticky-note","stop","stop-circle","stopwatch","stopwatch-20","store","store-alt","store-alt-slash","store-slash","stream","street-view","strikethrough","stroopwafel","subscript","subway","suitcase","suitcase-rolling","sun","superscript","surprise","swatchbook","swimmer","swimming-pool","synagogue","sync","sync-alt","syringe","table","table-tennis","tablet","tablet-alt","tablets","tachometer-alt","tag","tags","tape","tasks","taxi","teeth","teeth-open","temperature-high","temperature-low","tenge","terminal","text-height","text-width","th","th-large","th-list","theater-masks","thermometer","thermometer-empty","thermometer-full","thermometer-half","thermometer-quarter","thermometer-three-quarters","thumbs-down","thumbs-up","thumbtack","ticket-alt","times","times-circle","tint","tint-slash","tired","toggle-off","toggle-on","toilet","toilet-paper","toilet-paper-slash","toolbox","tools","tooth","torah","torii-gate","tractor","trademark","traffic-light","trailer","train","tram","transgender","transgender-alt","trash","trash-alt","trash-restore","trash-restore-alt","tree","trophy","truck","truck-loading","truck-monster","truck-moving","truck-pickup","tshirt","tty","tv","umbrella","umbrella-beach","underline","undo","undo-alt","universal-access","university","unlink","unlock","unlock-alt","upload","user","user-alt","user-alt-slash","user-astronaut","user-check","user-circle","user-clock","user-cog","user-edit","user-friends","user-graduate","user-injured","user-lock","user-md","user-minus","user-ninja","user-nurse","user-plus","user-secret","user-shield","user-slash","user-tag","user-tie","user-times","users","users-cog","users-slash","utensil-spoon","utensils","vector-square","venus","venus-double","venus-mars","vest","vest-patches","vial","vials","video","video-slash","vihara","virus","virus-slash","viruses","voicemail","volleyball-ball","volume-down","volume-mute","volume-off","volume-up","vote-yea","vr-cardboard","walking","wallet","warehouse","water","wave-square","weight","weight-hanging","wheelchair","wifi","wind","window-close","window-maximize","window-minimize","window-restore","wine-bottle","wine-glass","wine-glass-alt","won-sign","wrench","x-ray","yen-sign","yin-yang"],brands:["500px","accessible-icon","accusoft","acquisitions-incorporated","adn","adversal","affiliatetheme","airbnb","algolia","alipay","amazon","amazon-pay","amilia","android","angellist","angrycreative","angular","app-store","app-store-ios","apper","apple","apple-pay","artstation","asymmetrik","atlassian","audible","autoprefixer","avianex","aviato","aws","bandcamp","battle-net","behance","behance-square","bimobject","bitbucket","bitcoin","bity","black-tie","blackberry","blogger","blogger-b","bluetooth","bluetooth-b","bootstrap","btc","buffer","buromobelexperte","buy-n-large","buysellads","canadian-maple-leaf","cc-amazon-pay","cc-amex","cc-apple-pay","cc-diners-club","cc-discover","cc-jcb","cc-mastercard","cc-paypal","cc-stripe","cc-visa","centercode","centos","chrome","chromecast","cloudflare","cloudscale","cloudsmith","cloudversify","codepen","codiepie","confluence","connectdevelop","contao","cotton-bureau","cpanel","creative-commons","creative-commons-by","creative-commons-nc","creative-commons-nc-eu","creative-commons-nc-jp","creative-commons-nd","creative-commons-pd","creative-commons-pd-alt","creative-commons-remix","creative-commons-sa","creative-commons-sampling","creative-commons-sampling-plus","creative-commons-share","creative-commons-zero","critical-role","css3","css3-alt","cuttlefish","d-and-d","d-and-d-beyond","dailymotion","dashcube","deezer","delicious","deploydog","deskpro","dev","deviantart","dhl","diaspora","digg","digital-ocean","discord","discourse","dochub","docker","draft2digital","dribbble","dribbble-square","dropbox","drupal","dyalog","earlybirds","ebay","edge","edge-legacy","elementor","ello","ember","empire","envira","erlang","ethereum","etsy","evernote","expeditedssl","facebook","facebook-f","facebook-messenger","facebook-square","fantasy-flight-games","fedex","fedora","figma","firefox","firefox-browser","first-order","first-order-alt","firstdraft","flickr","flipboard","fly","font-awesome","font-awesome-alt","font-awesome-flag","fonticons","fonticons-fi","fort-awesome","fort-awesome-alt","forumbee","foursquare","free-code-camp","freebsd","fulcrum","galactic-republic","galactic-senate","get-pocket","gg","gg-circle","git","git-alt","git-square","github","github-alt","github-square","gitkraken","gitlab","gitter","glide","glide-g","gofore","goodreads","goodreads-g","google","google-drive","google-pay","google-play","google-plus","google-plus-g","google-plus-square","google-wallet","gratipay","grav","gripfire","grunt","guilded","gulp","hacker-news","hacker-news-square","hackerrank","hips","hire-a-helper","hive","hooli","hornbill","hotjar","houzz","html5","hubspot","ideal","imdb","innosoft","instagram","instagram-square","instalod","intercom","internet-explorer","invision","ioxhost","itch-io","itunes","itunes-note","java","jedi-order","jenkins","jira","joget","joomla","js","js-square","jsfiddle","kaggle","keybase","keycdn","kickstarter","kickstarter-k","korvue","laravel","lastfm","lastfm-square","leanpub","less","line","linkedin","linkedin-in","linode","linux","lyft","magento","mailchimp","mandalorian","markdown","mastodon","maxcdn","mdb","medapps","medium","medium-m","medrt","meetup","megaport","mendeley","microblog","microsoft","mix","mixcloud","mixer","mizuni","modx","monero","napster","neos","nimblr","node","node-js","npm","ns8","nutritionix","octopus-deploy","odnoklassniki","odnoklassniki-square","old-republic","opencart","openid","opera","optin-monster","orcid","osi","page4","pagelines","palfed","patreon","paypal","penny-arcade","perbyte","periscope","phabricator","phoenix-framework","phoenix-squadron","php","pied-piper","pied-piper-alt","pied-piper-hat","pied-piper-pp","pied-piper-square","pinterest","pinterest-p","pinterest-square","playstation","product-hunt","pushed","python","qq","quinscape","quora","r-project","raspberry-pi","ravelry","react","reacteurope","readme","rebel","red-river","reddit","reddit-alien","reddit-square","redhat","renren","replyd","researchgate","resolving","rev","rocketchat","rockrms","rust","safari","salesforce","sass","schlix","scribd","searchengin","sellcast","sellsy","servicestack","shirtsinbulk","shopify","shopware","simplybuilt","sistrix","sith","sketch","skyatlas","skype","slack","slack-hash","slideshare","snapchat","snapchat-ghost","snapchat-square","soundcloud","sourcetree","speakap","speaker-deck","spotify","squarespace","stack-exchange","stack-overflow","stackpath","staylinked","steam","steam-square","steam-symbol","sticker-mule","strava","stripe","stripe-s","studiovinari","stumbleupon","stumbleupon-circle","superpowers","supple","suse","swift","symfony","teamspeak","telegram","telegram-plane","tencent-weibo","the-red-yeti","themeco","themeisle","think-peaks","tiktok","trade-federation","trello","tumblr","tumblr-square","twitch","twitter","twitter-square","typo3","uber","ubuntu","uikit","umbraco","uncharted","uniregistry","unity","unsplash","untappd","ups","usb","usps","ussunnah","vaadin","viacoin","viadeo","viadeo-square","viber","vimeo","vimeo-square","vimeo-v","vine","vk","vnv","vuejs","watchman-monitoring","waze","weebly","weibo","weixin","whatsapp","whatsapp-square","whmcs","wikipedia-w","windows","wix","wizards-of-the-coast","wodu","wolf-pack-battalion","wordpress","wordpress-simple","wpbeginner","wpexplorer","wpforms","wpressr","xbox","xing","xing-square","y-combinator","yahoo","yammer","yandex","yandex-international","yarn","yelp","yoast","youtube","youtube-square","zhihu"]},hn=[].concat(dn(mn.regular.map((function(e){return"far fa-".concat(e)}))),dn(mn.solid.map((function(e){return"fas fa-".concat(e)}))),dn(mn.brands.map((function(e){return"fab fa-".concat(e)}))));var vn=function(e){var t=e.children,n=(e.align,lt((function(e){return{selected:e.events.selected}}))),r=n.selected,o=n.id,i=n.connectors,l=i.connect,c=i.drag;return a.a.createElement("div",{className:r?"selected-node":"",ref:function(e){return l(c(e))}},a.a.createElement("div",{className:"canvas ".concat("ROOT"===o?"root-canvas":"")},t))};function gn(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return yn(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 yn(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 yn(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}vn.craft={displayName:"Column",props:{},rules:{canDrag:function(){return!0}},related:{settings:function(){return function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(lt((function(e){return{}}))),a.a.createElement("div",null)}}};var bn=function(e){var t=e.setProp,n=e.node,o=e.sizeWithStyle,i=gn(Object(r.useState)(!1),2),l=i[0],c=i[1],u=gn(Object(r.useState)(!1),2),s=u[0],f=u[1],d=!!l&&(s?"".concat(l,"-").concat(s):l),p=function(e,t){c(e),f(t)},m=n.style;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"w-100 text-center"},a.a.createElement("div",{className:"boxmodel-container boxmodel-chrome-skin mt-2 mx-auto text-center"},a.a.createElement("div",{className:"boxmodel-container"},a.a.createElement("div",{className:"boxmodel-margin"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("margin",null)}},"Margin"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("margin","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-left"]||m.margin||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("margin","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_margin",size:"3",value:m["margin-top"]||m.margin||""})),a.a.createElement("div",{className:"boxmodel-border"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("border",null)}},"Border"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("border","left")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-left-width"]||m["border-width"]||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("border","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_border",value:m["border-top-width"]||m["border-width"]||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-padding"},a.a.createElement("span",{className:"boxmodel-text boxmodel-header",onClick:function(){return p("padding",null)}},"Padding"),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-left",onClick:function(){return p("padding","left")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-left"]||m.padding||"")),a.a.createElement("div",{className:"flex-row"},a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-top",onClick:function(){return p("padding","top")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_top_padding",value:m["padding-top"]||m.padding||"",size:"3"})),a.a.createElement("div",{className:"boxmodel-content",onClick:function(){return c("size")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_width",size:"3",value:o?m.width:n.width?"".concat(n.width).concat(n.widthUnits||"px"):""}),"x",a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_height",size:"3",value:o?m.height:n.height?"".concat(n.height).concat(n.heightUnits||"px"):""})),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("padding","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_padding",size:"3",value:m["padding-bottom"]||m.padding||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("padding","right")}},a.a.createElement("div",{className:"rotate dim-display-padding"},m["padding-right"]||m.padding||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("border","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_border",size:"3",value:m["border-bottom-width"]||m["border-width"]||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("border","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["border-right-width"]||m["border-width"]||""))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-bottom",onClick:function(){return p("margin","bottom")}},a.a.createElement("input",{disabled:!0,type:"text",autoComplete:"off",name:"boxmodel-ex-1_bottom_margin",size:"3",value:m["margin-bottom"]||m.margin||""}))),a.a.createElement("span",{className:"boxmodel-input-container boxmodel-input-direction-right",onClick:function(){return p("margin","right")}},a.a.createElement("div",{className:"rotate dim-display"},m["margin-right"]||m.margin||"")))))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{width:"45%"}),a.a.createElement("td",null)),d&&["margin","padding"].includes(l)&&a.a.createElement(ur,{field:{name:d,label:d,type:"DimUnits",autoable:"margin"===l},node:n,setProp:t,isStyle:!0}),"size"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(ur,{field:{name:"width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:"height",label:"height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o}),a.a.createElement(ur,{field:{name:o?"min-height":"minHeight",label:"min height",type:"DimUnits"},node:n,setProp:t,isStyle:!!o})),"border"===l&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:d}),a.a.createElement(ur,{field:{name:d+"-width",label:"width",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:d+"-style",label:"style",type:"btn_select",btnClass:"btnstylesel",options:["solid","dotted","dashed","double","groove","ridge","inset","outset"].map(dr)},node:n,isStyle:!0,setProp:t}),a.a.createElement(ur,{field:{name:d+"-color",label:"color",type:"Color"},node:n,isStyle:!0,setProp:t}),!s&&a.a.createElement(ur,{field:{name:d+"-radius",label:"radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0}),s&&wn[s].map((function(e,r){return a.a.createElement(ur,{key:r,field:{name:"border-".concat(e,"-radius"),label:e.replace("-"," ")+" radius",type:"DimUnits"},node:n,setProp:t,isStyle:!0})}))),!d&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:2},a.a.createElement("div",null,"Click above to select a property to adjust."),a.a.createElement("div",null,a.a.createElement("small",null,"Click a label (margin, border, padding) to adjust all edges.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click an edge to adjust that edge.")),a.a.createElement("div",null,a.a.createElement("small",null,"Click center to adjust height and width")))))))},wn={left:["bottom-left","top-left"],right:["bottom-right","top-right"],top:["top-left","top-right"],bottom:["bottom-left","bottom-right"]};function En(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return xn(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 xn(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw o}}}}function xn(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 kn=function(e,t){for(var n=[],r=0;r<e;r++)n.push(t(r));return n},_n=function(e){var t,n=0,r=En(e);try{for(r.s();!(t=r.n()).done;){n+=t.value}}catch(e){r.e(e)}finally{r.f()}return n},On=function(e,t){return t<e.length?e[t]:12-_n(e)},Sn=function(e){var t=e.widths,n=e.contents,r=e.ncols,o=e.style,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag;return a.a.createElement("div",{className:"row ".concat(l?"selected-node":""),ref:function(e){return u(s(e))},style:tr(o||{})},kn(r,(function(e){return a.a.createElement("div",{key:e,className:"split-col col-sm-".concat(On(t,e))},a.a.createElement(mt,{canvas:!0,id:"Col".concat(e),is:vn},n[e]))})))};function Cn(e){return(Cn="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)}Sn.craft={displayName:"Columns",defaultProps:{widths:[6],ncols:2,style:{},breakpoints:["sm","sm"]},related:{settings:function(){var e=lt((function(e){return{widths:e.data.props.widths,ncols:e.data.props.ncols,breakpoints:e.data.props.breakpoints,style:e.data.props.style}})),t=e.actions.setProp,n=e.widths,o=e.ncols,i=e.breakpoints;e.style;return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Column properties"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"3"},a.a.createElement("label",null,"Number of columns")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",value:o,className:"form-control",step:"1",min:"1",max:"4",onChange:function(e){return t((function(t){t.ncols=e.target.value,t.widths=function(e){return kn(e-1,(function(){return 12/e}))}(e.target.value)}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Widths & Breakpoint")),kn(o,(function(e){return a.a.createElement(r.Fragment,{key:e},a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"4"},"Column ",e+1)),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Width")),a.a.createElement("td",{align:"right"},e<o-1?a.a.createElement("input",{type:"number",value:n[e],className:"form-control",step:"1",min:"1",max:12-(_n(n)-n[e])-1,onChange:function(n){return t((function(t){return t.widths[e]=+n.target.value}))}}):"".concat(12-_n(n))),a.a.createElement("td",null,"/12"),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:i[e],onChange:function(n){return t((function(t){return t.breakpoints[e]=n.target.value}))}},a.a.createElement("option",{disabled:!0},"Breakpoint"),a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"sm"},"Small"),a.a.createElement("option",{value:"md"},"Medium"),a.a.createElement("option",{value:"lg"},"Large")))))})))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))}}};var jn=["vert","autoable"];function Pn(e){return function(e){if(Array.isArray(e))return qn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Un(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 Nn(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Tn(e,t){return(Tn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function An(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=In(e);if(t){var a=In(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Rn(this,n)}}function Rn(e,t){if(t&&("object"===Cn(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function In(e){return(In=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function zn(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 Mn(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 Fn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mn(Object(n),!0).forEach((function(t){Ln(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ln(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Dn(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||Un(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 Un(e,t){if(e){if("string"==typeof e)return qn(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)?qn(e,t):void 0}}function qn(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 Bn=function(e){var t=e.icon,n=e.className;return t?a.a.createElement("i",{className:"".concat(t," ").concat(n||"")}):null},Hn=function(e){return e?{style:{display:"block"}}:{}},Wn=function(e){var t=e.block,n=e.setProp;return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:t,onChange:function(e){if(e.target){var t=e.target.checked;n((function(e){return e.block=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Block display"))},Vn=function(e){var t=e.block,n=e.inline,r=e.textStyle,o=e.setProp;return r&&r.startsWith("h")?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"inline",type:"checkbox",checked:n,onChange:function(e){if(e.target){var t=e.target.checked;o((function(e){return e.inline=t}))}}}),a.a.createElement("label",{className:"form-check-label"},"Inline display")):a.a.createElement(Wn,{block:t,setProp:o})},$n=function(e){var t=e.setProp,n=e.isFormula,o=e.node,i=e.nodekey,l=e.children;return"show"!==Object(r.useContext)(Rt).mode?l:a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"input-group input-group-sm w-100"},n[i]?a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:o[i],onChange:function(e){if(e.target){var n=e.target.value;t((function(e){return e[i]=n}))}}}):l,a.a.createElement("button",{className:"btn activate-formula ".concat(n[i]?"btn-secondary":"btn-outline-secondary"),title:"Calculated formula",type:"button",onClick:function(){var e=!n[i];t((function(t){t.isFormula[i]=e,e&&t[i]&&'"'!==t[i][0]?t[i]='"'.concat(t[i],'"'):e||"string"!=typeof t[i]||'"'!==t[i][0]||'"'!==t[i][t[i].length-1]||(t[i]=t[i].substring(1,t[i].length-1))}))}},a.a.createElement("i",{className:"fas fa-calculator"}))),n[i]&&a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))},Kn=function(e){var t=e.minRole,n=e.setProp,o=Object(r.useContext)(Rt);return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Minimum Role")),a.a.createElement("td",null,a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.minRole=t}))}}},o.roles.map((function(e){return a.a.createElement("option",{key:e.id,value:e.id},e.role)})))))},Yn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("select",{value:t,className:"form-control form-select",onChange:function(e){if(e.target){var t=e.target.value;n((function(e){return e.textStyle=t}))}}},a.a.createElement("option",{value:""},"Normal"),a.a.createElement("option",{value:"h1"},"Heading 1"),a.a.createElement("option",{value:"h2"},"Heading 2"),a.a.createElement("option",{value:"h3"},"Heading 3"),a.a.createElement("option",{value:"h4"},"Heading 4"),a.a.createElement("option",{value:"h5"},"Heading 5"),a.a.createElement("option",{value:"h6"},"Heading 6"),a.a.createElement("option",{value:"fw-bold"},"Bold"),a.a.createElement("option",{value:"fst-italic"},"Italics"),a.a.createElement("option",{value:"small"},"Small"),a.a.createElement("option",{value:"text-muted"},"Muted"),a.a.createElement("option",{value:"text-underline"},"Underline"),a.a.createElement("option",{value:"font-monospace"},"Monospace"))},Gn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("div",null,a.a.createElement("label",null,"Text Style"),a.a.createElement(Yn,{textStyle:t,setProp:n}))},Qn=function(e){var t=e.textStyle,n=e.setProp;return a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text Style")),a.a.createElement("td",null,a.a.createElement(Yn,{textStyle:t,setProp:n})))},Xn=function(e){var t=e.titles,n=e.children,o=Dn(Object(r.useState)(0),2),i=o[0],l=o[1];return a.a.createElement(r.Fragment,null,n.map((function(e,n){var o=n===i;return a.a.createElement(r.Fragment,{key:n},a.a.createElement("div",{className:"bg-".concat(o?"primary":"secondary"," ps-1 text-white w-100 mt-1"),onClick:function(){return l(n)}},a.a.createElement("span",{className:"w-1em"},o?a.a.createElement(Yt,{icon:Zt}):a.a.createElement(Yt,{icon:en})),e.props.accordiontitle||t[n]),o?e:null)})))},Jn=function(e){var t=e.url,n=e.body,r=e.options,a=e.setPreviews,o=e.node_id,i=e.isView;fetch(t,{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":r.csrfToken},body:JSON.stringify(n)}).then((function(e){return e.status<399?e.text():""})).then((function(e){$(".preview-scratchpad").html(e),$(".preview-scratchpad").find("a").attr("href","#"),$(".preview-scratchpad").find("[onclick], button, a, input, select").attr("onclick","return false"),$(".preview-scratchpad").find("textarea").attr("disabled",!0),$(".preview-scratchpad .full-page-width").removeClass("full-page-width"),i&&$(".preview-scratchpad").find("input").attr("readonly",!0);var t=$(".preview-scratchpad").html();a((function(e){return Fn(Fn({},e),{},Ln({},o,t))}))}))},Zn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Fn(Fn({},e),t),r=n.node_id,a=n.options,o=n.name,i=n.fieldview,l=n.setPreviews,c=Fn(Fn({},e.configuration||{}),t.configuration||{});Jn({options:a,node_id:r,setPreviews:l,url:"/field/preview/".concat(a.tableName,"/").concat(o,"/").concat(i),body:{configuration:c}})}},er=function(e){var t=e.vert,n=e.autoable,r=zn(e,jn);return a.a.createElement("select",r,a.a.createElement("option",null,"px"),a.a.createElement("option",null,"%"),a.a.createElement("option",null,t?"vh":"vw"),a.a.createElement("option",null,"em"),a.a.createElement("option",null,"rem"),n&&a.a.createElement("option",null,"auto"))},tr=function(e){var t={};return Object.keys(e).forEach((function(n){var r;t[(r=n,r.replace(/([-][a-z])/gi,(function(e){return e.toUpperCase().replace("-","")})))]=e[n]})),t},nr=function(e,t,n){(n||[]).forEach((function(t,n){"select"===t.input_type&&e((function(e){e.configuration[t.name]||(e.configuration[t.name]=t.options[0]||"")}))}))},rr=function(e){var t=e.value,n=e.onChange;return t?a.a.createElement("input",{type:"color",value:t,className:"form-control",onChange:function(e){return e.target&&n(e.target.value)}}):a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary",onClick:function(){return n("#000000")}},a.a.createElement("small",null,"Set color"))},ar=function(e){var t=e.fields,n=e.configuration,r=e.setProp,o=(e.node,e.onChange);return a.a.createElement("div",null,t.map((function(e,t){if(e.showIf&&n){var i=!1;if(Object.entries(e.showIf).forEach((function(e){var t=Dn(e,2),r=t[0],a=t[1];i=Array.isArray(a)?i||a.includes(n[r]):i||a!==n[r]})),i)return null}return a.a.createElement("div",{key:t},function(e){return e&&e.type&&("Bool"===e.type||"Bool"===e.type.name)}(e)?null:a.a.createElement("label",null,e.label||e.name),a.a.createElement(ir,{field:e,configuration:n,setProp:r,onChange:o}),e.sublabel?a.a.createElement("i",{dangerouslySetInnerHTML:{__html:e.sublabel}}):null)})),a.a.createElement("br",null))},or=function(e,t){return void 0===e?t:e},ir=function(e){var t=e.field,n=e.configuration,o=e.setProp,i=e.onChange,l=e.props,c=e.isStyle,u=Object(r.useContext)(Rt),s=function(e){o((function(r){n?(r.configuration||(r.configuration={}),r.configuration[t.name]=e):c?(r.style||(r.style={}),r.style[t.name]=e):r[t.name]=e})),i&&i(t.name,e)},f=or(n?n[t.name]:c?l.style[t.name]:l[t.name],t.default);"fromtype"===t.input_type&&(t.input_type=null),t.type&&"String"===t.type.name&&t.attributes.options&&(t.input_type="select",t.options="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options,!t.required&&t.options&&t.options.unshift(""));var d={String:function(){var e;if(null!==(e=t.attributes)&&void 0!==e&&e.options){var n="string"==typeof t.attributes.options?t.attributes.options.split(",").map((function(e){return e.trim()})):t.attributes.options;return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},n.map((function(e,t){return a.a.createElement("option",{key:t,value:"string"==typeof e?e:e.value||e.name},"string"==typeof e?e:e.label)})))}return a.a.createElement("input",{type:"text",className:"form-control",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Font:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},a.a.createElement("option",{value:""}),Object.entries(u.fonts||{}).map((function(e,t){var n=Dn(e,2),r=n[0],o=n[1];return a.a.createElement("option",{key:t,value:o},r)})))},Integer:function(){return a.a.createElement("input",{type:"number",className:"form-control",step:t.step||1,min:t.min,max:t.max,value:f||"",onChange:function(e){return e.target&&s(e.target.value)}})},Float:function(){return a.a.createElement("input",{type:"number",className:"form-control",value:f||"",step:.01,onChange:function(e){return e.target&&s(e.target.value)}})},Color:function(){return a.a.createElement(rr,{value:f,onChange:function(e){return s(e)}})},Bool:function(){return a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:f,onChange:function(e){return e.target&&s(e.target.checked)}}),a.a.createElement("label",{className:"form-check-label"},t.label))},textarea:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},code:function(){return a.a.createElement("textarea",{rows:"6",type:"text",className:"form-control",value:f,onChange:function(e){return e.target&&s(e.target.value)}})},select:function(){return a.a.createElement("select",{className:"form-control form-select",value:f||"",onChange:function(e){return e.target&&s(e.target.value)}},t.options.map((function(e,t){return a.a.createElement("option",{key:t},e)})))},btn_select:function(){return a.a.createElement("div",{className:"btn-group w-100",role:"group"},t.options.map((function(e,n){return a.a.createElement("button",{key:n,title:e.title||e.value,type:"button",style:{width:"".concat(Math.floor(100/t.options.length),"%")},className:"btn btn-sm btn-".concat(f!==e.value?"outline-":"","secondary ").concat(t.btnClass||""),onClick:function(){return s(e.value)}},e.label)})))},DimUnits:function(){var e,i;if(c&&"auto"===f)e="",i="auto";else if(c&&f&&"string"==typeof f){var u=f.match(/^([0-9]+\.?[0-9]*)(.*)/);u&&(e=u[1],i=u[2])}return a.a.createElement(r.Fragment,null,"auto"!==i&&a.a.createElement("input",{type:"number",value:(c?e:f)||"",className:"w-50 form-control-sm d-inline dimunit",disabled:t.autoable&&"auto"===i,onChange:function(e){return s(c?"".concat(e.target.value).concat(i||"px"):e.target.value)}}),a.a.createElement(er,{value:or(n?n[t.name+"Unit"]:c?i:l[t.name+"Unit"],"px"),autoable:t.autoable,className:"w-".concat("auto"===i?100:50," form-control-sm d-inline dimunit"),vert:!0,onChange:function(r){if(r.target){var a=r.target.value;o((function(r){var o="auto"===a&&t.autoable&&c?"":e;n?r.configuration[t.name+"Unit"]=a:c?r.style[t.name]="".concat(or(o,0)).concat(a):r[t.name+"Unit"]=a}))}}}))}}[t.input_type||t.type.name||t.type];return d?d():null},lr=function(e){return function(){var t=lt((function(t){var n={};return e.forEach((function(e){n[e.name]=t.data.props[e.name]})),e.some((function(e){return e.canBeFormula}))&&(n.isFormula=t.data.props.isFormula),n})),n=t.actions.setProp;return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,e.map((function(e,r){return a.a.createElement(ur,{field:e,key:r,node:t,setProp:n})}))))}},cr=function(e){var t=e.title;return a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},t))},ur=function(e){var t=e.field,n=e.node,o=e.setProp,i=e.onChange,l=e.isStyle,c=["String","Bool","textarea"].includes(t.type),u="Bool"!==t.type,s=t.canBeFormula?a.a.createElement($n,{nodekey:t.name,isFormula:n.isFormula,setProp:o,node:n},a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i})):a.a.createElement(ir,{field:t,props:n,setProp:o,onChange:i,isStyle:l});return a.a.createElement("tr",null,c?a.a.createElement("td",{colSpan:"2"},u&&a.a.createElement("label",null,t.label),s):a.a.createElement(r.Fragment,null,a.a.createElement("td",null,a.a.createElement("label",null,t.label)),a.a.createElement("td",null,s)))},sr=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Tn(e,t)}(o,e);var t,n,r,a=An(o);function o(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(t=a.call(this,e)).state={hasError:!1,reported:!1},t}return t=o,r=[{key:"getDerivedStateFromError",value:function(e){return{hasError:!0}}}],(n=[{key:"componentDidCatch",value:function(e,t){if(console.log("ErrorBoundary reporting: ",JSON.stringify(e),JSON.stringify(t)),!this.state.reported){var n={message:e.message,stack:e&&e.stack||""};fetch("/crashlog/",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":_sc_globalCsrf},body:JSON.stringify(n)}),this.setState({reported:!0})}}},{key:"render",value:function(){return this.props.children}}])&&Nn(t.prototype,n),r&&Nn(t,r),Object.defineProperty(t,"prototype",{writable:!1}),o}(a.a.Component),fr=function(e){var t=e.setProp,n=e.btnClass,r=void 0===n?null:n,o=e.keyPrefix,i=void 0===o?"":o,l=e.values,c=e.linkFirst,u=void 0!==c&&c,s=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}},f=function(e){return r?"".concat(r," ").concat(e):e};return[a.a.createElement("tr",{key:"btnstyle"},a.a.createElement("td",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"style"],onChange:s(i+"style")},u?a.a.createElement("option",{value:f("btn-link")},"Link"):null,a.a.createElement("option",{value:f("btn-primary")},"Primary button"),a.a.createElement("option",{value:f("btn-secondary")},"Secondary button"),a.a.createElement("option",{value:f("btn-success")},"Success button"),a.a.createElement("option",{value:f("btn-danger")},"Danger button"),a.a.createElement("option",{value:f("btn-outline-primary")},"Primary outline button"),a.a.createElement("option",{value:f("btn-outline-secondary")},"Secondary outline button"),a.a.createElement("option",{value:f("btn-custom-color")},"Button custom color"),u?null:a.a.createElement("option",{value:f("btn-link")},"Link")))),a.a.createElement("tr",{key:"btnsz"},a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:l[i+"size"],onChange:s(i+"size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block")))),a.a.createElement("tr",{key:"btnicon"},a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{value:l[i+"icon"],onChange:function(e){return t((function(t){return t[i+"icon"]=e}))},isMulti:!1,icons:hn})))].concat(Pn(l[i+"style"]===f("btn-custom-color")?[a.a.createElement("tr",{key:"btnbgcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Background")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bgcol"],className:"form-control-sm w-50",onChange:s(i+"bgcol")}))),a.a.createElement("tr",{key:"btnbdcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Border")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"bordercol"],className:"form-control-sm w-50",onChange:s(i+"bordercol")}))),a.a.createElement("tr",{key:"btntxtcol"},a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:l[i+"textcol"],className:"form-control-sm w-50",onChange:s(i+"textcol")})))]:[]))},dr=function(e){return{value:e,title:e,label:a.a.createElement("div",{style:{borderLeftStyle:e,borderTopStyle:e,height:"15px",width:"6px"}})}},pr=function e(t){return function(n,r){var o=t.node(n).get().data,i=o.type,l=o.props,c=(o.nodes||[]).map(e(t));if("Columns"===o.displayName){var u=kn(o.props.ncols,(function(n){return e(t)(o.linkedNodes["Col"+n])}));return a.a.createElement(Sn,Fn(Fn(Fn({},l),void 0!==r?{key:r}:{}),{},{contents:u}))}return o.isCanvas?a.a.createElement(mt,Fn(Fn({},l),{},{canvas:!0,is:i},void 0!==r?{key:r}:{}),c):a.a.createElement(i,Fn(Fn({},l),void 0!==r?{key:r}:{}),c)}},mr=function(e,t,n){return n&&n.startsWith("h")?!t:e},hr=n(21),vr=n.n(hr),gr=n(33),yr=n.n(gr);function br(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 wr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?br(Object(n),!0).forEach((function(t){Er(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):br(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Er(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xr(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return kr(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 kr(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 kr(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 _r={toolbarGroups:[{name:"document",groups:["mode","document","doctools"]},{name:"clipboard",groups:["clipboard","undo"]},{name:"forms",groups:["forms"]},{name:"basicstyles",groups:["basicstyles","cleanup"]},{name:"editing",groups:["find","selection","spellchecker","editing"]},{name:"paragraph",groups:["list","indent","blocks","align","bidi","paragraph"]},{name:"links",groups:["links"]},"/",{name:"insert",groups:["insert"]},{name:"styles",groups:["styles"]},{name:"colors",groups:["colors"]},{name:"tools",groups:["tools"]},{name:"others",groups:["others"]},{name:"about",groups:["about"]}],autoParagraph:!1,fillEmptyBlocks:!1,removeButtons:"Source,Save,NewPage,ExportPdf,Print,Preview,Templates,Cut,Copy,Paste,PasteText,PasteFromWord,Find,Replace,SelectAll,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,CopyFormatting,CreateDiv,BidiLtr,BidiRtl,Language,Anchor,Flash,Iframe,PageBreak,Maximize,ShowBlocks,About,Undo,Redo,Image"};var Or=function(e){var t=e.text,n=e.block,o=e.inline,i=e.isFormula,l=e.textStyle,c=e.icon,u=e.font,s=e.style,f=lt((function(e){return{selected:e.events.selected,dragged:e.events.dragged}})),d=f.connectors,p=d.connect,m=d.drag,h=f.selected,v=f.actions.setProp,g=xr(Object(r.useState)(!1),2),y=g[0],b=g[1];return Object(r.useEffect)((function(){!h&&b(!1)}),[h]),a.a.createElement("div",{className:"".concat(mr(n,o,l)?"d-block":"d-inline-block"," ").concat(l," is-text ").concat(i.text?"font-monospace":""," ").concat(h?"selected-node":""),ref:function(e){return p(m(e))},onClick:function(e){return h&&b(!0)},style:wr(wr({},u?{fontFamily:u}:{}),tr(s||{}))},a.a.createElement(Bn,{icon:c,className:"me-1"}),i.text?a.a.createElement(r.Fragment,null,"=",a.a.createElement(vr.a,{html:t,style:{display:"inline"},disabled:!y,onChange:function(e){return v((function(t){return t.text=e.target.value}))}})):y?a.a.createElement(sr,null,a.a.createElement(yr.a,{data:t,style:{display:"inline"},onChange:function(e){return v((function(t){return t.text=e.editor.getData()}))},config:_r,type:"inline"})):a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:t}}))};Or.craft={defaultProps:{text:"Click here",block:!1,inline:!1,isFormula:{},textStyle:"",labelFor:"",font:"",style:{}},displayName:"Text",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,block:e.data.props.block,inline:e.data.props.inline,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,labelFor:e.data.props.labelFor,icon:e.data.props.icon,font:e.data.props.font,style:e.data.props.style}})),t=e.actions.setProp,n=e.text,o=e.block,i=e.inline,l=e.textStyle,c=e.isFormula,u=e.labelFor,s=e.icon,f=(e.font,e.style,Object(r.useContext)(Rt)),d=f.mode,p=f.fields,m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,"show"===d&&a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",checked:c.text,onChange:function(e){return t((function(t){return t.isFormula.text=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Formula?")),a.a.createElement("label",null,"Text to display"),"show"===d&&c.text?a.a.createElement("input",{type:"text",className:"text-to-display form-control",value:n,onChange:m("text")}):a.a.createElement(sr,null,a.a.createElement("div",{className:"border"},a.a.createElement(yr.a,{data:n,onChange:function(e){if(e.editor){var n=e.editor.getData();t((function(e){return e.text=n}))}},config:_r,type:"inline"}))),"edit"===d&&a.a.createElement(r.Fragment,null,a.a.createElement("label",null,"Label for Field"),a.a.createElement("select",{value:u,onChange:m("labelFor"),className:"form-control form-select"},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)})))),a.a.createElement("table",{className:"w-100 mt-2"},a.a.createElement("tbody",null,a.a.createElement(Qn,{textStyle:l,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Icon")),a.a.createElement("td",null,a.a.createElement(fn.a,{className:"w-100",value:s,icons:hn,onChange:function(e){return t((function(t){return t.icon=e}))},isMulti:!1}))),a.a.createElement(ur,{field:{name:"font",label:"Font family",type:"Font"},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}))),a.a.createElement(Vn,{block:o,inline:i,textStyle:l,setProp:t}))}}};var Sr=Object(r.createContext)({});var Cr=function(e){var t=e.name,n=e.fieldview,o=e.block,i=e.inline,l=e.textStyle,c=e.configuration,u=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),s=u.selected,f=u.node_id,d=u.connectors,p=d.connect,m=d.drag,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[f],b=Object(r.useContext)(Rt),w=(b.blockDisplay||{})[t],E=w&&w.includes(n);return Object(r.useEffect)((function(){Zn({options:b,name:t,fieldview:n,configuration:c,setPreviews:g,node_id:f})()}),[]),a.a.createElement("div",{className:"".concat(l," ").concat(s?"selected-node":""," ").concat(mr(o,i,l)||E?"d-block":"d-inline-block"),ref:function(e){return p(m(e))}},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"[".concat(n," ").concat(t,"]"))};function jr(){return(jr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Cr.craft={displayName:"Field",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,fieldview:e.data.props.fieldview,block:e.data.props.block,inline:e.data.props.inline,textStyle:e.data.props.textStyle,configuration:e.data.props.configuration,node_id:e.id}})),t=e.actions.setProp,n=e.name,o=e.fieldview,i=e.block,l=e.inline,c=e.configuration,u=e.node_id,s=e.textStyle,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[n],m=(f.handlesTextStyle||{})[n],h=(f.blockDisplay||{})[n],v=function(e){return((f.fieldViewConfigForms||{})[n]||{})[e]},g=v(o),y=Zn({options:f,name:n,fieldview:o,configuration:c,setPreviews:d,node_id:u});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.field_view_options[e.target.value];n&&n.length>0?(t((function(e){return e.fieldview=n[0]})),y({name:e.target.value,fieldview:n[0]})):y({name:e.target.value})}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){t((function(t){return t.fieldview=e.target.value})),nr(t,e.target.value,v(e.target.value)),y({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),!(h&&h.includes(o))&&a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Vn,{block:i,inline:l,textStyle:s,setProp:t}))),!(m&&m.includes(o))&&a.a.createElement(Qn,{textStyle:s,setProp:t}))),g?a.a.createElement(ar,{fields:g,configuration:c,setProp:t,onChange:function(e,t){return y({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"field",column_type:"Field",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"fieldview","textStyle","block","inline",{name:"configuration",default:{}}]}};var Pr=function(e){var t=e.name,n=e.block,o=e.fieldview,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),c=l.selected,u=l.node_id,s=l.connectors,f=s.connect,d=s.drag,p=Object(r.useContext)(Sr),m=p.previews,h=p.setPreviews,v=m[u],g=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){Zn({options:g,name:t,fieldview:o,configuration:{},setPreviews:h,node_id:u})()}),[]),a.a.createElement("span",jr({className:"".concat(i," ").concat(c?"selected-node":"")},Hn(n),{ref:function(e){return f(d(e))}}),v?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:v}}):"[".concat(t,"]"))};function Nr(){return(Nr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Pr.craft={displayName:"JoinField",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,textStyle:e.data.props.textStyle,fieldview:e.data.props.fieldview,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=t.name,i=t.block,l=t.textStyle,c=t.configuration,u=t.fieldview,s=t.node_id,f=Object(r.useContext)(Rt),d=Object(r.useContext)(Sr).setPreviews,p=f.field_view_options[o],m=(e=u,((f.fieldViewConfigForms||{})[o]||{})[e]),h=Zn({options:f,name:o,fieldview:u,configuration:c,setPreviews:d,node_id:s});return a.a.createElement(r.Fragment,null,a.a.createElement("i",null,a.a.createElement("small",null,"Previews shown in canvas are indicative based on random rows")),a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Join field")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.name=e.target.value}));var t=f.field_view_options[e.target.value];t&&t.length>0?(n((function(e){return e.fieldview=t[0]})),h({name:e.target.value,fieldview:t[0]})):h({name:e.target.value})}},f.parent_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),p&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field view")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){n((function(t){return t.fieldview=e.target.value})),h({fieldview:e.target.value})}},(p||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:i,setProp:n}))),a.a.createElement(Qn,{textStyle:l,setProp:n}))),m?a.a.createElement(ar,{fields:m,configuration:c||{},setProp:n,onChange:function(e,t){return h({configuration:(n={},r=e,a=t,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n)});var n,r,a}}):null)},segment_type:"join_field",column_type:"JoinField",fields:[{name:"name",segment_name:"join_field",column_name:"join_field"},"fieldview","textStyle","block",{name:"configuration",default:{}}]}};var Tr=function(e){var t=e.agg_relation,n=e.agg_field,r=e.stat,o=e.block,i=e.textStyle,l=lt((function(e){return{selected:e.events.selected}})),c=l.selected,u=l.connectors,s=u.connect,f=u.drag;return a.a.createElement("span",Nr({className:"".concat(i," ").concat(c?"selected-node":"")},Hn(o),{ref:function(e){return s(f(e))}}),"[",r," ",t," ",n,"]")};Tr.craft={displayName:"Aggregation",related:{settings:function(){var e=lt((function(e){return{agg_relation:e.data.props.agg_relation,agg_field:e.data.props.agg_field,aggwhere:e.data.props.aggwhere,stat:e.data.props.stat,block:e.data.props.block,textStyle:e.data.props.textStyle}})),t=e.actions.setProp,n=e.agg_relation,o=e.agg_field,i=e.stat,l=e.aggwhere,c=e.block,u=e.textStyle,s=Object(r.useContext)(Rt);return a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Relation")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:n,onChange:function(e){return t((function(t){t.agg_relation=e.target.value;var n=s.agg_field_opts[e.target.value];n&&n.length>0&&(t.agg_field=n[0])}))}},s.child_field_list.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Child table field")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:o,onChange:function(e){return t((function(t){return t.agg_field=e.target.value}))}},(s.agg_field_opts[n]||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Statistic")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:function(e){return t((function(t){return t.stat=e.target.value}))}},a.a.createElement("option",{value:"Count"},"Count"),a.a.createElement("option",{value:"Avg"},"Avg"),a.a.createElement("option",{value:"Sum"},"Sum"),a.a.createElement("option",{value:"Max"},"Max"),a.a.createElement("option",{value:"Min"},"Min"),a.a.createElement("option",{value:"Array_Agg"},"Array_Agg"),s.fields.filter((function(e){return"Date"===e.type.name})).map((function(e){return a.a.createElement("option",{value:"Latest ".concat(e.name)},"Latest ",e.name)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:function(e){return t((function(t){return t.aggwhere=e.target.value}))}}))),a.a.createElement(Qn,{textStyle:u,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Wn,{block:c,setProp:t})))))},segment_type:"aggregation",column_type:"Aggregation",fields:["agg_relation","textStyle","block","agg_field","aggwhere","stat"]}};var Ar=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((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))}},"↵"),a.a.createElement("br",null))};function Rr(){return(Rr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Ar.craft={displayName:"LineBreak",related:{settings:lr([]),segment_type:"line_break",fields:[]}};var Ir=function(e){var t=e.name,n=e.block,r=(e.minRole,e.link_style),o=e.link_size,i=e.link_icon,l=e.inModal,c=e.label,u=e.textStyle,s=e.link_bgcol,f=e.link_bordercol,d=e.link_textcol,p=lt((function(e){return{selected:e.events.selected}})),m=p.selected,h=p.connectors,v=h.connect,g=h.drag,y=t.split(":"),b=c||(y.length>1?y[1]:y[0]);return a.a.createElement("span",Rr({className:"".concat(u," ").concat(l?"btn btn-secondary btn-sm":""," ").concat(m?"selected-node":"is-builder-link"," ").concat(r," ").concat(o)},Hn(n),{ref:function(e){return v(g(e))},style:"btn btn-custom-color"===r?{backgroundColor:s||"#000000",borderColor:f||"#000000",color:d||"#000000"}:{}}),i?a.a.createElement("i",{className:"".concat(i," me-1")}):"",b)};function zr(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mr(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 Mr(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 Mr(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}Ir.craft={displayName:"ViewLink",defaultProps:{isFormula:{}},related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,isFormula:e.data.props.isFormula,label:e.data.props.label,inModal:e.data.props.inModal,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,textStyle:e.data.props.textStyle,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol,extra_state_fml:e.data.props.extra_state_fml}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.label,c=e.isFormula,u=e.inModal,s=e.textStyle,f=e.extra_state_fml,d=Object(r.useContext)(Rt);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"View to link to"),a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},d.link_view_opts.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,{nodekey:"label",setProp:t,isFormula:c,node:e},a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:l,onChange:function(e){return t((function(t){return t.label=e.target.value}))}})))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Extra state Formula"),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:f,onChange:function(e){return t((function(t){return t.extra_state_fml=e.target.value}))}}))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.inModal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Wn,{block:o,setProp:t}),a.a.createElement(Gn,{textStyle:s,setProp:t}),a.a.createElement("table",null,a.a.createElement("tbody",null,a.a.createElement(Kn,{minRole:i,setProp:t}))))},segment_type:"view_link",column_type:"ViewLink",fields:[{name:"name",segment_name:"view",column_name:"view"},{name:"label",segment_name:"view_label",canBeFormula:!0},"block","textStyle",{name:"inModal",segment_name:"in_modal",column_name:"in_modal"},"minRole","link_style","link_icon","link_size","link_bgcol","link_bordercol","link_textcol","extra_state_fml"]}};var Fr=function(e){var t=e.has_dropdown,n=e.children,o=e.show_badges,i=lt((function(e){return{selected:e.events.selected}})),l=i.selected,c=i.connectors,u=c.connect,s=c.drag,f=zr(Object(r.useState)(!1),2),d=f[0],p=f[1],m=zr(Object(r.useState)(200),2),h=m[0],v=m[1];return a.a.createElement("div",{className:"input-group ".concat(l?"selected-node":""),ref:function(e){if(e&&e.getBoundingClientRect){var t=e.getBoundingClientRect().width;t!==h&&v(t)}u(s(e))}},a.a.createElement("button",{className:"btn btn-outline-secondary",disabled:!0},a.a.createElement("i",{className:"fas fa-search"})),a.a.createElement("input",{type:"text",className:"form-control bg-light",placeholder:"Search...",disabled:!0}),o&&a.a.createElement("div",{className:"input-group-text"},a.a.createElement("span",{className:"badge bg-primary"},"X:Y")),t&&a.a.createElement(r.Fragment,null,a.a.createElement("button",{className:"btn btn-outline-secondary",onClick:function(){return p(!d)}},a.a.createElement(Yt,{icon:Jt})),a.a.createElement("div",{className:"dropdown-menu searchbar-dropdown ".concat(d?"show":""),style:{width:h,left:0}},a.a.createElement("div",{className:"canvas"},n))))};Fr.craft={displayName:"SearchBar",props:{has_dropdown:!1,show_badges:!1},related:{settings:function(){var e=lt((function(e){return{has_dropdown:e.data.props.has_dropdown,show_badges:e.data.props.show_badges}})),t=e.actions.setProp,n=e.has_dropdown,r=e.show_badges;return a.a.createElement("div",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:n,onChange:function(e){return t((function(t){return t.has_dropdown=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Has Dropdown")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:r,onChange:function(e){return t((function(t){return t.show_badges=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Show current state badges")))},segment_type:"search_bar",hasContents:!0,fields:["has_dropdown","show_badges"]}};var Lr=function(e){var t=e.text,n=lt((function(e){return{selected:e.events.selected}})),r=n.selected,o=n.connectors,i=o.connect,l=o.drag;return a.a.createElement("span",{className:"is-html-block ".concat(r?"selected-node":""),ref:function(e){return i(l(e))}},a.a.createElement("div",{style:{fontSize:"8px"}},"HTML"),a.a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}))},Dr=[{label:"HTML Code",name:"text",type:"textarea",segment_name:"contents"}];Lr.craft={displayName:"HTMLCode",related:{settings:lr(Dr),segment_type:"blank",segment_vars:{isHTML:!0},segment_match:function(e){return e.isHTML},fields:Dr}};var Ur=function(e){var t=e.name,n=e.block,r=e.action_label,o=e.action_style,i=e.action_icon,l=e.action_size,c=e.action_bgcol,u=e.action_bordercol,s=e.action_textcol,f=lt((function(e){return{selected:e.events.selected}})),d=f.selected,p=f.connectors,m=p.connect,h=p.drag;return a.a.createElement("button",{className:"btn ".concat(o||"btn-primary"," ").concat(l||""," ").concat(d?"selected-node":""," ").concat(n?"d-block":""),ref:function(e){return m(h(e))},style:"btn-custom-color"===o?{backgroundColor:c||"#000000",borderColor:u||"#000000",color:s||"#000000"}:{}},a.a.createElement(Bn,{icon:i,className:"me-1"}),r||t)};function qr(e){return function(e){if(Array.isArray(e))return Br(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Br(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 Br(e,t)}(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 Br(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}function Hr(){return(Hr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Ur.craft={displayName:"Action",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,minRole:e.data.props.minRole,confirm:e.data.props.confirm,action_label:e.data.props.action_label,configuration:e.data.props.configuration,isFormula:e.data.props.isFormula,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.minRole,l=e.isFormula,c=e.confirm,u=e.configuration,s=e.action_label,f=Object(r.useContext)(Rt),d=function(e){return(f.actionConfigForms||{})[e]},p=d(n);return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Action")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value})),nr(t,e.target.value,d(e.target.value))}},f.actions.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Label (leave blank for default)"),a.a.createElement($n,{nodekey:"action_label",setProp:t,isFormula:l,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:s,onChange:function(e){return t((function(t){return t.action_label=e.target.value}))}})))),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement(Kn,{minRole:i,setProp:t}))),"show"===f.mode||"Delete"===n||"Reset"===n?a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:c,onChange:function(e){return t((function(t){return t.confirm=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"User confirmation?")):null,a.a.createElement(Wn,{block:o,setProp:t}),p?a.a.createElement(ar,{fields:p,configuration:u,setProp:t,node:e}):null)}}};var Wr=function(e){var t=e.fileid,n=e.block,r=e.srctype,o=e.url,i=e.alt,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p="File"===r?"/files/serve/".concat(t):o;return a.a.createElement("span",Hr({},Hn(n),{ref:function(e){return f(d(e))}}),0===t?"No images Available":a.a.createElement("img",{className:"".concat(l&&l.width?"":"w-100"," image-widget ").concat(u?"selected-node":""),style:tr(l||{}),src:p,alt:i}))};function Vr(e){return function(e){if(Array.isArray(e))return Yr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Kr(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 $r(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||Kr(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 Kr(e,t){if(e){if("string"==typeof e)return Yr(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)?Yr(e,t):void 0}}function Yr(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}Wr.craft={displayName:"Image",defaultProps:{alt:"",block:!1,isFormula:{},srctype:"File",style:{}},related:{settings:function(){var e=lt((function(e){return{fileid:e.data.props.fileid,field:e.data.props.field,url:e.data.props.url,filepath:e.data.props.filepath,srctype:e.data.props.srctype,alt:e.data.props.alt,block:e.data.props.block,style:e.data.props.style,isFormula:e.data.props.isFormula,imgResponsiveWidths:e.data.props.imgResponsiveWidths}})),t=e.actions.setProp,n=e.fileid,o=e.srctype,i=e.field,l=e.url,c=e.alt,u=e.block,s=e.isFormula,f=e.filepath,d=e.imgResponsiveWidths,p=(e.style,Object(r.useContext)(Rt)),m=Object(r.useContext)(Sr),h=m.uploadedFiles,v=m.setUploadedFiles,g=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("table",{accordiontitle:"Select image"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("i",null,a.a.createElement("small",null,"Preview shown in canvas is indicative")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Source")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:g("srctype")},a.a.createElement("option",null,"File"),a.a.createElement("option",null,"URL"),a.a.createElement("option",null,"Upload"),"show"===p.mode&&a.a.createElement("option",null,"Field")))),"File"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:g("fileid")},p.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(h||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))))),"URL"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"url",setProp:t,isFormula:s,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:l,onChange:g("url")})))),"Upload"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("input",{type:"file",className:"form-control",value:f,onChange:function(e){if(e.target.files&&e.target.files.length>0){var n=new FormData;n.append("file",e.target.files[0]),n.append("min_role_read",p.min_role||1),fetch("/files/upload",{method:"POST",body:n,headers:{"X-Requested-With":"XMLHttpRequest","CSRF-Token":p.csrfToken}}).then((function(e){return e.json()})).then((function(e){v((function(t){return[].concat(qr(t),[{id:e.success.id,filename:e.success.filename}])})),t((function(t){t.fileid=e.success.id,t.srctype="File"}))})).catch((function(e){console.error("Error:",e)}))}}}))),"Field"===o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:i,className:"form-control form-select",onChange:g("field")},p.fields.filter((function(e){return e.type&&"String"===e.type.name||"_sc_files"===e.reftable_name})).map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Alt text")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"alt",setProp:t,isFormula:s,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:c,onChange:g("alt")})))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Responsive widths")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",value:d,className:"form-control",onChange:g("imgResponsiveWidths")}),a.a.createElement("small",null,a.a.createElement("i",null,"List of widths to serve resized images, e.g. 300, 400, 600")))),"Upload"!==o&&a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Wn,{block:u,setProp:t}))))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"image",fields:[{name:"alt",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"srctype",default:"File"},{name:"fileid",default:0},"field","block","imgResponsiveWidths",{name:"style",default:{}}]}};var Gr=function(e){var t=e.contents,n=e.titles,o=e.tabsStyle,i=e.ntabs,l=e.independent,c=(e.field,lt((function(e){return{selected:e.events.selected}}))),u=c.selected,s=c.connectors,f=s.connect,d=s.drag,p=$r(Object(r.useState)(0),2),m=p[0],h=p[1],v=$r(Object(r.useState)([!0]),2),g=v[0],y=v[1];return"Accordion"===o?a.a.createElement("div",{className:"accordion"},kn(i,(function(e){return a.a.createElement("div",{key:e,className:"card"},a.a.createElement("div",{className:"card-header"},a.a.createElement("h2",{className:"mb-0"},a.a.createElement("button",{className:"btn btn-link btn-block text-left",type:"button",onClick:function(){if(h(e),l){var t=Vr(g);t[e]=!t[e],y(t)}else{var n=[];n[e]=!0,y(n)}}},n[e]))),a.a.createElement("div",{id:"collapse".concat(e),className:"collapse ".concat(l&&g[e]||!l&&m==e?"show":""),"aria-labelledby":"headingOne","data-parent":"#accordionExample"},a.a.createElement("div",{className:"card-body"},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(e),is:vn},t[e]))))}))):a.a.createElement(r.Fragment,null,a.a.createElement("ul",{id:"myTab",role:"tablist",className:"nav ".concat("Tabs"===o?"nav-tabs":"nav-pills"," builder ").concat(u?"selected-node":""),ref:function(e){return f(d(e))}},kn(i,(function(e){if(!n[e])return null;var t=void 0===n[e].value?e:n[e].value;return a.a.createElement("li",{key:e,className:"nav-item",role:"presentation"},a.a.createElement("a",{className:"nav-link ".concat(t===m?"active":""),onClick:function(){return h(t)}},n[e]&&(void 0===n[e].label?n[e]:""===n[e].label?"(empty)":n[e].label)))}))),a.a.createElement("div",{className:"tab-content",id:"myTabContent"},kn(i,(function(e){if(!n[e])return null;var r=void 0===n[e].value?e:n[e].value;return r!==m?a.a.createElement("div",{className:"d-none",key:e},a.a.createElement(mt,{canvas:!0,id:"Tab".concat(r),is:vn},t[r])):a.a.createElement("div",{key:e,className:"tab-pane fade ".concat(r===m?"show active":""),role:"tabpanel","aria-labelledby":"home-tab"},a.a.createElement("div",{className:"d-none"},r),a.a.createElement(mt,{canvas:!0,id:"Tab".concat(r),is:vn},t[r]))}))))};Gr.craft={props:{titles:["Tab1","Tab2"],ntabs:2,tabsStyle:"Tabs",independent:!1,deeplink:!0},displayName:"Tabs",related:{settings:function(){var e=lt((function(e){return{tabsStyle:e.data.props.tabsStyle,ntabs:e.data.props.ntabs,independent:e.data.props.independent,deeplink:e.data.props.deeplink,titles:e.data.props.titles,field:e.data.props.field}})),t=e.actions.setProp,n=e.titles,o=e.tabsStyle,i=e.deeplink,l=e.independent,c=e.ntabs,u=e.field,s=Object(r.useContext)(Rt);return Object(r.useEffect)((function(){u&&fetch("/api/".concat(s.tableName,"/distinct/").concat(u),{method:"GET",headers:{"Content-Type":"application/json","CSRF-Token":s.csrfToken}}).then((function(e){return e.status<399?e.json():""})).then((function(e){if(e.success){var n=e.success.length;t((function(e){return e.ntabs=n})),t((function(t){return t.titles=e.success}))}}))}),[u]),a.a.createElement("table",{className:"w-100",accordiontitle:"Placement"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Style")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){return t((function(t){t.tabsStyle=e.target.value}))}},a.a.createElement("option",null,"Tabs"),a.a.createElement("option",null,"Pills"),a.a.createElement("option",null,"Accordion"),["show","edit"].includes(s.mode)&&a.a.createElement("option",null,"Value switch")))),"Value switch"===o?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:u,className:"form-control form-select",onChange:function(e){t((function(t){return t.field=e.target.value}))}},s.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))):a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("th",null,a.a.createElement("label",null,"Number of sections")),a.a.createElement("td",null,a.a.createElement("input",{type:"number",className:"form-control",value:c,step:"1",min:"0",max:"20",onChange:function(e){return t((function(t){return t.ntabs=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("th",{colSpan:"2"},"Titles")),kn(c,(function(e){return a.a.createElement("tr",{key:e},a.a.createElement("th",null,e+1),a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n[e],onChange:function(n){return t((function(t){return t.titles[e]=n.target.value}))}})))})),"Accordion"===o?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){e.target&&t((function(t){return t.independent=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open independently")))):a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:i,onChange:function(e){e.target&&t((function(t){return t.deeplink=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Deep link")))))))}}};var Qr=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=lt((function(e){return{selected:e.events.selected}})),n=(t.selected,t.connectors);n.connect,n.drag;return null};function Xr(){return(Xr=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}Qr.craft={displayName:"Empty"};var Jr=function(e){var t=e.name,n=e.block,r=e.full_width,o=lt((function(e){return{selected:e.events.selected}})),i=o.selected,l=o.connectors,c=l.connect,u=l.drag;return a.a.createElement("span",Xr({className:i?"selected-node":""},Hn(n),{ref:function(e){return c(u(e))}}),a.a.createElement("select",{disabled:!0,className:r?"w-100":""},a.a.createElement("option",null,t)))};function Zr(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ea(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 ea(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 ea(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}Jr.craft={displayName:"DropDownFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,block:e.data.props.block,neutral_label:e.data.props.neutral_label,full_width:e.data.props.full_width,where:e.data.props.where}})),t=e.actions.setProp,n=e.name,o=e.block,i=e.neutral_label,l=e.full_width,c=e.where,u=Object(r.useContext)(Rt);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){return t((function(t){return t.name=e.target.value}))}},u.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Neutral label")),a.a.createElement("td",null,a.a.createElement("input",{value:i,className:"form-control",onChange:function(e){return t((function(t){return t.neutral_label=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Where")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"form-control",onChange:function(e){return t((function(t){return t.where=e.target.value}))}}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:o,setProp:t}))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:l,onChange:function(e){return t((function(t){return t.full_width=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Full width"))))))},segment_type:"dropdown_filter",column_type:"DropDownFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"full_width","neutral_label","where","block"]}};var ta=function(e){var t=e.children,n=e.action_style,o=e.action_size,i=e.action_icon,l=e.action_bgcol,c=e.action_bordercol,u=e.action_textcol,s=e.block,f=e.label,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag,g=Zr(Object(r.useState)(!1),2),y=g[0],b=g[1];return a.a.createElement("div",{className:"".concat(p?"selected-node":""," ").concat(s?"d-block":""),ref:function(e){return h(v(e))}},a.a.createElement("button",{className:"btn ".concat(n||"btn-primary"," ").concat(o||""," "),style:"btn-custom-color"===n?{backgroundColor:l||"#000000",borderColor:c||"#000000",color:u||"#000000"}:{}},a.a.createElement(Bn,{icon:i,className:"me-1"}),f,a.a.createElement(Yt,{icon:Jt,className:"ms-1",onClick:function(){return b(!y)}})),a.a.createElement("div",{className:"dropdown-menu dropmenu-dropdown ".concat(y?"show":"")},a.a.createElement("div",{className:"canvas d-flex flex-column"},t)))};function na(){return(na=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}ta.craft={displayName:"DropMenu",props:{label:"Menu",block:!1},related:{settings:function(){var e=lt((function(e){return{label:e.data.props.label,block:e.data.props.block,action_style:e.data.props.action_style,action_size:e.data.props.action_size,action_icon:e.data.props.action_icon,action_bgcol:e.data.props.action_bgcol,action_bordercol:e.data.props.action_bordercol,action_textcol:e.data.props.action_textcol}})),t=e.actions.setProp,n=(e.label,e.block);return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Label",name:"label",type:"String"},node:e,setProp:t}),a.a.createElement(fr,{setProp:t,keyPrefix:"action_",values:e}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement(Wn,{block:n,setProp:t})))))},segment_type:"dropdown_menu",hasContents:!0,fields:["label","block","action_style","action_size","action_icon","action_bgcol","action_bordercol","action_textcol"]}};var ra=function(e){e.name;var t=e.value,n=e.preset_value,r=e.block,o=e.label,i=e.size,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("span",na({className:u?"selected-node":""},Hn(r),{ref:function(e){return f(d(e))}}),a.a.createElement("button",{className:"btn btn-outline-".concat(l||"primary"," ").concat(i)},o||t||n||"Set label"))};ra.craft={displayName:"ToggleFilter",related:{settings:function(){var e=lt((function(e){return{name:e.data.props.name,value:e.data.props.value,preset_value:e.data.props.preset_value,block:e.data.props.block,label:e.data.props.label,size:e.data.props.size,style:e.data.props.style}})),t=e.actions.setProp,n=e.name,o=e.value,i=e.block,l=e.preset_value,c=e.label,u=e.size,s=e.style,f=Object(r.useContext)(Rt),d=f.fields.find((function(e){return e.name===n})),p=d.preset_options,m=d&&"Bool"===d.type.name,h=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Field")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control form-select",onChange:function(e){t((function(t){return t.name=e.target.value}));var n=f.fields.find((function(t){return t.name===e.target.value}));n&&"Bool"===n.type.name&&t((function(e){return e.value="on"})),t((function(e){return e.preset_value=""}))}},f.fields.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label)}))))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Value")),a.a.createElement("td",null,m?a.a.createElement("select",{value:o,className:"w-100 form-select",onChange:h("value")},a.a.createElement("option",{value:"on"},"True"),a.a.createElement("option",{value:"off"},"False"),a.a.createElement("option",{value:"?"},"Both")):a.a.createElement("input",{value:o,className:"w-100",onChange:h("value")}))),p&&p.length>0?a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Preset")),a.a.createElement("td",null,a.a.createElement("select",{value:l,className:"form-control form-select",onChange:h("preset_value")},a.a.createElement("option",{value:""}),p.map((function(e,t){return a.a.createElement("option",{key:t,value:e},e)}))))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Label")),a.a.createElement("td",null,a.a.createElement("input",{value:c,className:"w-100",onChange:h("label")}))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button size")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:u,onChange:h("size")},a.a.createElement("option",{value:""},"Standard"),a.a.createElement("option",{value:"btn-lg"},"Large"),a.a.createElement("option",{value:"btn-sm"},"Small"),a.a.createElement("option",{value:"btn-block"},"Block"),a.a.createElement("option",{value:"btn-block btn-lg"},"Large block"),a.a.createElement("option",{value:"btn-block btn-sm"},"Small block")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Button style")),a.a.createElement("td",null,a.a.createElement("select",{className:"form-control form-select",value:s,onChange:h("style")},a.a.createElement("option",{value:"primary"},"Primary"),a.a.createElement("option",{value:"secondary"},"Secondary"),a.a.createElement("option",{value:"success"},"Success"),a.a.createElement("option",{value:"danger"},"Danger"),a.a.createElement("option",{value:"warning"},"Warning"),a.a.createElement("option",{value:"info"},"Info"),a.a.createElement("option",{value:"light"},"Light"),a.a.createElement("option",{value:"dark"},"Dark")))),a.a.createElement("tr",null,a.a.createElement("td",null),a.a.createElement("td",null,a.a.createElement(Wn,{block:i,setProp:t})))))},segment_type:"toggle_filter",column_type:"ToggleFilter",fields:[{name:"name",segment_name:"field_name",column_name:"field_name"},"value","preset_value","block","label","size","style"]}};var aa=function(e){var t=e.children,n=e.isFormula,r=e.title,o=e.shadow,i=e.noPadding,l=e.style,c=lt((function(e){return{selected:e.events.selected}})),u=c.selected,s=c.connectors,f=s.connect,d=s.drag;return a.a.createElement("div",{className:"card ".concat(o?"shadow":""," builder ").concat(u?"selected-node":""),style:tr(l),ref:function(e){return f(d(e))}},r&&r.length>0&&a.a.createElement("div",{className:"card-header"},null!=n&&n.title?a.a.createElement("span",{className:"font-monospace"},"=",r):r),a.a.createElement("div",{className:"card-body ".concat(i?"p-0":"")},a.a.createElement("div",{className:"canvas"},t)))},oa=[{label:"Card title",name:"title",type:"String",canBeFormula:!0},{label:"URL",name:"url",type:"String",canBeFormula:!0},{label:"Shadow",name:"shadow",type:"Bool"},{label:"No padding",name:"noPadding",type:"Bool"},{name:"style",default:{}}];function ia(){return(ia=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function la(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}aa.craft={props:{title:"",url:"",shadow:!0,isFormula:{},style:{}},displayName:"Card",related:{settings:function(){var e=lt((function(e){var t={};return oa.forEach((function(n){t[n.name]=e.data.props[n.name]})),oa.some((function(e){return e.canBeFormula}))&&(t.isFormula=e.data.props.isFormula),t})),t=e.actions.setProp;return a.a.createElement(Xn,null,a.a.createElement("table",{className:"w-100",accordiontitle:"Card properties"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{label:"Card title",name:"title",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"URL",name:"url",type:"String",canBeFormula:!0},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"Shadow",name:"shadow",type:"Bool"},node:e,setProp:t}),a.a.createElement(ur,{field:{label:"No padding",name:"noPadding",type:"Bool"},node:e,setProp:t}))),a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e,sizeWithStyle:!0})))},segment_type:"card",hasContents:!0,fields:oa}};var ca=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=la(e,["color","size"]);return a.a.createElement("svg",ia({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"}),a.a.createElement("path",{d:"M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"}))}));ca.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ca.defaultProps={color:"currentColor",size:"1em"};var ua=ca;function sa(){return(sa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function fa(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}var da=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=fa(e,["color","size"]);return a.a.createElement("svg",sa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"}),a.a.createElement("path",{d:"M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"}))}));da.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},da.defaultProps={color:"currentColor",size:"1em"};var pa=da;function ma(){return(ma=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ha(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}var va=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ha(e,["color","size"]);return a.a.createElement("svg",ma({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",rx:"1",transform:"matrix(1 0 0 -1 6 15)"}),a.a.createElement("path",{d:"M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z"}))}));va.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},va.defaultProps={color:"currentColor",size:"1em"};var ga=va;function ya(){return(ya=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ba(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}var wa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ba(e,["color","size"]);return a.a.createElement("svg",ya({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v10zM1 8a.5.5 0 0 0 .5.5H6v-1H1.5A.5.5 0 0 0 1 8zm14 0a.5.5 0 0 1-.5.5H10v-1h4.5a.5.5 0 0 1 .5.5z"}))}));wa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},wa.defaultProps={color:"currentColor",size:"1em"};var Ea=wa;function xa(){return(xa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ka(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}var _a=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=ka(e,["color","size"]);return a.a.createElement("svg",xa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("rect",{width:"4",height:"12",x:"6",y:"1",rx:"1"}),a.a.createElement("path",{d:"M1.5 14a.5.5 0 0 0 0 1v-1zm13 1a.5.5 0 0 0 0-1v1zm-13 0h13v-1h-13v1z"}))}));_a.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},_a.defaultProps={color:"currentColor",size:"1em"};var Oa=_a;function Sa(){return(Sa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ca(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}var ja=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ca(e,["color","size"]);return a.a.createElement("svg",Sa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"}),a.a.createElement("path",{d:"M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z"}))}));ja.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},ja.defaultProps={color:"currentColor",size:"1em"};var Pa=ja;function Na(){return(Na=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ta(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}var Aa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ta(e,["color","size"]);return a.a.createElement("svg",Na({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1zm0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5zM2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z"}))}));Aa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Aa.defaultProps={color:"currentColor",size:"1em"};var Ra=Aa;function Ia(){return(Ia=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function za(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}var Ma=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=za(e,["color","size"]);return a.a.createElement("svg",Ia({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"}),a.a.createElement("path",{d:"M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7z"}))}));Ma.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ma.defaultProps={color:"currentColor",size:"1em"};var Fa=Ma;function La(){return(La=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Da(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}var Ua=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Da(e,["color","size"]);return a.a.createElement("svg",La({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"}),a.a.createElement("path",{d:"M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z"}))}));Ua.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ua.defaultProps={color:"currentColor",size:"1em"};var qa=Ua;function Ba(){return(Ba=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ha(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}var Wa=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ha(e,["color","size"]);return a.a.createElement("svg",Ba({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"}),a.a.createElement("path",{d:"M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"}))}));Wa.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Wa.defaultProps={color:"currentColor",size:"1em"};var Va=Wa;function $a(){return($a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ka(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}var Ya=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Ka(e,["color","size"]);return a.a.createElement("svg",$a({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"}),a.a.createElement("path",{d:"M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"}))}));Ya.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ya.defaultProps={color:"currentColor",size:"1em"};var Ga=Ya;function Qa(){return(Qa=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Xa(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}var Ja=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Xa(e,["color","size"]);return a.a.createElement("svg",Qa({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M8 4.5a7 7 0 0 0-7 7 .5.5 0 0 1-1 0 8 8 0 1 1 16 0 .5.5 0 0 1-1 0 7 7 0 0 0-7-7zm0 2a5 5 0 0 0-5 5 .5.5 0 0 1-1 0 6 6 0 1 1 12 0 .5.5 0 0 1-1 0 5 5 0 0 0-5-5zm0 2a3 3 0 0 0-3 3 .5.5 0 0 1-1 0 4 4 0 1 1 8 0 .5.5 0 0 1-1 0 3 3 0 0 0-3-3zm0 2a1 1 0 0 0-1 1 .5.5 0 0 1-1 0 2 2 0 1 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-1-1z"}))}));Ja.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},Ja.defaultProps={color:"currentColor",size:"1em"};var Za=Ja;function eo(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 to(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eo(Object(n),!0).forEach((function(t){no(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function no(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ro=function(e){var t,n=e.children,r=e.minHeight,o=e.height,i=e.width,l=e.minHeightUnit,c=e.heightUnit,u=e.widthUnit,s=e.vAlign,f=e.hAlign,d=e.bgFileId,p=e.imageSize,m=e.bgType,h=e.display,v=e.bgColor,g=e.setTextColor,y=e.textColor,b=e.customClass,w=e.customCSS,E=(e.margin,e.padding,e.minScreenWidth,e.gradStartColor),x=e.gradEndColor,k=e.gradDirection,_=e.rotate,O=e.style,S=e.htmlElement,C=lt((function(e){return{selected:e.events.selected}})),j=C.selected,P=C.connectors,N=P.connect,T=P.drag;return a.a.createElement(S,{ref:function(e){return N(T(e))},className:"".concat(b||""," canvas text-").concat(f," ").concat("middle"===s?"d-flex align-items-center":""," ").concat("middle"===s&&"center"===f&&"justify-content-center"," ").concat(j?"selected-node":""),style:to(to(to(to(to(to(to(to(to({},(t=w||"",(t||"").split("\n").join("").split(";").filter((function(e){return e.split(":")[0]&&e.split(":")[1]})).map((function(e){return[e.split(":")[0].trim().replace(/-./g,(function(e){return e.substr(1).toUpperCase()})),e.split(":")[1].trim()]})).reduce((function(e,t){return Fn(Fn({},e),{},Ln({},t[0],t[1]))}),{}))),tr(O)),{},{display:h,minHeight:r?"".concat(r).concat(l||"px"):null},"Image"===m&&d&&+d?{backgroundImage:"url('/files/serve/".concat(d,"')"),backgroundSize:"repeat"===p?void 0:p||"contain",backgroundRepeat:"repeat"===p?p:"no-repeat"}:{}),"Color"===m?{backgroundColor:v}:{}),"Gradient"===m?{backgroundImage:"linear-gradient(".concat(k||0,"deg, ").concat(E,", ").concat(x,")")}:{}),g?{color:y}:{}),void 0!==o?{height:"".concat(o).concat(c||"px")}:{}),void 0!==i?{width:"".concat(i).concat(u||"px")}:{}),_?{transform:"rotate(".concat(_,"deg)")}:{})},n)};ro.craft={displayName:"Container",props:{minHeight:0,vAlign:"top",hAlign:"left",bgFileId:0,rotate:0,isFormula:{},bgType:"None",fullPageWidth:!1,bgColor:"#ffffff",borderColor:"#000000",setTextColor:!1,textColor:"#ffffff",gradStartColor:"#ff8888",gradEndColor:"#88ff88",gradDirection:"0",imageSize:"contain",showIfFormula:"",showForRole:[],margin:[0,0,0,0],padding:[0,0,0,0],minScreenWidth:"",display:"block",show_for_owner:!1,style:{},htmlElement:"div"},rules:{canDrag:function(){return!0}},related:{settings:function(){var e=lt((function(e){return{minHeight:e.data.props.minHeight,height:e.data.props.height,width:e.data.props.width,minHeightUnit:e.data.props.minHeightUnit,heightUnit:e.data.props.heightUnit,widthUnit:e.data.props.widthUnit,bgType:e.data.props.bgType,bgColor:e.data.props.bgColor,isFormula:e.data.props.isFormula,bgFileId:e.data.props.bgFileId,imageSize:e.data.props.imageSize,htmlElement:e.data.props.htmlElement,vAlign:e.data.props.vAlign,hAlign:e.data.props.hAlign,fullPageWidth:e.data.props.fullPageWidth,showIfFormula:e.data.props.showIfFormula,setTextColor:e.data.props.setTextColor,showForRole:e.data.props.showForRole,textColor:e.data.props.textColor,customClass:e.data.props.customClass,customCSS:e.data.props.customCSS,minScreenWidth:e.data.props.minScreenWidth,maxScreenWidth:e.data.props.maxScreenWidth,show_for_owner:e.data.props.show_for_owner,margin:e.data.props.margin,padding:e.data.props.padding,url:e.data.props.url,hoverColor:e.data.props.hoverColor,gradStartColor:e.data.props.gradStartColor,gradEndColor:e.data.props.gradEndColor,gradDirection:e.data.props.gradDirection,overflow:e.data.props.overflow,rotate:e.data.props.rotate,display:e.data.props.display,style:e.data.props.style,imgResponsiveWidths:e.data.props.imgResponsiveWidths}})),t=e.actions.setProp,n=e.bgFileId,o=e.imageSize,i=e.bgType,l=e.display,c=e.bgColor,u=e.setTextColor,s=e.textColor,f=e.showIfFormula,d=e.isFormula,p=e.showForRole,m=e.customClass,h=e.customCSS,v=e.minScreenWidth,g=e.maxScreenWidth,y=e.show_for_owner,b=(e.margin,e.padding,e.url),w=e.hoverColor,E=e.gradStartColor,x=e.gradEndColor,k=e.gradDirection,_=e.fullPageWidth,O=(e.overflow,e.htmlElement,e.imgResponsiveWidths),S=Object(r.useContext)(Rt),C=Object(r.useContext)(Sr).uploadedFiles,j=!!S.ownership,P=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement(Xn,null,a.a.createElement("div",{accordiontitle:"Box",className:"w-100"},a.a.createElement(bn,{setProp:t,node:e})),a.a.createElement("table",{className:"w-100",accordiontitle:"Display"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"display",label:"Display",type:"select",options:["block","inline","inline-block","none","flex","inline-flex"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"htmlElement",label:"HTML element",type:"select",options:["div","span","article","section","header","nav","main","aside","footer"]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"overflow",label:"Overflow",type:"btn_select",options:[{value:"visible",title:"Visible",label:a.a.createElement(ua,null)},{value:"hidden",title:"Hidden",label:a.a.createElement(pa,null)},{value:"scroll",title:"Scroll",label:a.a.createElement(Yt,{icon:on})},{value:"auto",title:"Auto",label:a.a.createElement(Yt,{icon:an})}]},node:e,setProp:t}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:_,onChange:function(e){return t((function(t){return t.fullPageWidth=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Expand to full page width")))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Contents"},a.a.createElement("tbody",null,a.a.createElement(ur,{field:{name:"rotate",label:"Rotate °",type:"Integer"},node:e,setProp:t}),a.a.createElement(cr,{title:"Align"}),a.a.createElement(ur,{field:{name:"vAlign",label:"Vertical",type:"btn_select",options:[{value:"top",title:"All",label:a.a.createElement(ga,null)},{value:"middle",title:"All",label:a.a.createElement(Ea,null)},{value:"bottom",title:"All",label:a.a.createElement(Oa,null)}]},node:e,setProp:t}),a.a.createElement(ur,{field:{name:"hAlign",label:"Horizontal",type:"btn_select",options:[{value:"left",title:"Left",label:a.a.createElement(Pa,null)},{value:"center",title:"Center",label:a.a.createElement(Ra,null)},{value:"right",title:"Right",label:a.a.createElement(Fa,null)}]},node:e,setProp:t}),a.a.createElement(cr,{title:"Background"}),a.a.createElement(ur,{field:{name:"bgType",label:"Type",type:"btn_select",options:[{value:"None",label:a.a.createElement(qa,null)},{value:"Image",label:a.a.createElement(Va,null)},{value:"Color",label:a.a.createElement(Ga,null)},{value:"Gradient",label:a.a.createElement(Za,null)}]},node:e,setProp:t,onChange:function(e){return t((function(e){e.bgFileId=e.bgFileId||S.images.length+C.length>0&&S.images[0].id}))}}),"Gradient"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,"Start"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"gradStartColor",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"color",value:E,className:"form-control-sm w-50",onChange:P("gradStartColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"End"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"gradEndColor",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"color",value:x,className:"form-control-sm w-50",onChange:P("gradEndColor")})))),a.a.createElement("tr",null,a.a.createElement("td",null,"Direction (°)"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"gradDirection",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"number",min:"0",max:"360",value:k,className:"form-control-sm w-50",onChange:P("gradDirection")}))))),"Image"===i&&a.a.createElement(r.Fragment,null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"File")),a.a.createElement("td",null,a.a.createElement("select",{value:n,className:"form-control-sm w-100 form-select",onChange:P("bgFileId")},S.images.map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)})),(C||[]).map((function(e,t){return a.a.createElement("option",{key:t,value:e.id},e.filename)}))," "))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Size")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control-sm form-select",onChange:P("imageSize")},a.a.createElement("option",null,"contain"),a.a.createElement("option",null,"cover"),a.a.createElement("option",null,"repeat")))),"repeat"!==o&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Responsive widths")),a.a.createElement("td",null,a.a.createElement("input",{type:"text",value:O,className:"form-control",onChange:P("imgResponsiveWidths")}),a.a.createElement("small",null,a.a.createElement("i",null,"List of widths to serve resized images, e.g. 300, 400, 600"))))),"Color"===i&&a.a.createElement("tr",null,a.a.createElement("td",null,"Color"),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"bgColor",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"color",value:c,className:"form-control-sm w-50",onChange:P("bgColor")})))),a.a.createElement(cr,{title:"Typography"}),a.a.createElement(ur,{field:{name:"font-family",label:"Font family",type:"Font"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-size",label:"Font size",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"font-weight",label:"Weight",type:"Integer",min:100,max:900,step:100},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"line-height",label:"Line height",type:"DimUnits"},node:e,setProp:t,isStyle:!0}),a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("label",null,"Set text color",a.a.createElement("input",{name:"setTextColor",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.setTextColor=e.target.checked}))}})))),u&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text")),a.a.createElement("td",null,a.a.createElement("input",{type:"color",value:s,className:"form-control-sm",onChange:P("textColor")}))))),a.a.createElement("table",{className:"w-100",accordiontitle:"Flex properties"},a.a.createElement("tbody",null,a.a.createElement(cr,{title:"Flex item"}),a.a.createElement(ur,{field:{name:"flex-grow",label:"Grow",type:"Float"},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-shrink",label:"Shrink",type:"Float"},node:e,setProp:t,isStyle:!0}),l&&l.includes("flex")&&a.a.createElement(r.Fragment,null,a.a.createElement(cr,{title:"Flex container"}),a.a.createElement(ur,{field:{name:"flex-direction",label:"Direction",type:"select",options:["row","row-reverse","column","column-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"flex-wrap",label:"Wrap",type:"select",options:["nowrap","wrap","wrap-reverse"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"justify-content",label:"Justify content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","start","end","left","right"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-items",label:"Align items",type:"select",options:["stretch","flex-start","flex-end","center","baseline","first baseline","last baseline","start","end","self-start","self-end"]},node:e,setProp:t,isStyle:!0}),a.a.createElement(ur,{field:{name:"align-content",label:"Align content",type:"select",options:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline","first baseline","last baseline"]},node:e,setProp:t,isStyle:!0})))),a.a.createElement("table",{className:"w-100",accordiontitle:"Show if..."},a.a.createElement("tbody",null,["show","edit"].includes(S.mode)&&a.a.createElement(cr,{title:"Formula - show if true"}),["show","edit"].includes(S.mode)&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:f,onChange:P("showIfFormula")}),a.a.createElement("div",{style:{marginTop:"-5px"}},a.a.createElement("small",{className:"text-muted font-monospace"},"FORMULA")))),a.a.createElement(cr,{title:"Role"}),S.roles.map((function(e){var n=e.role,r=e.id;return a.a.createElement("tr",{key:r},a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:void 0===p[r]||p[r],onChange:function(e){return t((function(t){t.showForRole&&0!==t.showForRole.length||S.roles.forEach((function(e){return t.showForRole[e.id]=!0})),t.showForRole[r]=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},n))))})),j?a.a.createElement("tr",null,a.a.createElement("td",{colSpan:"2"},a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:y,onChange:function(e){return t((function(t){return t.show_for_owner=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Owner")))):null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Min screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:v,className:"form-control form-select",onChange:P("minScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"sm"},"small"),a.a.createElement("option",{value:"md"},"medium"),a.a.createElement("option",{value:"lg"},"large"),a.a.createElement("option",{value:"xl"},"x-large")))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Max screen width")),a.a.createElement("td",null,a.a.createElement("select",{value:g,className:"form-control form-select",onChange:P("maxScreenWidth")},a.a.createElement("option",{value:""},"all"),a.a.createElement("option",{value:"md"},"small"),a.a.createElement("option",{value:"lg"},"medium"),a.a.createElement("option",{value:"xl"},"large")))))),a.a.createElement("div",{accordiontitle:"Container link"},a.a.createElement("label",null,"URL"),a.a.createElement($n,{nodekey:"url",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"text",className:"form-control",value:b,onChange:P("url")})),a.a.createElement("label",null,"Hover color"),a.a.createElement("select",{value:w,className:"form-control form-select",onChange:P("hoverColor")},a.a.createElement("option",{value:""},"None"),a.a.createElement("option",{value:"gray"},"gray"),a.a.createElement("option",{value:"gray-dark"},"gray-dark"),a.a.createElement("option",{value:"light"},"light"),a.a.createElement("option",{value:"dark"},"dark"))),a.a.createElement("div",{accordiontitle:"Custom class/CSS"},a.a.createElement("div",null,a.a.createElement("label",null,"Custom class")),a.a.createElement($n,{nodekey:"customClass",setProp:t,isFormula:d,node:e},a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:m,onChange:P("customClass")})),a.a.createElement("div",null,a.a.createElement("label",null,"Custom CSS")),a.a.createElement("textarea",{rows:"4",type:"text",className:"text-to-display form-control",value:h,onChange:P("customCSS")})))}}};var ao=function(e){e.name;var t=e.view,n=e.configuration,o=e.state,i=lt((function(e){return{selected:e.events.selected,node_id:e.id}})),l=i.selected,c=i.node_id,u=i.connectors,s=u.connect,f=u.drag,d=Object(r.useContext)(Rt),p=d.views.find((function(e){return e.name===t})),m=p?p.label:t,h=Object(r.useContext)(Sr),v=h.previews,g=h.setPreviews,y=v[c];return Object(r.useEffect)((function(){!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return function(){var t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=Fn(Fn({},e),n),a=r.node_id,o=r.options,i=r.view,l=r.setPreviews,c=r.configuration,u=c?Fn({},c):{};if(i.includes(":")){var s=i.split(":"),f=Dn(s,2),d=f[0],p=f[1],m=p.split("."),h=Dn(m,1),v=h[0];t=v,u.reltype=d,u.path=p}else t=i;Jn({options:o,node_id:a,setPreviews:l,url:"/view/".concat(t,"/preview"),body:u,isView:!0})}}({options:d,view:t,setPreviews:g,configuration:n,node_id:c})()}),[t,n,o]),a.a.createElement("div",{ref:function(e){return s(f(e))},className:"".concat(y?"":"builder-embed-view"," text-center ").concat(l?"selected-node":"")},y?a.a.createElement("div",{className:"d-inline",dangerouslySetInnerHTML:{__html:y}}):"View: ".concat(m))};function oo(){return(oo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}ao.craft={displayName:"View",related:{settings:function(){var e,t=lt((function(e){return{name:e.data.props.name,view:e.data.props.view,state:e.data.props.state,extra_state_fml:e.data.props.extra_state_fml,configuration:e.data.props.configuration,node_id:e.id}})),n=t.actions.setProp,o=(t.name,t.view),i=t.state,l=(t.node_id,t.configuration),c=t.extra_state_fml,u=Object(r.useContext)(Rt),s=u.views,f=u.fixed_state_fields&&u.fixed_state_fields[o];Object(r.useContext)(Sr).setPreviews;return a.a.createElement("div",null,a.a.createElement("div",null,a.a.createElement("label",null,"View to ","show"===u.mode?"embed":"show"),a.a.createElement("select",{value:o,className:"form-control form-select",onChange:function(e){n((function(t){return t.view=e.target.value}))}},s.map((function(e,t){return a.a.createElement("option",{key:t,value:e.name},e.label||e.name)})))),"page"===u.mode&&a.a.createElement(r.Fragment,null,a.a.createElement("div",null,a.a.createElement("label",null,"State"),a.a.createElement("select",{value:i,className:"form-control form-select",onChange:(e="state",function(t){if(t.target){var r=t.target.value;n((function(t){return t[e]=r}))}})},a.a.createElement("option",{value:"shared"},"Shared"),a.a.createElement("option",{value:"fixed"},"Fixed"))),"fixed"===i&&f&&f.length>0&&a.a.createElement(r.Fragment,null,a.a.createElement("h6",null,"View state fields"),a.a.createElement(ar,{fields:f,configuration:l||{},setProp:n,node:t}))),("shared"===i||"page"===u.mode)&&a.a.createElement(r.Fragment,null," ",a.a.createElement("label",null,"Extra state Formula"),a.a.createElement("input",{type:"text",className:"viewlink-label form-control",value:c,onChange:function(e){return n((function(t){return t.extra_state_fml=e.target.value}))}})),o?a.a.createElement("a",{className:"d-block mt-2",target:"_blank",href:"/viewedit/config/".concat(o)},"Configure this view"):null)}}};var io=function(e){var t=e.text,n=e.block,r=e.isFormula,o=e.textStyle,i=e.link_style,l=e.link_size,c=e.link_icon,u=e.link_bgcol,s=e.link_bordercol,f=e.link_textcol,d=lt((function(e){return{selected:e.events.selected}})),p=d.selected,m=d.connectors,h=m.connect,v=m.drag;return a.a.createElement("span",oo({className:"".concat(o," is-builder-link ").concat(p?"selected-node":""," ").concat(null!=r&&r.text?"font-monospace":""," ").concat(i," ").concat(l)},Hn(n),{ref:function(e){return h(v(e))},style:"btn btn-custom-color"===i?{backgroundColor:u||"#000000",borderColor:s||"#000000",color:f||"#000000"}:{}}),a.a.createElement(Bn,{icon:c,className:"me-1"}),null!=r&&r.text?"=".concat(t):t)};function lo(){return(lo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function co(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}io.craft={defaultProps:{text:"Click here",url:"https://saltcorn.com/",block:!1,nofollow:!1,target_blank:!1,isFormula:{},textStyle:"",link_src:"URL"},displayName:"Link",related:{settings:function(){var e=lt((function(e){return{text:e.data.props.text,url:e.data.props.url,block:e.data.props.block,isFormula:e.data.props.isFormula,textStyle:e.data.props.textStyle,nofollow:e.data.props.nofollow,in_modal:e.data.props.in_modal,link_src:e.data.props.link_src,target_blank:e.data.props.target_blank,link_style:e.data.props.link_style,link_size:e.data.props.link_size,link_icon:e.data.props.link_icon,link_bgcol:e.data.props.link_bgcol,link_bordercol:e.data.props.link_bordercol,link_textcol:e.data.props.link_textcol}})),t=e.actions.setProp,n=e.text,o=e.url,i=e.block,l=e.isFormula,c=e.textStyle,u=e.nofollow,s=e.target_blank,f=e.link_src,d=e.in_modal,p=Object(r.useContext)(Rt),m=function(e){return function(n){if(n.target){var r=n.target.value;t((function(t){return t[e]=r}))}}};return a.a.createElement("div",null,a.a.createElement("table",{className:"w-100"},a.a.createElement("tbody",null,a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Text to display")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"text",setProp:t,isFormula:l,node:e},a.a.createElement("input",{type:"text",className:"form-control text-to-display",value:n,onChange:m("text")})))),a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Link source")),a.a.createElement("td",null,a.a.createElement("select",{value:f,className:"form-control form-select",onChange:function(e){return t((function(t){t.link_src=e.target.value,"URL"!==e.target.value&&(t.isFormula.url=!1)}))}},a.a.createElement("option",null,"URL"),(p.pages||[]).length>0&&a.a.createElement("option",null,"Page"),(p.views||[]).length>0&&"page"===p.mode&&a.a.createElement("option",null,"View")))),"URL"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"URL")),a.a.createElement("td",null,a.a.createElement($n,{nodekey:"url",setProp:t,isFormula:l,node:e},a.a.createElement("input",{type:"text",className:"form-control ",value:o,onChange:m("url")})))),"Page"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"Page")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:m("url")},a.a.createElement("option",null),(p.pages||[]).map((function(e){return a.a.createElement("option",{value:"/page/".concat(e.name)},e.name)}))))),"View"===f&&a.a.createElement("tr",null,a.a.createElement("td",null,a.a.createElement("label",null,"View")),a.a.createElement("td",null,a.a.createElement("select",{value:o,className:"form-control form-select",onChange:m("url")},a.a.createElement("option",null),(p.views||[]).map((function(e){return a.a.createElement("option",{value:"/view/".concat(e.name)},e.name," [",e.viewtemplate,"]")}))))),a.a.createElement(fr,{setProp:t,keyPrefix:"link_",btnClass:"btn",values:e,linkFirst:!0}))),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:u,onChange:function(e){return t((function(t){return t.nofollow=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Nofollow")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:s,onChange:function(e){return t((function(t){return t.target_blank=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in new tab")),a.a.createElement("div",{className:"form-check"},a.a.createElement("input",{className:"form-check-input",name:"block",type:"checkbox",checked:d,onChange:function(e){return t((function(t){return t.in_modal=e.target.checked}))}}),a.a.createElement("label",{className:"form-check-label"},"Open in popup modal?")),a.a.createElement(Wn,{block:i,setProp:t}),a.a.createElement(Gn,{textStyle:c,setProp:t}))},segment_type:"link",fields:[{name:"text",canBeFormula:!0},{name:"url",canBeFormula:!0},{name:"link_src",default:"URL"},"block","nofollow","target_blank","textStyle","link_size","link_icon","link_style","link_bgcol","link_bordercol","link_textcol","in_modal"]}};var uo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=co(e,["color","size"]);return a.a.createElement("svg",lo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"}),a.a.createElement("path",{d:"M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"}))}));uo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},uo.defaultProps={color:"currentColor",size:"1em"};var so=uo;function fo(){return(fo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function po(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}var mo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=po(e,["color","size"]);return a.a.createElement("svg",fo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm6 3h4V5H6v4zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1z"}))}));mo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},mo.defaultProps={color:"currentColor",size:"1em"};var ho=mo;function vo(){return(vo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function go(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}var yo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=go(e,["color","size"]);return a.a.createElement("svg",vo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{d:"M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"}))}));yo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},yo.defaultProps={color:"currentColor",size:"1em"};var bo=yo;function wo(){return(wo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Eo(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}var xo=Object(r.forwardRef)((function(e,t){var n=e.color,r=e.size,o=Eo(e,["color","size"]);return a.a.createElement("svg",wo({ref:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:r,height:r,fill:n},o),a.a.createElement("path",{fillRule:"evenodd",d:"M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zm-6 8A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm6 0A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1z"}))}));xo.propTypes={color:Mt.a.string,size:Mt.a.oneOfType([Mt.a.string,Mt.a.number])},xo.defaultProps={color:"currentColor",size:"1em"};var ko=xo,_o=function(e){var t=e.children,n=e.connectors,r=e.icon,o=e.icons,i=e.text,l=e.fontSize,c=e.title,u=e.innerClass,s=e.bold,f=e.label,d=e.disable;return a.a.createElement("div",{className:"".concat(d?"text-muted":""," d-inline-flex wrap-builder-elem align-items-center justify-content-center"),title:c,ref:d?void 0:function(e){return n.create(e,t)}},a.a.createElement("div",{className:"inner ".concat(u||""),style:l?{fontSize:l}:{}},i&&(s?a.a.createElement("strong",null,i):i)||o&&o.map((function(e,t){return a.a.createElement("i",{key:t,className:"".concat(e)})}))||("string"==typeof r?a.a.createElement("i",{className:"fa-lg ".concat(r)}):r)),a.a.createElement("label",null,f))},Oo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(so,{className:"mb-2"}),fontSize:"22px",title:"Text",bold:!0,label:"Text"},a.a.createElement(Or,{text:"Hello world",block:!1,textStyle:""}))},So=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,innerClass:"mt-m1px",icon:"fas fa-columns",title:"Split into columns",label:"Columns"},a.a.createElement(Sn,{contents:[]}))},Co=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(ho,{className:"mb-2 h4"}),title:"Tabbed content",label:"Tabs"},a.a.createElement(Gr,{contents:[]}))},jo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,text:"↵",fontSize:"26px",title:"Line break",label:"Break"},a.a.createElement(Ar,null))},Po=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"fas fa-code",title:"HTML code",label:"Code"},a.a.createElement(Lr,{text:""}))},No=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,title:"Card",icon:"far fa-square",label:"Card"},a.a.createElement(mt,{canvas:!0,is:aa,isFormula:{},url:""}))},To=function(e){var t=e.connectors,n=e.images;return a.a.createElement(_o,{connectors:t,icon:"fas fa-image",title:"Image",label:"Image"},a.a.createElement(Wr,{fileid:n.length>0?n[0].id:0}))},Ao=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"fas fa-link",title:"Link",label:"Link"},a.a.createElement(io,null))},Ro=function(e){var t=e.connectors,n=e.views;return a.a.createElement(_o,{connectors:t,icon:"fas fa-eye",title:"Embed a view",label:"View",disable:0===n.length},a.a.createElement(ao,{name:"not_assigned",state:"shared",view:n.length>0?n[0].name:"view"}))},Io=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"fas fa-search",title:"Search bar",label:"Search"},a.a.createElement(mt,{canvas:!0,is:Fr}))},zo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(bo,{className:"mb-2 h5"}),title:"Container",label:"Contain"},a.a.createElement(mt,{canvas:!0,is:ro}))},Mo=function(e){var t=e.connectors,n=e.fields,r=e.field_view_options;return a.a.createElement(_o,{connectors:t,icon:"fas fa-asterisk",title:"Field",label:"Field"},a.a.createElement(Cr,{name:n[0].name,block:!1,textStyle:"",configuration:{},fieldview:n[0].is_fkey?"":r[n[0].name][0]}))},Fo=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(_o,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown filter",label:"Select"},a.a.createElement(Jr,{name:n[0].name,block:!1,neutral_label:"",full_width:!1}))},Lo=function(e){var t=e.connectors;return a.a.createElement(_o,{connectors:t,icon:"far fa-caret-square-down",title:"Dropdown menu",label:"DropMenu"},a.a.createElement(mt,{canvas:!0,is:ta}))},Do=function(e){var t=e.connectors,n=e.fields;return a.a.createElement(_o,{connectors:t,icon:"fas fa-toggle-on",title:"Toggle filter",label:"Toggle"},a.a.createElement(ra,{name:n[0].name,value:"",label:"",block:!1}))},Uo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(_o,{connectors:t,icon:a.a.createElement(ko,{className:"mb-2 h5"}),title:"Join field",label:"Join",disable:0===n.parent_field_list.length},a.a.createElement(Pr,{name:n.parent_field_list[0],configuration:{},textStyle:"",block:!1}))},qo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(_o,{connectors:t,icons:["fas fa-eye","fas fa-link"],title:"Link to a view",label:"ViewLink",disable:0===n.link_view_opts.length},a.a.createElement(Ir,{name:n.link_view_opts.length>0?n.link_view_opts[0].name:"",block:!1,minRole:10,label:""}))},Bo=function(e){var t=e.connectors,n=e.options;return a.a.createElement(_o,{connectors:t,label:"Action",icon:"fas fa-running",title:"Action button"},a.a.createElement(Ur,{name:n.actions[0],block:!1,minRole:10,confirm:!1,action_label:"",isFormula:{},rndid:"not_assigned",configuration:{}}))},Ho=function(e){var t,n,r=e.connectors,o=e.child_field_list,i=e.agg_field_opts;return a.a.createElement(_o,{connectors:r,text:"∑",title:"Aggregation",label:"Aggreg8",bold:!0,fontSize:"16px",disable:0===o.length},a.a.createElement(Tr,{agg_relation:o[0],agg_field:(t=i[o[0]],n="",t&&t.length>0?t[0]:n),stat:"Count",textStyle:"",aggwhere:"",block:!1}))},Wo=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.child_field_list,c=n.agg_field_opts,u=n.views,s=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Uo,{connectors:t,options:n}),a.a.createElement(qo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Bo,{connectors:t,options:n}),a.a.createElement(Ao,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ho,{connectors:t,child_field_list:l,agg_field_opts:c}),a.a.createElement(Ro,{connectors:t,views:u})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(zo,{connectors:t}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(To,{connectors:t,images:s})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(Lo,{connectors:t})))},Vo=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.views,l=n.field_view_options;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t,fields:o,field_view_options:l}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Fo,{connectors:t,fields:o}),a.a.createElement(Do,{connectors:t,fields:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(Bo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(zo,{connectors:t}),a.a.createElement(No,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Co,{connectors:t}),a.a.createElement(Ro,{connectors:t,views:i})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t})))},$o=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.fields,i=n.field_view_options,l=n.images,c=n.views;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Mo,{connectors:t,fields:o,field_view_options:i}),a.a.createElement(jo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Bo,{connectors:t,options:n}),a.a.createElement(zo,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(No,{connectors:t}),a.a.createElement(Co,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(To,{connectors:t,images:l})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Po,{connectors:t}),a.a.createElement(Ro,{connectors:t,views:c})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Uo,{connectors:t,options:n}),a.a.createElement(Lo,{connectors:t})))},Ko=function(){var e=bt(),t=e.connectors,n=(e.query,Object(r.useContext)(Rt)),o=n.views,i=n.images;return a.a.createElement(r.Fragment,null,a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Oo,{connectors:t}),a.a.createElement(So,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(jo,{connectors:t}),a.a.createElement(Po,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(No,{connectors:t}),a.a.createElement(To,{connectors:t,images:i})," "),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Ao,{connectors:t}),a.a.createElement(Ro,{connectors:t,views:o})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Io,{connectors:t}),a.a.createElement(Bo,{connectors:t,options:n})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(zo,{connectors:t}),a.a.createElement(Co,{connectors:t})),a.a.createElement("div",{className:"toolbar-row"},a.a.createElement(Lo,{connectors:t})))};function Yo(){return(Yo=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Go(e){return function(e){if(Array.isArray(e))return Qo(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Qo(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 Qo(e,t)}(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 Qo(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 Xo=function(e){if(!e.widths)return kn(e.besides.length-1,(function(){return 12/e.besides.length}));var t=Go(e.widths);return t.pop(),t},Jo=function(e){return kn(e.besides.length,(function(){return e.breakpoint||""}))},Zo=[Or,Qr,Sn,Pr,Cr,Ir,Ur,Lr,Ar,Tr,aa,Wr,io,ao,Fr,ro,Jr,Gr,ra,ta],ei=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"ROOT";function o(e,t){if(!e)return a.a.createElement(Qr,{key:t});var n=Zo.find((function(t){return t.craft.related&&t.craft.related.fields&&t.craft.related.segment_type&&t.craft.related.segment_type==e.type&&(!t.craft.related.segment_match||t.craft.related.segment_match(e))}));if(n){var r=n.craft.related,i={};return r.fields.forEach((function(t){var n=e[t.segment_name||t.name||t];i[t.name||t]=void 0===n?t.default:n})),r.fields.some((function(e){return e.canBeFormula}))&&(i.isFormula=e.isFormula),r.hasContents?a.a.createElement(mt,Yo({key:t,canvas:!0},i,{is:n}),o(e.contents)):a.a.createElement(n,Yo({key:t},i))}if("blank"===e.type)return a.a.createElement(Or,{key:t,text:e.contents,isFormula:e.isFormula||{},block:e.block||!1,inline:e.inline||!1,textStyle:e.textStyle||"",labelFor:e.labelFor||"",style:e.style||{},icon:e.icon,font:e.font||""});if("view"===e.type)return a.a.createElement(ao,{key:t,view:e.view,name:e.name,state:e.state,extra_state_fml:e.extra_state_fml,configuration:e.configuration||{}});if("action"===e.type)return a.a.createElement(Ur,{key:t,name:e.action_name,rndid:e.rndid||"not_assigned",action_label:e.action_label||"",action_style:e.action_style||"btn-primary",action_size:e.action_size||"",action_icon:e.action_icon||"",action_bgcol:e.action_bgcol||"",action_bordercol:e.action_bordercol||"",action_textcol:e.action_textcol||"",confirm:e.confirm,configuration:e.configuration||{},block:e.block||!1,minRole:e.minRole||10,isFormula:e.isFormula||{}});if("container"===e.type)return a.a.createElement(mt,{key:t,canvas:!0,gradStartColor:e.gradStartColor,gradEndColor:e.gradEndColor,gradDirection:e.gradDirection,rotate:e.rotate||0,customClass:e.customClass,customCSS:e.customCSS,overflow:e.overflow,margin:e.margin||[0,0,0,0],padding:e.padding||[0,0,0,0],minHeight:e.minHeight,height:e.height,width:e.width,url:e.url,hoverColor:e.hoverColor,minHeightUnit:e.minHeightUnit||"px",heightUnit:e.heightUnit||"px",widthUnit:e.widthUnit||"px",vAlign:e.vAlign,hAlign:e.hAlign,htmlElement:e.htmlElement||"div",display:e.display||(!0===e.block?"block":!1===e.block?"inline-block":"block"),fullPageWidth:void 0!==e.fullPageWidth&&e.fullPageWidth,bgFileId:e.bgFileId,imageSize:e.imageSize||"contain",imgResponsiveWidths:e.imgResponsiveWidths,bgType:e.bgType||"None",style:e.style||{},bgColor:e.bgColor||"#ffffff",setTextColor:!!e.setTextColor,textColor:e.textColor||"#000000",isFormula:e.isFormula||{},showIfFormula:e.showIfFormula||"",showForRole:e.showForRole||[],minScreenWidth:e.minScreenWidth||"",maxScreenWidth:e.maxScreenWidth||"",show_for_owner:!!e.show_for_owner,is:ro},o(e.contents));if("tabs"===e.type){var l,c=e.contents.map(o);return"Value switch"===e.tabsStyle?(l={},e.titles.forEach((function(e,t){e.label;var n=e.value;l[n]=c[t]}))):l=c,a.a.createElement(Gr,{key:t,titles:e.titles,ntabs:e.ntabs,independent:e.independent,deeplink:e.deeplink,field:e.field,tabsStyle:e.tabsStyle,contents:l})}return e.besides?a.a.createElement(Sn,{key:t,breakpoints:e.breakpoints||Jo(e),ncols:e.besides.length,widths:Xo(e),style:e.style||{},contents:e.besides.map(o)}):e.above?e.above.map((function(e,t){return o(e,t)})):void 0}function i(e,r){if(e)if(e.above)e.above.forEach((function(e){e&&i(e,r)}));else if(e.besides){var l=t.parseReactElement(a.a.createElement(Sn,{widths:Xo(e),breakpoints:e.breakpoints||Jo(e),ncols:e.besides.length,style:e.style||{},contents:e.besides.map(o)})).toNodeTree();n.addNodeTree(l,r)}else{var c=o(e);if(c){var u=t.parseReactElement(c).toNodeTree();n.addNodeTree(u,r)}}}i(e,r)},ti=function(){return Math.floor(16777215*Math.random()).toString(16)},ni=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ROOT",n=[],r=function(t){return t.nodes&&0!=t.nodes.length?1==t.nodes.length?a(e[t.nodes[0]]):{above:t.nodes.map((function(t){return a(e[t])}))}:void 0},a=function t(a){if(a){var o=Zo.find((function(e){return e.craft.related&&a.displayName===e.craft.displayName&&e.craft.related.fields&&e.craft.related.segment_type}));if(o){var i=o.craft.related,l={type:i.segment_type};if(i.hasContents&&(l.contents=r(a)),i.fields.forEach((function(e){l[e.segment_name||e.name||e]=a.props[e.name||e]})),i.fields.some((function(e){return e.canBeFormula}))&&(l.isFormula=a.props.isFormula),i.segment_vars&&Object.assign(l,i.segment_vars),i.column_type){var c={type:i.column_type};i.fields.forEach((function(e){c[e.column_name||e.name||e]=a.props[e.name||e]})),n.push(c)}return l}if(a.isCanvas)return a.displayName===ro.craft.displayName?{contents:r(a),type:"container",customCSS:a.props.customCSS,customClass:a.props.customClass,minHeight:a.props.minHeight,height:a.props.height,width:a.props.width,url:a.props.url,hoverColor:a.props.hoverColor,minHeightUnit:a.props.minHeightUnit,heightUnit:a.props.heightUnit,widthUnit:a.props.widthUnit,vAlign:a.props.vAlign,hAlign:a.props.hAlign,htmlElement:a.props.htmlElement,margin:a.props.margin,padding:a.props.padding,overflow:a.props.overflow,display:a.props.display,fullPageWidth:a.props.fullPageWidth||!1,bgFileId:a.props.bgFileId,bgType:a.props.bgType,imageSize:a.props.imageSize,imgResponsiveWidths:a.props.imgResponsiveWidths,bgColor:a.props.bgColor,setTextColor:a.props.setTextColor,textColor:a.props.textColor,isFormula:a.props.isFormula,showIfFormula:a.props.showIfFormula,showForRole:a.props.showForRole,minScreenWidth:a.props.minScreenWidth,maxScreenWidth:a.props.maxScreenWidth,show_for_owner:a.props.show_for_owner,gradStartColor:a.props.gradStartColor,gradEndColor:a.props.gradEndColor,gradDirection:a.props.gradDirection,rotate:a.props.rotate,style:a.props.style}:r(a);if(a.displayName===Or.craft.displayName)return{type:"blank",contents:a.props.text,block:a.props.block,inline:a.props.inline,textStyle:a.props.textStyle,isFormula:a.props.isFormula,labelFor:a.props.labelFor,style:a.props.style,icon:a.props.icon,font:a.props.font};if(a.displayName===Sn.craft.displayName){var u=[].concat(Go(a.props.widths),[12-_n(a.props.widths)]);return{besides:u.map((function(n,r){return t(e[a.linkedNodes["Col"+r]])})),breakpoints:a.props.breakpoints,style:a.props.style,widths:u}}if(a.displayName===Gr.craft.displayName)return{type:"tabs",contents:"Value switch"===a.props.tabsStyle?a.props.titles.map((function(n,r){var o=n.value,i=void 0===o?r:o;return t(e[a.linkedNodes["Tab"+i]])})):kn(a.props.ntabs,(function(n){return t(e[a.linkedNodes["Tab"+n]])})),titles:a.props.titles,tabsStyle:a.props.tabsStyle,field:a.props.field,independent:a.props.independent,deeplink:a.props.deeplink,ntabs:a.props.ntabs};if(a.displayName===ao.craft.displayName)return{type:"view",view:a.props.view,name:"not_assigned"===a.props.name?ti():a.props.name,state:a.props.state,configuration:a.props.configuration,extra_state_fml:a.props.extra_state_fml};if(a.displayName===Ur.craft.displayName){var s=ti();return n.push({type:"Action",action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,confirm:a.props.confirm,configuration:a.props.configuration,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}),{type:"action",block:a.props.block,configuration:a.props.configuration,confirm:a.props.confirm,action_name:a.props.name,action_label:a.props.action_label,action_style:a.props.action_style,action_size:a.props.action_size,action_icon:a.props.action_icon,action_bgcol:a.props.action_bgcol,action_bordercol:a.props.action_bordercol,action_textcol:a.props.action_textcol,minRole:a.props.minRole,isFormula:a.props.isFormula,rndid:"not_assigned"===a.props.rndid?s:a.props.rndid}}}},o=a(e[t])||{type:"blank",contents:""};return{columns:n,layout:o}},ri=n(7),ai=function(e,t){return(ai=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)},oi=function(){return(oi=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 ii(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 li(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var ci=a.a.createContext({}),ui=Object(r.createContext)({});function si(e){return Pe(Object(r.useContext)(ui).store,e)}function fi(e){var t=Object(r.useContext)(ci),n=t.id,a=t.depth,o=t.connectors,i=si((function(t){return n&&t.layers[n]&&e&&e(t.layers[n])})),l=i.actions,c=ii(i,["actions"]),u=bt((function(e,t){return{children:e.nodes[n]&&t.node(n).descendants()}})).children,s=Object(r.useMemo)((function(){return{toggleLayer:function(){return l.toggleLayer(n)}}}),[l,n]);return oi({id:n,depth:a,children:u,actions:s,connectors:o},c)}var di=function(){var e=fi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,o=e.children,i=e.expanded,l=bt((function(e,n){return{data:e.nodes[t]&&e.nodes[t].data,shouldBeExpanded:e.events.selected&&n.node(e.events.selected).ancestors(!0).includes(t)}})),c=l.data,u=l.shouldBeExpanded,s=si((function(e){return{renderLayer:e.options.renderLayer,expandRootOnLoad:e.options.expandRootOnLoad}})),f=s.actions,d=f.registerLayer,p=f.toggleLayer,m=s.renderLayer,h=s.expandRootOnLoad,v=Object(r.useState)(!1),g=v[0],y=v[1];Object(r.useLayoutEffect)((function(){d(t),y(!0)}),[d,t]);var b=Object(r.useRef)(i);b.current=i;var w=Object(r.useRef)(h&&"ROOT"===t);return Object(r.useEffect)((function(){!b.current&&u&&p(t)}),[p,t,u]),Object(r.useEffect)((function(){w.current&&p(t)}),[p,t]),c&&g?a.a.createElement("div",{className:"craft-layer-node "+t},a.a.createElement(m,{},o&&i?o.map((function(e){return a.a.createElement(mi,{key:e,id:e,depth:n+1})})):null)):null},pi=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}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}ai(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.getLayer=function(e){return this.options.layerStore.getState().layers[e]},t.prototype.handlers=function(){var e=this,n=this.derived.options.store,r=this.options,a=r.layerStore,o=r.layerId;return{layer:function(r){var i=e.inherit((function(e){e.select(r,o),e.hover(r,o),e.drag(r,o),a.actions.setDOM(o,{dom:r})})),l=e.addCraftEventListener(r,"mouseover",(function(e){e.craft.stopPropagation(),a.actions.setLayerEvent("hovered",o)})),c=e.addCraftEventListener(r,"dragover",(function(r){r.craft.stopPropagation(),r.preventDefault();var o=t.events,i=o.indicator,l=o.currentCanvasHovered;if(l&&i&&l.data.nodes){var c=e.getLayer(l.id).headingDom.getBoundingClientRect();if(r.clientY>c.top+10&&r.clientY<c.bottom-10){var u=l.data.nodes[l.data.nodes.length-1];if(!u)return;t.events.indicator=oi(oi({},i),{placement:{currentNode:n.query.node(u).get(),index:l.data.nodes.length,where:"after",parent:l},onCanvas:!0}),a.actions.setIndicator(t.events.indicator)}}})),u=e.addCraftEventListener(r,"dragenter",(function(r){r.craft.stopPropagation(),r.preventDefault();var i=t.draggedElement;if(i){var l=n.query.getDropPlaceholder(i,o,{x:r.clientX,y:r.clientY},(function(t){var n=e.getLayer(t.id);return n&&n.dom}));if(l){var c=l.placement.parent,u=e.getLayer(c.id).headingDom.getBoundingClientRect();if(t.events.currentCanvasHovered=null,n.query.node(c.id).isCanvas()&&c.data.parent){var s=n.query.node(c.data.parent).get();n.query.node(s.id).isCanvas()&&(t.events.currentCanvasHovered=c,(r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded||r.clientY<u.top+10)&&(l.placement.parent=s,l.placement.currentNode=c,l.placement.index=s.data.nodes?s.data.nodes.indexOf(c.id):0,r.clientY>u.bottom-10&&!e.getLayer(c.id).expanded?l.placement.where="after":r.clientY<u.top+10&&(l.placement.where="before")))}t.events.indicator=oi(oi({},l),{onCanvas:!1}),a.actions.setIndicator(t.events.indicator)}}}));return function(){i(),l(),c(),u()}},layerHeader:function(e){a.actions.setDOM(o,{headingDom:e})},drag:function(r){r.setAttribute("draggable","true");var i=e.addCraftEventListener(r,"dragstart",(function(e){e.craft.stopPropagation(),t.draggedElement=o})),l=e.addCraftEventListener(r,"dragend",(function(e){e.craft.stopPropagation();var r=t.events;if(r.indicator&&!r.indicator.error){var o=r.indicator.placement;n.actions.move(t.draggedElement,o.parent.id,o.index+("after"===o.where?1:0))}t.draggedElement=null,t.events.indicator=null,a.actions.setIndicator(null)}));return function(){r.removeAttribute("draggable"),i(),l()}}}},t.events={indicator:null,currentCanvasHovered:null},t}(Xe),mi=function(e){var t=e.id,n=e.depth,o=Ge(),i=Object(r.useContext)(ui).store,l=Object(r.useRef)(i);l.current=i;var c=Object(r.useMemo)((function(){return o.derive(pi,{layerStore:l.current,layerId:t})}),[o,t]),u=Object(r.useMemo)((function(){return De(c.connectors)}),[c]);return bt((function(e){return{exists:!!e.nodes[t]}})).exists?a.a.createElement(ci.Provider,{value:{id:t,depth:n,connectors:u}},a.a.createElement(di,null)):null},hi=function(e){return{setLayerEvent:function(t,n){if(null===n||e.layers[n]){var r=e.events[t];r&&n!==r&&(e.layers[r].event[t]=!1),n?(e.layers[n].event[t]=!0,e.events[t]=n):e.events[t]=null}},registerLayer:function(t){e.layers[t]||(e.layers[t]={dom:null,headingDom:null,expanded:!1,id:t,event:{selected:!1,hovered:!1}})},setDOM:function(t,n){e.layers[t]=oi(oi(oi({},e.layers[t]),n.dom?{dom:n.dom}:{}),n.headingDom?{headingDom:n.headingDom}:{})},toggleLayer:function(t){e.layers[t].expanded=!e.layers[t].expanded},setIndicator:function(t){e.events.indicator=t}}},vi=function(e){var t=e.children,n=si((function(e){return e})),o=n.layers,i=n.events,l=bt((function(e){return{enabled:e.options.enabled}})).query.getOptions().indicator,c=Object(r.useMemo)((function(){var e=i.indicator;if(e){var t=e.placement,n=t.where,r=t.parent,a=t.currentNode,c=a?a.id:r.id,u=e.error?l.error:l.success;if(e.onCanvas&&null!=o[r.id].dom){var s=o[r.id].dom.getBoundingClientRect(),f=o[r.id].headingDom.getBoundingClientRect();return{top:f.top,left:s.left,width:s.width,height:f.height,background:"transparent",borderWidth:"1px",borderColor:u}}if(!o[c])return;var d=o[c].headingDom.getBoundingClientRect(),p=o[c].dom.getBoundingClientRect();return{top:"after"!==n&&a?p.top:p.top+p.height,left:d.left,width:p.width-d.left,height:2,borderWidth:0,background:u}}}),[i,l.error,l.success,o]);return a.a.createElement("div",null,i.indicator?a.a.createElement(Ue,{style:c}):null,t)},gi=function(){var e=fi().id,t=bt((function(t){return{displayName:t.nodes[e]&&t.nodes[e].data.custom.displayName?t.nodes[e].data.custom.displayName:t.nodes[e].data.displayName,hidden:t.nodes[e]&&t.nodes[e].data.hidden}})),n=t.displayName,o=t.actions,i=Object(r.useState)(!1),l=i[0],c=i[1],u=Object(r.useRef)(null),s=Object(r.useCallback)((function(e){u.current&&!u.current.contains(e.target)&&c(!1)}),[]);return Object(r.useEffect)((function(){return function(){window.removeEventListener("click",s)}}),[s]),a.a.createElement(vr.a,{html:n,disabled:!l,ref:function(e){e&&(u.current=e.el.current,window.removeEventListener("click",s),window.addEventListener("click",s))},onChange:function(t){o.setCustom(e,(function(e){return e.displayName=t.target.value}))},tagName:"h2",onDoubleClick:function(){l||c(!0)}})};function yi(){return(yi=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var bi=a.a.createElement("path",{d:"M9.99 1.01A1 1 0 008.283.303L5 3.586 1.717.303A1 1 0 10.303 1.717l3.99 3.98a1 1 0 001.414 0l3.99-3.98a.997.997 0 00.293-.707z"}),wi=function(e){return a.a.createElement("svg",yi({viewBox:"0 0 10 6"},e),bi)};function Ei(){return(Ei=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var xi,ki,_i,Oi,Si,Ci=a.a.createElement("path",{className:"linked_svg__a",d:"M16.5 9h-1a.5.5 0 00-.5.5V15H3V3h5.5a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5h-7a.5.5 0 00-.5.5v15a.5.5 0 00.5.5h15a.5.5 0 00.5-.5v-7a.5.5 0 00-.5-.5z"}),ji=a.a.createElement("path",{className:"linked_svg__a",d:"M16.75 1h-5.373a.4.4 0 00-.377.4.392.392 0 00.117.28l1.893 1.895-3.52 3.521a.5.5 0 000 .707l.706.708a.5.5 0 00.708 0l3.521-3.521 1.893 1.892A.39.39 0 0016.6 7a.4.4 0 00.4-.377V1.25a.25.25 0 00-.25-.25z"}),Pi=function(e){return a.a.createElement("svg",Ei({viewBox:"0 0 18 18"},e),Ci,ji)},Ni=ri.a.div(xi||(xi=li(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 4px 10px;\n background: ",";\n color: ",";\n svg {\n fill: ",";\n margin-top: 2px;\n }\n .inner {\n flex: 1;\n > div {\n padding: 0px;\n flex: 1;\n display: flex;\n margin-left: ","px;\n align-items: center;\n div.layer-name {\n flex: 1;\n h2 {\n font-size: 15px;\n line-height: 26px;\n }\n }\n }\n }\n"])),(function(e){return e.selected?"#2680eb":"transparent"}),(function(e){return e.selected?"#fff":"inherit"}),(function(e){return e.selected?"#fff":"#808184"}),(function(e){return 10*e.depth})),Ti=ri.a.a(ki||(ki=li(["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"],["\n width: 8px;\n height: 8px;\n display: block;\n transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n transform: rotate(","deg);\n opacity: 0.7;\n cursor: pointer;\n transform-origin: 60% center;\n"])),(function(e){return e.expanded?180:0})),Ai=ri.a.div(_i||(_i=li(["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"],["\n margin-left: -22px;\n margin-right: 10px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"]))),Ri=function(){var e=fi((function(e){return{expanded:e.expanded}})),t=e.id,n=e.depth,r=e.expanded,o=e.children,i=e.connectors,l=i.drag,c=i.layerHeader,u=e.actions.toggleLayer,s=bt((function(e,n){return{hidden:e.nodes[t]&&e.nodes[t].data.hidden,selected:e.events.selected===t,topLevel:n.node(t).isTopLevelCanvas()}}));return a.a.createElement(Ni,{selected:s.selected,ref:l,depth:n},a.a.createElement("div",{className:"inner"},a.a.createElement("div",{ref:c},s.topLevel?a.a.createElement(Ai,null,a.a.createElement(Pi,null)):null,a.a.createElement("div",{className:"layer-name s"},a.a.createElement(gi,null)),a.a.createElement("div",null,o&&o.length?a.a.createElement(Ti,{expanded:r,onMouseDown:function(){return u()}},a.a.createElement(wi,null)):null))))},Ii=ri.a.div(Oi||(Oi=li(["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"],["\n background: ",";\n display: block;\n padding-bottom: ","px;\n"])),(function(e){return e.hovered?"#f1f1f1":"transparent"}),(function(e){return e.hasCanvases&&e.expanded?5:0})),zi=ri.a.div(Si||(Si=li(["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"],["\n margin: 0 0 0 0px;\n background: ",";\n position: relative;\n\n ","\n"])),(function(e){return e.hasCanvases?"rgba(255, 255, 255, 0.02)":"transparent"}),(function(e){return e.hasCanvases?'\n \n box-shadow: 0px 0px 44px -1px #00000014;\n border-radius: 10px;\n margin-right: 5px;\n margin-bottom:5px;\n margin-top:5px; \n > * { overflow:hidden; }\n &:before { \n position:absolute;\n left:-19px;\n width: 2px;\n height:100%;\n content: " ";\n background:#00000012;\n }\n ':""})),Mi=function(e){var t=e.children,n=fi((function(e){return{hovered:e.event.hovered,expanded:e.expanded}})),r=n.id,o=n.expanded,i=n.hovered,l=n.connectors.layer,c=bt((function(e,t){return{hasChildCanvases:t.node(r).isParentOfTopLevelNodes()}})).hasChildCanvases;return a.a.createElement(Ii,{ref:l,expanded:o,hasCanvases:c,hovered:i},a.a.createElement(Ri,null),t?a.a.createElement(zi,{hasCanvases:c,className:"craft-layer-children"},t):null)},Fi=function(e){var t=e.children,n=xe(hi,{layers:{},events:{selected:null,dragged:null,hovered:null},options:oi({renderLayer:Mi},e.options)});return a.a.createElement(ui.Provider,{value:{store:n}},a.a.createElement(vi,null,t))},Li=function(e){var t=ii(e,[]);return a.a.createElement(Fi,{options:t},a.a.createElement(mi,{id:"ROOT",depth:0}))};function Di(e,t){return Vi(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||Bi(e,t)||qi()}function Ui(e){return function(e){if(Array.isArray(e))return Hi(e)}(e)||Wi(e)||Bi(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 qi(){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 Bi(e,t){if(e){if("string"==typeof e)return Hi(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)?Hi(e,t):void 0}}function Hi(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}function Wi(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function Vi(e){if(Array.isArray(e))return e}var $i=function e(t){if(t.length<=2)return[t];var n,r=Vi(n=t)||Wi(n)||Bi(n)||qi(),a=r[0],o=r[1],i=r.slice(2);return[[a,o]].concat(Ui(e(i)))},Ki=function(e){e.name,e.layout;var t=lt((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))};Ki.craft={displayName:"LibraryElem"};var Yi=function(e){var t=e.nodekeys,n=bt((function(e,t){return{}})),a=n.actions,o=n.query,i=(n.connectors,function(e,n){var r=e.getSerializedNodes(),i=[];if(Object.keys(r).forEach((function(e){t.current.includes(e)||i.push(e)})),t.current=Object.keys(r),1===i.length){var l=i[0],c=r[l];if("LibraryElem"===c.displayName){var u=c.props.layout;ei(u.layout?u.layout:u,o,a,c.parent),setTimeout((function(){a.delete(l)}),0)}else"Column"!==c.displayName&&a.selectNode(l)}});return Object(r.useEffect)((function(){var e=o.getSerializedNodes();t.current=Object.keys(e),a.setOptions((function(e){var t=e.onNodesChange(e.onNodesChange=t?function(e){t(e),i(e)}:i)}))}),[]),[]},Gi=function(){var e=bt((function(e,t){return{selected:e.events.selected}})),t=(e.actions,e.selected),n=e.query,o=e.connectors,i=Object(r.useContext)(Rt),l=Di(Object(r.useState)(!1),2),c=l[0],u=l[1],s=Di(Object(r.useState)(""),2),f=s[0],d=s[1],p=Di(Object(r.useState)(),2),m=p[0],h=p[1],v=Di(Object(r.useState)([]),2),g=v[0],y=v[1],b=$i([].concat(Ui(i.library||[]),Ui(g)));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:!t,onClick:function(){return u(!c)}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("div",{className:"dropdown-menu py-3 px-4 ".concat(c?"show":""),"aria-labelledby":"dropdownMenuButton"},a.a.createElement("label",null,"Name"),a.a.createElement("input",{type:"text",className:"form-control",value:f,onChange:function(e){return d(e.target.value)}}),a.a.createElement("br",null),a.a.createElement("label",null,"Icon"),a.a.createElement(fn.a,{className:"w-100",value:m,icons:hn,onChange:h,isMulti:!1}),a.a.createElement("button",{className:"btn btn-primary mt-3",onClick:function(){var e={layout:ni(JSON.parse(n.serialize()),t),icon:m,name:f};fetch("/library/savefrombuilder",{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":i.csrfToken},body:JSON.stringify(e)}),u(!1),h(),d(""),y([].concat(Ui(g),[e]))}},a.a.createElement(Yt,{icon:nn,className:"me-1"}),"Add"),a.a.createElement("button",{className:"btn btn-outline-secondary ms-2 mt-3",onClick:function(){return u(!1)}},a.a.createElement(Yt,{icon:ln})))),a.a.createElement("div",{className:"card mt-2"},b.map((function(e,t){return a.a.createElement("div",{className:"toolbar-row",key:t},e.map((function(e,t){return a.a.createElement(_o,{key:t,connectors:o,icon:e.icon,label:e.name},a.a.createElement(Ki,{name:e.name,layout:e.layout}))})))}))))},Qi=function(e){var t=e.render,n=lt().id,o=bt((function(e){return{isActive:e.nodes[n].events.selected}})),i=o.actions,l=o.query,c=o.isActive,u=lt((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,g=Object(r.useRef)(),y=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=g.current;if(e){var t=y(f),n=t.top,r=t.left;e.style.top=n,e.style.left=r}}),[f,y]);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:ve.a.createPortal(a.a.createElement("div",{ref:g,className:"selected-indicator ".concat(c?"activeind":"hoverind"," px-1 text-white"),style:{left:y(f).left,top:y(f).top,zIndex:9999}},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(Yt,{icon:Xt,className:"me-2"})),c&&v&&"ROOT"!==v?a.a.createElement(Yt,{icon:Qt,className:"me-2",onClick:function(){i.selectNode(v)}}):null,m&&c?[a.a.createElement(Yt,{key:1,icon:tn,onClick:function(){var e=l.node(n).get().data.parent,t=l.node(e).childNodes().findIndex((function(e){return e===n})),r=pr(l)(n);i.addNodeTree(l.parseReactElement(r).toNodeTree(),e||"ROOT",t+1)},className:"me-2"}),a.a.createElement(Yt,{key:2,icon:cn,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 Xi(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)return;var r,a,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ji(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 Ji(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 Ji(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 Zi=Rt.Provider,el=function(){var e=bt((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,p=o.node(n.id).get(),m=null==p||null===(f=p.data)||void 0===f||null===(d=f.linkedNodes)||void 0===d?void 0:d.Col0;m&&t.selectNode(m)}if(38===r&&n.parent){var h=l(-1);h&&t.selectNode(h),e.preventDefault()}if(40===r&&n.parent){var v=l(1);v&&t.selectNode(v),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(Yt,{icon:cn,className:"me-1"}),"Delete"),u&&!n.isDeletable?a.a.createElement("button",{className:"btn btn-sm btn-danger",onClick:s},a.a.createElement(Yt,{icon:cn,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=pr(o)(n.id);t.addNodeTree(o.parseReactElement(a).toNodeTree(),e||"ROOT",r+1)}},a.a.createElement(Yt,{icon:tn,className:"me-1"}),"Clone"),a.a.createElement("hr",{className:"my-2"}),n.settings&&a.a.createElement(n.settings)):"No element selected"))},tl=function(){var e=bt((function(){})),t=e.query,n=(e.actions,Object(r.useContext)(Rt));return n.page_id||n.view_id?a.a.createElement("button",{className:"btn btn-sm btn-outline-secondary me-2 builder-save-ajax",onClick:function(){var e=ni(JSON.parse(t.serialize())),r=n.page_id?"pageedit":"viewedit";fetch("/".concat(r,"/savebuilder/").concat(n.page_id||n.view_id),{method:"POST",headers:{"Content-Type":"application/json","CSRF-Token":n.csrfToken},body:JSON.stringify(e)})}},"Save"):""},nl=function(){var e=bt((function(){})),t=(e.query,e.actions,Object(r.useContext)(Rt));return t.page_id?a.a.createElement("a",{target:"_blank",className:"d-block",href:"/page/".concat(t.page_name)},"View page in new tab »"):""},rl=function(){var e=bt((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(Yt,{icon:un})),n&&a.a.createElement("button",{className:"btn btn-sm btn-secondary",title:"Redo",onClick:function(){return o.history.redo()}},a.a.createElement(Yt,{icon:rn})))},al=function(e){var t=e.layout,n=bt((function(){})),o=n.query,i=n.actions,l=Object(r.useContext)(Rt);Object(r.useEffect)((function(){ei(t,o,i)}),[]);return a.a.createElement("button",{className:"btn btn-sm btn-primary builder-save",onClick:function(){var e=ni(JSON.parse(o.serialize())),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"," »")},ol=function(e){var t=e.options,n=e.layout,o=e.mode,i=Xi(Object(r.useState)(!0),2),l=i[0],c=(i[1],Xi(Object(r.useState)({}),2)),u=c[0],s=c[1],f=Xi(Object(r.useState)([]),2),d=f[0],p=f[1],m=Object(r.useRef)([]);return a.a.createElement(sr,null,a.a.createElement(At,{onRender:Qi},a.a.createElement(Zi,{value:t},a.a.createElement(Sr.Provider,{value:{previews:u,setPreviews:s,uploadedFiles:d,setUploadedFiles:p}},a.a.createElement("div",{className:"row",style:{marginTop:"-5px"}},a.a.createElement("div",{className:"col-sm-auto left-builder-col"},a.a.createElement("div",{className:"componets-and-library-accordion toolbox-card"},a.a.createElement(Yi,{nodekeys:m}),a.a.createElement(Xn,null,a.a.createElement("div",{className:"card mt-1",accordiontitle:"Components"},{show:a.a.createElement(Wo,null),edit:a.a.createElement($o,null),page:a.a.createElement(Ko,null),filter:a.a.createElement(Vo,null)}[o]||a.a.createElement("div",null,"Missing mode")),a.a.createElement("div",{accordiontitle:"Library"},a.a.createElement(Gi,null)))),a.a.createElement("div",{className:"card toolbox-card pe-0"},a.a.createElement("div",{className:"card-header"},"Layers"),l&&a.a.createElement("div",{className:"card-body p-0 builder-layers"},a.a.createElement(Li,{expandRootOnLoad:!0})))),a.a.createElement("div",{id:"builder-main-canvas",className:"col builder-mode-".concat(t.mode)},a.a.createElement("div",null,a.a.createElement(gt,{resolver:{Text:Or,Empty:Qr,Columns:Sn,JoinField:Pr,Field:Cr,ViewLink:Ir,Action:Ur,HTMLCode:Lr,LineBreak:Ar,Aggregation:Tr,Card:aa,Image:Wr,Link:io,View:ao,SearchBar:Fr,Container:ro,Column:vn,DropDownFilter:Jr,DropMenu:ta,Tabs:Gr,ToggleFilter:ra}},a.a.createElement(mt,{canvas:!0,is:vn})))),a.a.createElement("div",{className:"col-sm-auto builder-sidebar"},a.a.createElement("div",{style:{width:"16rem"}},a.a.createElement(tl,null),a.a.createElement(al,{layout:n}),a.a.createElement(rl,null),a.a.createElement(nl,null),a.a.createElement(el,null)))))),a.a.createElement("div",{className:"d-none preview-scratchpad"})))};function il(e,t,n,r){ve.a.render(a.a.createElement(ol,{options:JSON.parse(decodeURIComponent(t)),layout:JSON.parse(decodeURIComponent(n)),mode:r}),document.getElementById(e))}},function(e,t,n){"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function a(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}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,o(e,t)}n.r(t),n.d(t,"CSSTransition",(function(){return E})),n.d(t,"ReplaceTransition",(function(){return T})),n.d(t,"SwitchTransition",(function(){return L})),n.d(t,"TransitionGroup",(function(){return C})),n.d(t,"Transition",(function(){return y})),n.d(t,"config",(function(){return d}));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(2),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,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 g(){}v.contextType=p,v.propTypes={},v.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:g,onEntering:g,onEntered:g,onExit:g,onExiting:g,onExited:g},v.UNMOUNTED="unmounted",v.EXITED="exited",v.ENTERING=m,v.ENTERED=h,v.EXITING="exiting";var y=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,a(e,["classNames"]));return u.a.createElement(y,r({},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 k(e,t,n){return null!=n[t]?n[t]:e.props[t]}function _(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:k(i,"exit",e),enter:k(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:k(i,"exit",e),enter:k(i,"enter",e)})}})),a}var O=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:k(e,"appear",n),enter:k(e,"enter",n),exit:k(e,"exit",n)})}))):_(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=r({},t.children);return delete n[e.key],{children:n}})))},n.render=function(){var e=this.props,t=e.component,n=e.childFactory,r=a(e,["component","childFactory"]),o=this.state.contextValue,i=O(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=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",R="in-out",I=function(e,t,n){return function(){var r;e.props[t]&&(r=e.props)[t].apply(r,arguments),n()}},z=((P={})[A]=function(e){var t=e.current,n=e.changeState;return u.a.cloneElement(t,{in:!1,onExited:I(t,"onExited",(function(){n(m,null)}))})},P[R]=function(e){var t=e.current,n=e.changeState,r=e.children;return[t,u.a.cloneElement(r,{in:!0,onEntered:I(r,"onEntered",(function(){n(m)}))})]},P),M=((N={})[A]=function(e){var t=e.children,n=e.changeState;return u.a.cloneElement(t,{in:!0,onEntered:I(t,"onEntered",(function(){n(h,u.a.cloneElement(t,{in:!0}))}))})},N[R]=function(e){var t=e.current,n=e.children,r=e.changeState;return[u.a.cloneElement(t,{in:!1,onExited:I(t,"onExited",(function(){r(h,u.a.cloneElement(n,{in:!0}))}))}),u.a.cloneElement(n,{in:!0})]},N),F=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===R?{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=M[r](l);break;case"exiting":e=z[r](l);break;case h:e=i}return u.a.createElement(p.Provider,{value:{isMounting:!this.appeared}},e)},t}(u.a.Component);F.propTypes={},F.defaultProps={mode:A};var L=F}]);