(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.easy-mail-input-number-select{width:100%}.easy-mail-input-number-select .ant-select-selector{padding:0!important}.easy-mail-input-number-select .ant-select-selection-item{padding:0!important;text-align:center!important}.easy-mail-input-number-select-option{text-align:center!important;padding:0!important;line-height:32px!important}.easy-mail-input-number-input{text-align:left}.easy-mail-input-number-input .ant-input-number-input{width:calc(100% - 34px)!important}.easy-mail-input-number-input .ant-input-number-handler-wrap{width:22px!important;opacity:1!important}.easy-marl-src-container label{width:100%}.easy-marl-src-container label:after{content:""!important;margin:0!important}html,body{margin:0;overflow:hidden}*{box-sizing:border-box}.easy-mail-container.dark{scrollbar-color:rgba(255,255,255,.25) rgba(253,253,253,.12)}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
(function(j,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("react"),require("antd"),require("mjml-browser"),require("react-i18next"),require("@ant-design/icons"),require("i18next"),require("i18next-browser-languagedetector")):typeof define=="function"&&define.amd?define(["react","antd","mjml-browser","react-i18next","@ant-design/icons","i18next","i18next-browser-languagedetector"],u):(j=typeof globalThis<"u"?globalThis:j||self,j.Easymail=u(j.React,j.antd,j.mjmlBrowser,j.ReactI18next,j["@ant-design/icons"],j.i18next,j.i18nextBrowserLanguageDetector))})(this,function(j,u,jt,O,z,xr,jr){"use strict";var We={exports:{}},Me={};/**
 * @license React
 * react-jsx-runtime.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var yt;function yr(){if(yt)return Me;yt=1;var t=j,r=Symbol.for("react.element"),s=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,o=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function a(g,p,b){var x,f={},c=null,d=null;b!==void 0&&(c=""+b),p.key!==void 0&&(c=""+p.key),p.ref!==void 0&&(d=p.ref);for(x in p)n.call(p,x)&&!l.hasOwnProperty(x)&&(f[x]=p[x]);if(g&&g.defaultProps)for(x in p=g.defaultProps,p)f[x]===void 0&&(f[x]=p[x]);return{$$typeof:r,type:g,key:c,ref:d,props:f,_owner:o.current}}return Me.Fragment=s,Me.jsx=a,Me.jsxs=a,Me}var Ae={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var vt;function vr(){return vt||(vt=1,process.env.NODE_ENV!=="production"&&function(){var t=j,r=Symbol.for("react.element"),s=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),g=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),c=Symbol.for("react.lazy"),d=Symbol.for("react.offscreen"),m=Symbol.iterator,v="@@iterator";function C(i){if(i===null||typeof i!="object")return null;var h=m&&i[m]||i[v];return typeof h=="function"?h:null}var A=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function S(i){{for(var h=arguments.length,y=new Array(h>1?h-1:0),w=1;w<h;w++)y[w-1]=arguments[w];N("error",i,y)}}function N(i,h,y){{var w=A.ReactDebugCurrentFrame,k=w.getStackAddendum();k!==""&&(h+="%s",y=y.concat([k]));var _=y.map(function(I){return String(I)});_.unshift("Warning: "+h),Function.prototype.apply.call(console[i],console,_)}}var F=!1,$=!1,H=!1,U=!1,J=!1,D;D=Symbol.for("react.module.reference");function R(i){return!!(typeof i=="string"||typeof i=="function"||i===n||i===l||J||i===o||i===b||i===x||U||i===d||F||$||H||typeof i=="object"&&i!==null&&(i.$$typeof===c||i.$$typeof===f||i.$$typeof===a||i.$$typeof===g||i.$$typeof===p||i.$$typeof===D||i.getModuleId!==void 0))}function E(i,h,y){var w=i.displayName;if(w)return w;var k=h.displayName||h.name||"";return k!==""?y+"("+k+")":y}function M(i){return i.displayName||"Context"}function Y(i){if(i==null)return null;if(typeof i.tag=="number"&&S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof i=="function")return i.displayName||i.name||null;if(typeof i=="string")return i;switch(i){case n:return"Fragment";case s:return"Portal";case l:return"Profiler";case o:return"StrictMode";case b:return"Suspense";case x:return"SuspenseList"}if(typeof i=="object")switch(i.$$typeof){case g:var h=i;return M(h)+".Consumer";case a:var y=i;return M(y._context)+".Provider";case p:return E(i,i.render,"ForwardRef");case f:var w=i.displayName||null;return w!==null?w:Y(i.type)||"Memo";case c:{var k=i,_=k._payload,I=k._init;try{return Y(I(_))}catch{return null}}}return null}var ee=Object.assign,le=0,ve,ne,se,te,De,Se,Ee;function ke(){}ke.__reactDisabledLog=!0;function Ye(){{if(le===0){ve=console.log,ne=console.info,se=console.warn,te=console.error,De=console.group,Se=console.groupCollapsed,Ee=console.groupEnd;var i={configurable:!0,enumerable:!0,value:ke,writable:!0};Object.defineProperties(console,{info:i,log:i,warn:i,error:i,group:i,groupCollapsed:i,groupEnd:i})}le++}}function ln(){{if(le--,le===0){var i={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:ee({},i,{value:ve}),info:ee({},i,{value:ne}),warn:ee({},i,{value:se}),error:ee({},i,{value:te}),group:ee({},i,{value:De}),groupCollapsed:ee({},i,{value:Se}),groupEnd:ee({},i,{value:Ee})})}le<0&&S("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ut=A.ReactCurrentDispatcher,dt;function Ge(i,h,y){{if(dt===void 0)try{throw Error()}catch(k){var w=k.stack.trim().match(/\n( *(at )?)/);dt=w&&w[1]||""}return`
`+dt+i}}var pt=!1,Ve;{var an=typeof WeakMap=="function"?WeakMap:Map;Ve=new an}function nr(i,h){if(!i||pt)return"";{var y=Ve.get(i);if(y!==void 0)return y}var w;pt=!0;var k=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var _;_=ut.current,ut.current=null,Ye();try{if(h){var I=function(){throw Error()};if(Object.defineProperty(I.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(I,[])}catch(W){w=W}Reflect.construct(i,[],I)}else{try{I.call()}catch(W){w=W}i.call(I.prototype)}}else{try{throw Error()}catch(W){w=W}i()}}catch(W){if(W&&w&&typeof W.stack=="string"){for(var T=W.stack.split(`
`),Z=w.stack.split(`
`),P=T.length-1,G=Z.length-1;P>=1&&G>=0&&T[P]!==Z[G];)G--;for(;P>=1&&G>=0;P--,G--)if(T[P]!==Z[G]){if(P!==1||G!==1)do if(P--,G--,G<0||T[P]!==Z[G]){var K=`
`+T[P].replace(" at new "," at ");return i.displayName&&K.includes("<anonymous>")&&(K=K.replace("<anonymous>",i.displayName)),typeof i=="function"&&Ve.set(i,K),K}while(P>=1&&G>=0);break}}}finally{pt=!1,ut.current=_,ln(),Error.prepareStackTrace=k}var we=i?i.displayName||i.name:"",ue=we?Ge(we):"";return typeof i=="function"&&Ve.set(i,ue),ue}function cn(i,h,y){return nr(i,!1)}function un(i){var h=i.prototype;return!!(h&&h.isReactComponent)}function Je(i,h,y){if(i==null)return"";if(typeof i=="function")return nr(i,un(i));if(typeof i=="string")return Ge(i);switch(i){case b:return Ge("Suspense");case x:return Ge("SuspenseList")}if(typeof i=="object")switch(i.$$typeof){case p:return cn(i.render);case f:return Je(i.type,h,y);case c:{var w=i,k=w._payload,_=w._init;try{return Je(_(k),h,y)}catch{}}}return""}var Ne=Object.prototype.hasOwnProperty,sr={},ir=A.ReactDebugCurrentFrame;function Ze(i){if(i){var h=i._owner,y=Je(i.type,i._source,h?h.type:null);ir.setExtraStackFrame(y)}else ir.setExtraStackFrame(null)}function dn(i,h,y,w,k){{var _=Function.call.bind(Ne);for(var I in i)if(_(i,I)){var T=void 0;try{if(typeof i[I]!="function"){var Z=Error((w||"React class")+": "+y+" type `"+I+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[I]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw Z.name="Invariant Violation",Z}T=i[I](h,I,w,y,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(P){T=P}T&&!(T instanceof Error)&&(Ze(k),S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",w||"React class",y,I,typeof T),Ze(null)),T instanceof Error&&!(T.message in sr)&&(sr[T.message]=!0,Ze(k),S("Failed %s type: %s",y,T.message),Ze(null))}}}var pn=Array.isArray;function mt(i){return pn(i)}function mn(i){{var h=typeof Symbol=="function"&&Symbol.toStringTag,y=h&&i[Symbol.toStringTag]||i.constructor.name||"Object";return y}}function gn(i){try{return lr(i),!1}catch{return!0}}function lr(i){return""+i}function ar(i){if(gn(i))return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",mn(i)),lr(i)}var Fe=A.ReactCurrentOwner,hn={key:!0,ref:!0,__self:!0,__source:!0},cr,ur,gt;gt={};function fn(i){if(Ne.call(i,"ref")){var h=Object.getOwnPropertyDescriptor(i,"ref").get;if(h&&h.isReactWarning)return!1}return i.ref!==void 0}function bn(i){if(Ne.call(i,"key")){var h=Object.getOwnPropertyDescriptor(i,"key").get;if(h&&h.isReactWarning)return!1}return i.key!==void 0}function xn(i,h){if(typeof i.ref=="string"&&Fe.current&&h&&Fe.current.stateNode!==h){var y=Y(Fe.current.type);gt[y]||(S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',Y(Fe.current.type),i.ref),gt[y]=!0)}}function jn(i,h){{var y=function(){cr||(cr=!0,S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",h))};y.isReactWarning=!0,Object.defineProperty(i,"key",{get:y,configurable:!0})}}function yn(i,h){{var y=function(){ur||(ur=!0,S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",h))};y.isReactWarning=!0,Object.defineProperty(i,"ref",{get:y,configurable:!0})}}var vn=function(i,h,y,w,k,_,I){var T={$$typeof:r,type:i,key:h,ref:y,props:I,_owner:_};return T._store={},Object.defineProperty(T._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(T,"_self",{configurable:!1,enumerable:!1,writable:!1,value:w}),Object.defineProperty(T,"_source",{configurable:!1,enumerable:!1,writable:!1,value:k}),Object.freeze&&(Object.freeze(T.props),Object.freeze(T)),T};function Cn(i,h,y,w,k){{var _,I={},T=null,Z=null;y!==void 0&&(ar(y),T=""+y),bn(h)&&(ar(h.key),T=""+h.key),fn(h)&&(Z=h.ref,xn(h,k));for(_ in h)Ne.call(h,_)&&!hn.hasOwnProperty(_)&&(I[_]=h[_]);if(i&&i.defaultProps){var P=i.defaultProps;for(_ in P)I[_]===void 0&&(I[_]=P[_])}if(T||Z){var G=typeof i=="function"?i.displayName||i.name||"Unknown":i;T&&jn(I,G),Z&&yn(I,G)}return vn(i,T,Z,k,w,Fe.current,I)}}var ht=A.ReactCurrentOwner,dr=A.ReactDebugCurrentFrame;function Ce(i){if(i){var h=i._owner,y=Je(i.type,i._source,h?h.type:null);dr.setExtraStackFrame(y)}else dr.setExtraStackFrame(null)}var ft;ft=!1;function bt(i){return typeof i=="object"&&i!==null&&i.$$typeof===r}function pr(){{if(ht.current){var i=Y(ht.current.type);if(i)return`

Check the render method of \``+i+"`."}return""}}function wn(i){return""}var mr={};function Mn(i){{var h=pr();if(!h){var y=typeof i=="string"?i:i.displayName||i.name;y&&(h=`

Check the top-level render call using <`+y+">.")}return h}}function gr(i,h){{if(!i._store||i._store.validated||i.key!=null)return;i._store.validated=!0;var y=Mn(h);if(mr[y])return;mr[y]=!0;var w="";i&&i._owner&&i._owner!==ht.current&&(w=" It was passed a child from "+Y(i._owner.type)+"."),Ce(i),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',y,w),Ce(null)}}function hr(i,h){{if(typeof i!="object")return;if(mt(i))for(var y=0;y<i.length;y++){var w=i[y];bt(w)&&gr(w,h)}else if(bt(i))i._store&&(i._store.validated=!0);else if(i){var k=C(i);if(typeof k=="function"&&k!==i.entries)for(var _=k.call(i),I;!(I=_.next()).done;)bt(I.value)&&gr(I.value,h)}}}function An(i){{var h=i.type;if(h==null||typeof h=="string")return;var y;if(typeof h=="function")y=h.propTypes;else if(typeof h=="object"&&(h.$$typeof===p||h.$$typeof===f))y=h.propTypes;else return;if(y){var w=Y(h);dn(y,i.props,"prop",w,i)}else if(h.PropTypes!==void 0&&!ft){ft=!0;var k=Y(h);S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",k||"Unknown")}typeof h.getDefaultProps=="function"&&!h.getDefaultProps.isReactClassApproved&&S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Tn(i){{for(var h=Object.keys(i.props),y=0;y<h.length;y++){var w=h[y];if(w!=="children"&&w!=="key"){Ce(i),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",w),Ce(null);break}}i.ref!==null&&(Ce(i),S("Invalid attribute `ref` supplied to `React.Fragment`."),Ce(null))}}var fr={};function br(i,h,y,w,k,_){{var I=R(i);if(!I){var T="";(i===void 0||typeof i=="object"&&i!==null&&Object.keys(i).length===0)&&(T+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Z=wn();Z?T+=Z:T+=pr();var P;i===null?P="null":mt(i)?P="array":i!==void 0&&i.$$typeof===r?(P="<"+(Y(i.type)||"Unknown")+" />",T=" Did you accidentally export a JSX literal instead of a component?"):P=typeof i,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",P,T)}var G=Cn(i,h,y,k,_);if(G==null)return G;if(I){var K=h.children;if(K!==void 0)if(w)if(mt(K)){for(var we=0;we<K.length;we++)hr(K[we],i);Object.freeze&&Object.freeze(K)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else hr(K,i)}if(Ne.call(h,"key")){var ue=Y(i),W=Object.keys(h).filter(function(kn){return kn!=="key"}),xt=W.length>0?"{key: someKey, "+W.join(": ..., ")+": ...}":"{key: someKey}";if(!fr[ue+xt]){var En=W.length>0?"{"+W.join(": ..., ")+": ...}":"{}";S(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,xt,ue,En,ue),fr[ue+xt]=!0}}return i===n?Tn(G):An(G),G}}function Ln(i,h,y){return br(i,h,y,!0)}function In(i,h,y){return br(i,h,y,!1)}var Dn=In,Sn=Ln;Ae.Fragment=n,Ae.jsx=Dn,Ae.jsxs=Sn}()),Ae}process.env.NODE_ENV==="production"?We.exports=yr():We.exports=vr();var e=We.exports;const de=j.createContext({appData:null,setAppData:()=>{},tab:"add",setTab:()=>{},hoverNode:null,setHoverNode:()=>{},focusNode:null,setFocusNode:()=>{},dataTransfer:null,setDataTransfer:()=>{}}),Ct=j.createContext(null),Qe={skin:"light",colorPrimary:"#1677ff",lang:void 0,value:'<mjml><mj-head><mj-attributes><mj-all font-family="arial" color="#000000"></mj-all><mj-button color="#FFFFFF" background-color="#414141"></mj-button><mj-section></mj-section></mj-attributes></mj-head><mj-body  css-class="mj-body" width="600px"></mj-body></mjml>',width:"100%",height:"100%",ref:void 0,tinymceLink:void 0,onUpload:void 0,onUploadFocusChange:()=>{}},wt=j.createContext(Qe),pe="mj-column-empty",Mt="drop-block",$e="focus",Cr="focus-child",Te="hover",At="focus-tool",Tt="focus-tool-drag",Lt="focus-tool-copy",It="focus-tool-delete",Dt="editor-tool-box",wr="editor-body";var Xe=(t=>(t.MJ_COLUMN_1="mj-column-1",t.MJ_COLUMN_2="mj-column-2",t.MJ_COLUMN_3="mj-column-3",t.MJ_COLUMN_4="mj-column-4",t.MJ_COLUMN_LEFT="mj-column-left",t.MJ_COLUMN_RIGHT="mj-column-right",t))(Xe||{}),L=(t=>(t.MJML="mjml",t.MJ_BODY="mj-body",t.MJ_SECTION="mj-section",t.MJ_COLUMN="mj-column",t.MJ_TEXT="mj-text",t.MJ_IMAGE="mj-image",t.MJ_BUTTON="mj-button",t.MJ_DIVEDER="mj-divider",t.MJ_SPACER="mj-spacer",t.MJ_SOCIAL="mj-social",t.MJ_SOCIAL_ELEMENT="mj-social-element",t))(L||{});const Le={"mj-button":{tagName:"mj-button",attributes:{"css-class":"mj-button",href:"",target:"_blank","border-radius":"3px","font-size":"13px","line-height":"120%",align:"center",padding:"10px 25px"},content:""},"mj-divider":{tagName:"mj-divider",attributes:{width:"100%","css-class":"mj-divider","border-width":"4px","border-style":"solid","border-color":"#000000",padding:"10px 25px",align:"center"}},"mj-image":{tagName:"mj-image",attributes:{"css-class":"mj-image",src:"data:image/svg+xml;charset=utf-8;base64,PHN2ZyBzdHlsZT0id2lkdGg6IDFlbTtoZWlnaHQ6IDFlbTt2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwNzgwIj48cGF0aCBkPSJNMjA3Ljc2IDI5NS4zMTJBMzIgMzIgMCAwIDEgMjM1LjUyIDI2MC44bDEzNy45Mi0xNy43OTItOTIuOTc2IDk0LjMyIDE0OC4yNzIgMTYyLjE3NnYxMTEuMmwtMjQuNzA0IDEyMy41ODQgOTIuNDQ4LTI4NC4yMDgtMTA4LjI3Mi0xMjYuNTkyTDQ5Ni40OCAyNDBoMy45NTJsMjg0LjE2IDIyLjE5MmEzMiAzMiAwIDAgMSAyOS4zOTIgMzQuNjg4bC0zNy42MzIgNDMwLjkxMmEzMiAzMiAwIDAgMS0zMy45NjggMjkuMTUybC0zNDIuMDE2LTIyLjQzMmEzMS45NjggMzEuOTY4IDAgMCAwLTcuMzYgMC4zNjhsLTExMC41MTIgMTguNDE2YTMyIDMyIDAgMCAxLTM3LjEyLTI4Ljc2OGwtMzcuNjMyLTQyOS4yMTZ6IG00ODIuNDMyIDE0OC45MTJhNDcuMDQgNDcuMDQgMCAxIDAgMC05NC4wOCA0Ny4wNCA0Ny4wNCAwIDAgMCAwIDk0LjA4ek00OTQuMDggNjQ2LjcyYTEzLjg0IDEzLjg0IDAgMCAwIDEyLjc1MiAxNC44NjRsMjI0Ljk3NiAxNy4xMmExMy44NCAxMy44NCAwIDAgMCAyLjExMi0yNy42bC0yMjQuOTkyLTE3LjEyYTEzLjg0IDEzLjg0IDAgMCAwLTE0Ljg0OCAxMi43MzZ6IG0tMTQyLjQ2NCAxLjgyNGExMy44NCAxMy44NCAwIDAgMC04Ljc1Mi0yNi4yNTZsLTc0LjE0NCAyNC43MDRhMTMuODQgMTMuODQgMCAwIDAgOC43NTIgMjYuMjcybDc0LjE0NC0yNC43MnoiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iLjEiIHAtaWQ9IjIwNzgxIj48L3BhdGg+PC9zdmc+",href:"",target:"_blank",alt:"",width:"","border-radius":"0px",align:"center",padding:"10px 25px"}},"mj-social":{tagName:"mj-social",attributes:{"css-class":"mj-social","icon-size":"20px","icon-padding":"0px","border-radius":"3px","inner-padding":"4px","font-size":"13px",mode:"horizontal",align:"center",padding:"10px 25px"},children:[{tagName:"mj-social-element",attributes:{name:"facebook","css-class":"mj-social-element",href:"https://www.facebook.com"},content:""},{tagName:"mj-social-element",attributes:{name:"twitter","css-class":"mj-social-element",href:"https://www.twitter.com"},content:""},{tagName:"mj-social-element",attributes:{name:"google","css-class":"mj-social-element",href:"https://www.google.com"},content:""}]},"mj-spacer":{tagName:"mj-spacer",attributes:{"css-class":"mj-spacer",height:"50px"}},"mj-text":{tagName:"mj-text",attributes:{"css-class":"mj-text","font-size":"13px","line-height":1,align:"left",padding:"10px 25px"},content:""},"mj-section":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"}},"mj-column-1":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"},children:[{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]}]},"mj-column-2":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"},children:[{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]}]},"mj-column-3":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"},children:[{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]}]},"mj-column-4":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"},children:[{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column"},children:[]}]},"mj-column-left":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"},children:[{tagName:"mj-column",attributes:{"css-class":"mj-column",width:"60%"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column",width:"40%"},children:[]}]},"mj-column-right":{tagName:"mj-section",attributes:{"css-class":"mj-section","border-radius":"0px","background-repeat":"repeat","background-size":"auto",padding:"20px"},children:[{tagName:"mj-column",attributes:{"css-class":"mj-column",width:"40%"},children:[]},{tagName:"mj-column",attributes:{"css-class":"mj-column",width:"60%"},children:[]}]}},St=["mj-button","mj-divider","mj-image","mj-social","mj-spacer","mj-text"],Mr=["mjml","mj-body","mj-column","mj-section",...St],ae=()=>{const{appData:t,setAppData:r}=j.useContext(de);return{appData:t,setAppData:r}},_e=()=>({...j.useContext(wt)}),me=t=>JSON.parse(JSON.stringify(t)),Et=t=>{let s=new DOMParser().parseFromString(jt(t).html,"text/html");return Fr(s.documentElement)},Ar=(t,r)=>{const s=`
    @media only screen and (min-width:480px) {
      .mj-column-per-100 { width:100% !important; max-width: 100%; }
      .mj-column-per-50 { width:50% !important; max-width: 50%; }
      .mj-column-per-60 { width:60% !important; max-width: 60%; }
      .mj-column-per-40 { width:40% !important; max-width: 40%; }
      .mj-column-per-33-333333333333336 { width:33.333333333333336% !important; max-width: 33.333333333333336%; }
      .mj-column-per-25 { width:25% !important; max-width: 25%; }
    }
  `,n=`
    .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
    .moz-text-html .mj-column-per-50 { width:50% !important; max-width: 50%; }
    .moz-text-html .mj-column-per-60 { width:60% !important; max-width: 60%; }
    .moz-text-html .mj-column-per-40 { width:40% !important; max-width: 40%; }
    .moz-text-html .mj-column-per-33-333333333333336 { width:33.333333333333336% !important; max-width: 33.333333333333336%; }
    .moz-text-html .mj-column-per-25 { width:25% !important; max-width: 25%; }
  `;if(r.length>1)r[1].innerHTML=s,r[2].innerHTML=n;else{const o=document.createElement("style"),l=document.createElement("style");o.innerHTML=s,l.innerHTML=n,t==null||t.appendChild(o),t==null||t.appendChild(l)}},Tr=(t,r)=>{const s=document.createElement("script");s.setAttribute("src",r??"https://cdnjs.cloudflare.com/ajax/libs/tinymce/7.2.1/tinymce.min.js"),t.appendChild(s),s.onload=()=>{ge().tinymce.addI18n("zh_CN",Qr()),ge().tinymce.addI18n("en_US","")}},Ke="easy-mail-iframe",Lr=()=>{const{t,i18n:r}=O.useTranslation(),{lang:s,skin:n,tinymceLink:o}=_e(),{token:l}=u.theme.useToken(),{appData:a}=ae(),{setRef:g}=no();if(!a)return e.jsx(e.Fragment,{});const p=j.useMemo(()=>{const f=Et(a);return f==null?void 0:f.outerHTML},[]),b=j.useCallback((f,c)=>{if(!f)return;let d=f.querySelector("#easy-mail-style");const m=$r({token:l,t,lng:c??r.language});d?d.innerHTML=m:(d=document.createElement("style"),d.setAttribute("id","easy-mail-style"),d.innerHTML=m,f==null||f.appendChild(d))},[s,n]),x=f=>{const c=f.target;if(c&&c instanceof HTMLIFrameElement&&c.contentWindow){const d=c.contentWindow.document.documentElement;g(d);const m=d.querySelector("head"),v=d.querySelector("body"),C=d.querySelectorAll("style");v==null||v.classList.add(wr),Ar(m,C),Tr(m,o),b(m)}};return j.useEffect(()=>{b(ge().document.querySelector("head"),s)},[s,n]),e.jsx("div",{style:{width:"calc(100% - 406px)",backgroundColor:l.colorBgContainer},children:e.jsx("iframe",{srcDoc:p,onLoad:x,style:{width:"100%",height:"100%",border:"none",outline:"none",display:"block",margin:"auto"},id:Ke})})},ge=()=>document.getElementById(Ke).contentWindow,ie=({node:t,transferAction:r})=>{let s="1";if(!t)return s;if(he(t.parentElement)){let n=0,o=t;for(;o.previousElementSibling;)o=o.previousElementSibling,!(fe(o)||r==="move"&&et(o))&&n++;s=`${s}-${n}`}else{let n=0,o=fe(t)?t:t.parentElement;for(;o!=null&&o.previousElementSibling;)o=o.previousElementSibling,!(fe(o)||r==="move"&&et(o.children[0]))&&n++;const l=n;for(;!Ir(o);)o=o==null?void 0:o.parentElement;for(n=0;o!=null&&o.previousElementSibling;)o=o.previousElementSibling,!fe(o)&&n++;const a=n;for(;!Q(o);)o=o==null?void 0:o.parentElement;for(n=0;o!=null&&o.previousElementSibling;)o=o.previousElementSibling,!fe(o)&&n++;s=`${s}-${n}-${a}-${l}`}return s},kt=({appData:t,idx:r})=>r.split("-").reduce((o,l)=>{var a;return(a=o==null?void 0:o.children)==null?void 0:a[Number(l)]},t),re=(t,r)=>{let s=t;if(he(t))return null;let n=r?Array.isArray(r)?r:[r]:Mr.filter(o=>o!==L.MJ_COLUMN);for(;s&&n.every(o=>{var l;return!((l=s.classList)!=null&&l.contains(o))})&&!he(s);)s=s.parentNode;return s},Nt=({doc:t,idx:r})=>{var l,a,g;if(!r)return null;const s=r.split("-");s.splice(0,1,"0");let n=0,o=t.querySelector("body");for(;s.length>0;){const p=Number(s.shift());n===0||n===1?o=(l=o==null?void 0:o.children)==null?void 0:l[p]:n===2?o=(a=o==null?void 0:o.querySelectorAll(`.${L.MJ_COLUMN}`))==null?void 0:a[p]:n===3&&(o=(g=o==null?void 0:o.querySelectorAll(".mj-column > table > tbody > tr"))==null?void 0:g[p]),n++}return o??null},qe=(t,r)=>{var n,o;const s=t.nextElementSibling;s?(n=t.parentElement)==null||n.insertBefore(r,s):(o=t.parentElement)==null||o.appendChild(r)},he=t=>(t==null?void 0:t.tagName)==="HTML"||(t==null?void 0:t.classList.contains(L.MJ_BODY))||(t==null?void 0:t.tagName)==="BODY",Q=t=>t==null?void 0:t.classList.contains(L.MJ_SECTION),Ir=t=>t==null?void 0:t.classList.contains(L.MJ_COLUMN),Oe=t=>t==null?void 0:t.classList.contains(L.MJ_BUTTON),ze=t=>t==null?void 0:t.classList.contains(L.MJ_TEXT),fe=t=>t==null?void 0:t.classList.contains(Mt),et=t=>t==null?void 0:t.classList.contains($e),Dr=t=>t==null?void 0:t.classList.contains(Te),Sr=t=>t==null?void 0:t.classList.contains(Lt),Er=t=>t==null?void 0:t.classList.contains(It),kr=t=>t==null?void 0:t.classList.contains(pe),be=t=>t==null||t==="",Ft=t=>{if(!t)return{};const r={};return t.split(";").filter(n=>!!n).forEach(n=>{const o=n.split(":"),l=o[0],a=o.slice(1).join(":");r[l]=a}),r},Nr=t=>Object.entries(t).map(([s,n])=>`${s}:${n}`).join(";"),tt=t=>{const r=St.map(s=>`.${s}`).join(",");return t.querySelectorAll(r).length>0},Fr=t=>{const r=t.cloneNode(!0),s=r.querySelector(`div.${L.MJ_BODY}`);return s&&s.childElementCount===0?s.innerHTML="":r.querySelectorAll(`div.${L.MJ_COLUMN}`).forEach(o=>{tt(o)||o.classList.add(pe)}),r},rt=t=>{if(!t)return;const r=Q(t),s=t.querySelectorAll(`.${L.MJ_TEXT}`),n=t.querySelectorAll(`.${L.MJ_BUTTON}`);if(r&&[...s,...n].length===0&&t.tagName!=="TR")return;let o=[t];r&&(o=[...s,...n]),t.tagName==="TR"&&(o=[t.children[0]]),o.forEach(l=>{var g;let a=null;ze(l)&&(a=l.children[0]),Oe(l)&&(a=(l==null?void 0:l.querySelector("p"))||(l==null?void 0:l.querySelector("a"))),((g=a==null?void 0:a.textContent)==null?void 0:g.trim())===""&&a.replaceChildren()})},_r=(t,r)=>{var a,g;let s=t,n=r;const o=he(s);!Q(s)&&!o&&(n=n.children[0]),o&&((g=s.parentElement)==null||g.setAttribute("style",Nr({...Ft((a=s.parentElement)==null?void 0:a.getAttribute("style")),...Ft(n==null?void 0:n.getAttribute("style"))}))),s.getAttributeNames().filter(p=>!["id","class","contenteditable","spellcheck"].includes(p)).forEach(p=>{s.setAttribute(p,n==null?void 0:n.getAttribute(p))}),s.replaceChildren(...n.childNodes,o?"":s.lastElementChild)};function Or(t,r){let s,n;return function(...o){const l=Date.now();if(!s||l-n>=r){n=l,s=!0;const a=t.apply(this,o);return setTimeout(()=>{s=!1},r),a}}}const X=(t,r,s)=>{let n=r.split("-").map(a=>Number(a));be(s)||(n=n.slice(0,s));const o=me(t),l=n.reduce((a,g)=>{var p;return(p=a==null?void 0:a.children)==null?void 0:p[g]},o);return l.children=l.children?l.children:[],{result:o,tree:l}},_t=t=>{var n;if(!t)return{};const{tree:r}=X(t,"0-0");let s={};return(n=r.children)==null||n.forEach(o=>{const l={};Object.keys(o.attributes).forEach(a=>{l[`${o.tagName.split("-")[1]}_${a}`]=o.attributes[a]}),s={...s,...l}}),s},zr=(t,r)=>{var o;const{tree:s}=X(t,"0-0");return(o=s.children)==null?void 0:o.map(l=>{const a=l.tagName.split("-")[1],g={};return Object.keys(r).forEach(p=>{if(p.includes(a)){const b=p.split("_")[1];g[b]=r[p]}}),{...l,attributes:{...l.attributes,...g}}})},Rr=t=>{const r={};return Object.keys(t).forEach(s=>{const n=`mj-${s.split("_")[0]}`;r[n]={...r[n]??{},[s.split("_")[1]]:t[s]}}),r},Ot=({appData:t,idx:r,property:s,index:n})=>{var a,g,p,b;let{result:o,tree:l}=X(t,r);if(r==="1"){const{width:x,"background-color":f}=s,c=(p=(g=(a=o.children)==null?void 0:a[0])==null?void 0:g.children)==null?void 0:p[0];return c.children=zr(t,s),l.attributes={...l.attributes,width:x,"background-color":f},o}return be(n)?(l.attributes={...l.attributes,...s},o):(l=(b=l.children)==null?void 0:b[n??0],l.attributes={...s},o)},zt=({appData:t,idx:r,content:s,index:n})=>{var a;let{result:o,tree:l}=X(t,r);return be(n)||(l=(a=l.children)==null?void 0:a[n??0]),l.content=s.replace(/"/g,"'"),o},Br=({appData:t,idx:r,dataTransfer:s})=>{var g,p,b,x,f,c;const n=r.split("-").map(d=>Number(d));let{result:o,tree:l}=X(t,r,-1);const a=me(Le)[(g=s.data)==null?void 0:g.value];if(((p=s.data)==null?void 0:p.type)==="basic"&&n.length===2){const d=me(Le)[Xe.MJ_COLUMN_1];(x=(b=d.children)==null?void 0:b[0].children)==null||x.push(a),(f=l.children)==null||f.splice(n[n.length-1],0,d)}else(c=l.children)==null||c.splice(n[n.length-1],0,a);return o},Pr=({appData:t,idx:r})=>{var l;const s=r.split("-").map(a=>Number(a)),{result:n,tree:o}=X(t,r,-1);return(l=o.children)==null||l.splice(s[s.length-1],1),n},Hr=({appData:t,idx:r})=>{var l,a;const s=r.split("-").map(g=>Number(g)),{result:n,tree:o}=X(t,r,-1);return(a=o.children)==null||a.splice(s[s.length-1],0,(l=o.children)==null?void 0:l[s[s.length-1]]),n},Ur=({appData:t,idx:r,originIdx:s})=>{var b,x,f,c,d;const n=r.split("-").map(m=>Number(m)),o=s.split("-").map(m=>Number(m)),{result:l,tree:a}=X(t,s,-1),g=(b=a.children)==null?void 0:b.splice(o[o.length-1],1)[0],p=n.slice(0,-1).reduce((m,v)=>{var C;return(C=m.children)==null?void 0:C[v]},l);if(n.length===2&&(g==null?void 0:g.tagName)!==L.MJ_SECTION){const m=me(Le)[Xe.MJ_COLUMN_1];(f=(x=m.children)==null?void 0:x[0].children)==null||f.push(g),(c=p.children)==null||c.splice(n[n.length-1],0,m)}else(d=p.children)==null||d.splice(n[n.length-1],0,g);return l},Yr=({appData:t,idx:r,column:s})=>{var b,x;const n=r.split("-").map(f=>Number(f)),{result:o,tree:l}=X(t,r,-1),a=(b=l.children)==null?void 0:b[n[n.length-1]].children,g=["left","right"].includes(s)?2:Number(s);return(x=me(Le)[`${L.MJ_COLUMN}-${s}`].children)==null||x.forEach((f,c)=>{let d=a==null?void 0:a[c];const m=d==null?void 0:d.attributes;m&&m.width&&delete m.width,d?d.attributes={...d.attributes,...f.attributes}:a==null||a.push(f)}),g<((a==null?void 0:a.length)??0)&&(a==null||a.splice(g)),o},Gr=({appData:t,idx:r,value:s})=>{var l;const{result:n,tree:o}=X(t,r);return(l=o.children)==null||l.splice(o.children.length,0,s),n},Vr=({appData:t,idx:r,index:s})=>{var l;const{result:n,tree:o}=X(t,r);return(l=o.children)==null||l.splice(s,1),n},Rt=({appData:t,idx:r,originIndex:s,targetIndex:n})=>{var g,p;const{result:o,tree:l}=X(t,r),a=(g=l.children)==null?void 0:g.splice(s,1)[0];return(p=l.children)==null||p.splice(n,0,a),o},Jr=t=>new Promise((r,s)=>{const n=new FileReader;n.onload=o=>{var l;r((l=o.target)==null?void 0:l.result)},n.onerror=o=>s(o),n.readAsDataURL(t)});function Zr(t){var r=new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i");return r.test(t)}function Wr(t){var r=/^data:image\/(png|jpeg|jpg|gif|bmp|webp);base64,/;return r.test(t)}const Qr=()=>({"#":"#",Accessibility:"辅助功能",Accordion:"","Accordion body...":"","Accordion summary...":"",Action:"动作",Activity:"活动",Address:"地址",Advanced:"高级",Align:"对齐","Align center":"居中对齐","Align left":"左对齐","Align right":"右对齐",Alignment:"对齐","Alignment {0}":"",All:"全部","Alternative description":"替代描述","Alternative source":"镜像","Alternative source URL":"替代来源网址",Anchor:"锚点","Anchor...":"锚点...",Anchors:"锚点","Animals and Nature":"动物和自然",Arrows:"箭头",B:"B","Background color":"背景颜色","Background color {0}":"",Black:"黑色",Block:"块","Block {0}":"",Blockquote:"引文区块",Blocks:"样式",Blue:"蓝色","Blue component":"白色部分",Body:"表体",Bold:"粗体",Border:"框线","Border color":"框线颜色","Border style":"边框样式","Border width":"边框宽度",Bottom:"下方对齐","Browse files":"","Browse for an image":"浏览图像","Browse links":"","Bullet list":"无序列表",Cancel:"取消",Caption:"标题",Cell:"单元格","Cell padding":"单元格内边距","Cell properties":"单元格属性","Cell spacing":"单元格外间距","Cell styles":"单元格样式","Cell type":"储存格别",Center:"居中",Characters:"字符","Characters (no spaces)":"字符(无空格)",Circle:"空心圆",Class:"类型","Clear formatting":"清除格式",Close:"关闭",Code:"代码","Code sample...":"示例代码...","Code view":"代码视图","Color Picker":"选色器","Color swatch":"颜色样本",Cols:"列",Column:"列","Column clipboard actions":"列剪贴板操作","Column group":"列组","Column header":"列标题","Constrain proportions":"保持比例",Copy:"复制","Copy column":"复制列","Copy row":"复制行","Could not find the specified string.":"未找到搜索内容。","Could not load emojis":"无法加载Emojis",Count:"计数",Currency:"货币","Current window":"当前窗口","Custom color":"自定义颜色","Custom...":"自定义......",Cut:"剪切","Cut column":"剪切列","Cut row":"剪切行","Dark Blue":"深蓝色","Dark Gray":"深灰色","Dark Green":"深绿色","Dark Orange":"深橙色","Dark Purple":"深紫色","Dark Red":"深红色","Dark Turquoise":"深蓝绿色","Dark Yellow":"暗黄色",Dashed:"虚线","Date/time":"日期/时间","Decrease indent":"减少缩进",Default:"预设","Delete accordion":"","Delete column":"删除列","Delete row":"删除行","Delete table":"删除表格",Dimensions:"尺寸",Disc:"实心圆",Div:"Div",Document:"文档",Dotted:"虚线",Double:"双精度","Drop an image here":"拖放一张图像至此","Dropped file type is not supported":"此文件类型不支持拖放",Edit:"编辑",Embed:"内嵌",Emojis:"Emojis","Emojis...":"Emojis...",Error:"错误","Error: Form submit field collision.":"错误: 表单提交字段冲突。","Error: No form element found.":"错误: 没有表单控件。","Extended Latin":"拉丁语扩充","Failed to initialize plugin: {0}":"插件初始化失败: {0}","Failed to load plugin url: {0}":"插件加载失败 链接: {0}","Failed to load plugin: {0} from url {1}":"插件加载失败: {0} 来自链接 {1}","Failed to upload image: {0}":"图片上传失败: {0}",File:"文件",Find:"寻找","Find (if searchreplace plugin activated)":"查找(如果查找替换插件已激活)","Find and Replace":"查找和替换","Find and replace...":"查找并替换...","Find in selection":"在选区中查找","Find whole words only":"全字匹配",Flags:"旗帜","Focus to contextual toolbar":"移动焦点到上下文菜单","Focus to element path":"移动焦点到元素路径","Focus to menubar":"移动焦点到菜单栏","Focus to toolbar":"移动焦点到工具栏",Font:"字体","Font size {0}":"","Font sizes":"字体大小","Font {0}":"",Fonts:"字体","Food and Drink":"食物和饮品",Footer:"表尾",Format:"格式","Format {0}":"",Formats:"格式",Fullscreen:"全屏",G:"G",General:"一般",Gray:"灰色",Green:"绿色","Green component":"绿色部分",Groove:"凹槽","Handy Shortcuts":"快捷键",Header:"表头","Header cell":"表头单元格","Heading 1":"一级标题","Heading 2":"二级标题","Heading 3":"三级标题","Heading 4":"四级标题","Heading 5":"五级标题","Heading 6":"六级标题",Headings:"标题",Height:"高度",Help:"帮助","Hex color code":"十六进制颜色代码",Hidden:"隐藏","Horizontal align":"水平对齐","Horizontal line":"水平分割线","Horizontal space":"水平间距",ID:"ID","ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.":"ID应该以英文字母开头，后面只能有英文字母、数字、破折号、点、冒号或下划线。","Image is decorative":"图像是装饰性的","Image list":"图片清单","Image title":"图片标题","Image...":"图片...","ImageProxy HTTP error: Could not find Image Proxy":"图片代理请求错误：无法找到图片代理","ImageProxy HTTP error: Incorrect Image Proxy URL":"图片代理请求错误：图片代理地址错误","ImageProxy HTTP error: Rejected request":"图片代理请求错误：请求被拒绝","ImageProxy HTTP error: Unknown ImageProxy error":"图片代理请求错误：未知的图片代理错误","Increase indent":"增加缩进",Inline:"文本",Insert:"插入","Insert Template":"插入模板","Insert accordion":"","Insert column after":"在右侧插入列","Insert column before":"在左侧插入列","Insert date/time":"插入日期/时间","Insert image":"插入图片","Insert link (if link plugin activated)":"插入链接 (如果链接插件已激活)","Insert row after":"在下方插入行","Insert row before":"在上方插入行","Insert table":"插入表格","Insert template...":"插入模板...","Insert video":"插入视频","Insert/Edit code sample":"插入/编辑代码示例","Insert/edit image":"插入/编辑图片","Insert/edit link":"插入/编辑链接","Insert/edit media":"插入/编辑媒体","Insert/edit video":"插入/编辑视频",Inset:"嵌入","Invalid hex color code: {0}":"十六进制颜色代码无效： {0}","Invalid input":"无效输入",Italic:"斜体",Justify:"两端对齐","Keyboard Navigation":"键盘指引",Language:"语言","Learn more...":"了解更多...",Left:"左","Left to right":"由左到右","Light Blue":"浅蓝色","Light Gray":"浅灰色","Light Green":"浅绿色","Light Purple":"浅紫色","Light Red":"浅红色","Light Yellow":"浅黄色","Line height":"行高","Link list":"链接清单","Link...":"链接...","List Properties":"列表属性","List properties...":"标题字体属性","Loading emojis...":"正在加载Emojis...","Loading...":"加载中...","Lower Alpha":"小写英文字母","Lower Greek":"小写希腊字母","Lower Roman":"小写罗马数字","Match case":"大小写匹配",Mathematical:"数学","Media poster (Image URL)":"封面(图片地址)","Media...":"多媒体...","Medium Blue":"中蓝色","Medium Gray":"中灰色","Medium Purple":"中紫色","Merge cells":"合并单元格",Middle:"居中对齐","Midnight Blue":"深蓝色","More...":"更多...",Name:"名称","Navy Blue":"海军蓝","New document":"新建文档","New window":"新窗口",Next:"下一个",No:"否","No alignment":"未对齐","No color":"无","Nonbreaking space":"不间断空格",None:"无","Numbered list":"有序列表",OR:"或",Objects:"物件",Ok:"确定","Open help dialog":"打开帮助对话框","Open link":"打开链接","Open link in...":"链接打开位置...","Open popup menu for split buttons":"打开弹出式菜单，用于拆分按钮",Orange:"橙色",Outset:"外置","Page break":"分页符",Paragraph:"段落",Paste:"粘贴","Paste as text":"粘贴为文本","Paste column after":"粘贴后面的列","Paste column before":"粘贴此列前","Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.":"当前为纯文本粘贴模式，再次点击可以回到普通粘贴模式。","Paste or type a link":"粘贴或输入链接","Paste row after":"粘贴行到下方","Paste row before":"粘贴行到上方","Paste your embed code below:":"将内嵌代码粘贴在下面:",People:"人类",Plugins:"插件","Plugins installed ({0}):":"已安装插件 ({0}):","Powered by {0}":"由{0}驱动",Pre:"前言",Preferences:"首选项",Preformatted:"预先格式化的","Premium plugins:":"优秀插件：","Press the Up and Down arrow keys to resize the editor.":"","Press the arrow keys to resize the editor.":"","Press {0} for help":"",Preview:"预览",Previous:"上一个",Print:"打印","Print...":"打印...",Purple:"紫色",Quotations:"引用",R:"R","Range 0 to 255":"范围0至255",Red:"红色","Red component":"红色部分",Redo:"重做",Remove:"移除","Remove color":"移除颜色","Remove link":"移除链接",Replace:"替换","Replace all":"替换全部","Replace with":"替换为",Resize:"调整大小","Restore last draft":"恢复上次的草稿","Reveal or hide additional toolbar items":"","Rich Text Area":"富文本区域","Rich Text Area. Press ALT-0 for help.":"编辑区。按Alt+0键打开帮助。","Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help":"编辑区。按ALT-F9打开菜单，按ALT-F10打开工具栏，按ALT-0查看帮助",Ridge:"海脊座",Right:"右","Right to left":"由右到左",Row:"行","Row clipboard actions":"行剪贴板操作","Row group":"行组","Row header":"行头","Row properties":"行属性","Row type":"行类型",Rows:"行数",Save:"保存","Save (if save plugin activated)":"保存(如果保存插件已激活)",Scope:"范围",Search:"搜索","Select all":"全选","Select...":"选择...",Selection:"选择",Shortcut:"快捷方式","Show blocks":"显示区块边框","Show caption":"显示标题","Show invisible characters":"显示不可见字符",Size:"字号",Solid:"实线",Source:"源","Source code":"源代码","Special Character":"特殊字符","Special character...":"特殊字符...","Split cell":"拆分单元格",Square:"实心方块","Start list at number":"以数字开始列表",Strikethrough:"删除线",Style:"样式",Subscript:"下标",Superscript:"上标","Switch to or from fullscreen mode":"切换全屏模式",Symbols:"符号","System Font":"系统字体",Table:"表格","Table caption":"表格标题","Table properties":"表格属性","Table styles":"表格样式",Template:"模板",Templates:"模板",Text:"文字","Text color":"文本颜色","Text color {0}":"","Text to display":"要显示的文本","The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?":"你所填写的URL地址为邮件地址，需要加上mailto: 前缀吗？","The URL you entered seems to be an external link. Do you want to add the required http:// prefix?":"你所填写的URL地址属于外部链接，需要加上http:// 前缀吗？","The URL you entered seems to be an external link. Do you want to add the required https:// prefix?":"您输入的 URL 似乎是一个外部链接。您想添加所需的 https:// 前缀吗？",Title:"标题","To open the popup, press Shift+Enter":"按Shitf+Enter键打开对话框","Toggle accordion":"",Tools:"工具",Top:"上方对齐","Travel and Places":"旅游和地点",Turquoise:"青绿色",Underline:"下划线",Undo:"撤销",Upload:"上传","Uploading image":"上传图片","Upper Alpha":"大写英文字母","Upper Roman":"大写罗马数字",Url:"地址","User Defined":"自定义",Valid:"有效",Version:"版本","Vertical align":"垂直对齐","Vertical space":"垂直间距",View:"查看","Visual aids":"网格线",Warn:"警告",White:"白色",Width:"宽度","Word count":"字数",Words:"单词","Words: {0}":"字数：{0}",Yellow:"黄色",Yes:"是","You are using {0}":"你正在使用 {0}","You have unsaved changes are you sure you want to navigate away?":"你还有文档尚未保存，确定要离开？","Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.":"你的浏览器不支持打开剪贴板，请使用Ctrl+X/C/V等快捷键。",alignment:"对齐","austral sign":"澳元符号","cedi sign":"塞地符号","colon sign":"冒号","cruzeiro sign":"克鲁赛罗币符号","currency sign":"货币符号","dollar sign":"美元符号","dong sign":"越南盾符号","drachma sign":"德拉克马符号","euro-currency sign":"欧元符号",example:"示例",formatting:"格式化","french franc sign":"法郎符号","german penny symbol":"德国便士符号","guarani sign":"瓜拉尼符号",history:"历史","hryvnia sign":"格里夫尼亚符号",indentation:"缩进","indian rupee sign":"印度卢比","kip sign":"老挝基普符号","lira sign":"里拉符号","livre tournois sign":"里弗弗尔符号","manat sign":"马纳特符号","mill sign":"密尔符号","naira sign":"奈拉符号","new sheqel sign":"新谢克尔符号","nordic mark sign":"北欧马克","peseta sign":"比塞塔符号","peso sign":"比索符号","ruble sign":"卢布符号","rupee sign":"卢比符号","spesmilo sign":"spesmilo符号",styles:"样式","tenge sign":"坚戈符号","tugrik sign":"图格里克符号","turkish lira sign":"土耳其里拉","won sign":"韩元符号","yen character":"日元字样","yen/yuan character variant one":"元字样（大写）","yuan character":"人民币元字样","yuan character, in hong kong and taiwan":"元字样（港台地区）","{0} characters":"{0} 个字符","{0} columns, {1} rows":"","{0} words":"{0} 字"}),$r=({token:t,t:r,lng:s})=>{const n=t.colorPrimaryHover,o=t.colorPrimaryBorder,l=t.colorWhite,a=t.colorPrimaryTextHover;return`
      html {
        height: 100%;
        scrollbar-color: ${t.colorBgBase==="#fff"?"":"rgba(255, 255, 255, 0.25) rgba(253, 253, 253, 0.12)"};
      }
      *:focus-visible {
        outline: none;
      }
      * img, * a {
        -webkit-user-drag: none;
      }
      .focus-tool {
        position: absolute;
        right: -30px;
        top: -10px;
        display: flex;
        flex-direction: column;
        z-index: 9;
      }
      .focus-tool-drag, .focus-tool-copy, .focus-tool-delete {
        width: 25px;
        height: 25px;
        margin-bottom: 3px;
        border-radius: 25px;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: center center;
        border: none;
        background-color: ${n};
        cursor: pointer;
      }
      .focus-tool-drag {
        cursor: grab;
        background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2219px%22%20viewBox%3D%220%200%2019%2019%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22drag%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22arrow-down-copy%22%20fill%3D%22%23ffffff%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9.49936886%2C1%20C9.75529117%2C1%2010.0112135%2C1.09763107%2010.2064756%2C1.29289322%20L12.6164551%2C3.62132034%20C13.0069794%2C4.01184464%2013.0069794%2C4.64500961%2012.6164551%2C5.03553391%20C12.2259308%2C5.4260582%2011.5927658%2C5.4260582%2011.2022415%2C5.03553391%20L10.4991165%2C4.41396122%20L10.4998532%2C7.98269085%20L10.4997913%2C8.517%20L14.6028593%2C8.51732521%20L14.003857%2C7.8150837%20C13.6133327%2C7.4245594%2013.6133327%2C6.79139442%2014.003857%2C6.40087013%20C14.3943813%2C6.01034584%2015.0275463%2C6.01034584%2015.4180706%2C6.40087013%20L17.724432%2C8.81047077%20C17.9196941%2C9.00573292%2018.0173252%2C9.26165523%2018.0173252%2C9.51757755%20C18.0173252%2C9.77349987%2017.9196941%2C10.0294222%2017.724432%2C10.2246843%20L15.3960049%2C12.6346638%20C15.0054806%2C13.0251881%2014.3723156%2C13.0251881%2013.9817913%2C12.6346638%20C13.591267%2C12.2441395%2013.591267%2C11.6109745%2013.9817913%2C11.2204502%20L14.603364%2C10.5173252%20L11.0346344%2C10.5180619%20L10.4997913%2C10.518%20L10.5%2C14.621068%20L11.2022415%2C14.0220657%20C11.5927658%2C13.6315414%2012.2259308%2C13.6315414%2012.6164551%2C14.0220657%20C13.0069794%2C14.41259%2013.0069794%2C15.045755%2012.6164551%2C15.4362793%20L10.2068544%2C17.7426407%20C10.0115923%2C17.9379028%209.75566998%2C18.0355339%209.49974766%2C18.0355339%20C9.24382534%2C18.0355339%208.98790302%2C17.9379028%208.79264088%2C17.7426407%20L6.38266144%2C15.4142136%20C5.99213715%2C15.0236893%205.99213715%2C14.3905243%206.38266144%2C14%20C6.77318573%2C13.6094757%207.40635071%2C13.6094757%207.796875%2C14%20L8.5%2C14.6215727%20L8.49926081%2C11.0526954%20L8.4987913%2C10.518%20L4.39625721%2C10.5182087%20L4.99525948%2C11.2204502%20C5.38578377%2C11.6109745%205.38578377%2C12.2441395%204.99525948%2C12.6346638%20C4.60473518%2C13.0251881%203.97157021%2C13.0251881%203.58104591%2C12.6346638%20L1.27468452%2C10.2250631%20C1.07942238%2C10.029801%200.981791305%2C9.77387867%200.981791305%2C9.51795635%20C0.981791305%2C9.26203404%201.07942238%2C9.00611172%201.27468452%2C8.81084957%20L3.60311165%2C6.40087013%20C3.99363594%2C6.01034584%204.62680092%2C6.01034584%205.01732521%2C6.40087013%20C5.4078495%2C6.79139442%205.4078495%2C7.4245594%205.01732521%2C7.8150837%20L4.39575253%2C8.5182087%20L7.9646298%2C8.5174695%20L8.4987913%2C8.517%20L8.49911652%2C4.4144659%20L7.796875%2C5.01346817%20C7.40635071%2C5.40399246%206.77318573%2C5.40399246%206.38266144%2C5.01346817%20C5.99213715%2C4.62294388%205.99213715%2C3.9897789%206.38266144%2C3.59925461%20L8.79226208%2C1.29289322%20C8.98752422%2C1.09763107%209.24344654%2C1%209.49936886%2C1%20Z%22%20id%3D%22Combined-Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
      }
      .focus-tool-copy {
        background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2219px%22%20viewBox%3D%220%200%2019%2019%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22duplicate%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22arrow-down-copy-2%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.007983%2C2%20C12.1081436%2C2%2013%2C2.90017617%2013%2C3.99201702%20L13%2C6%20L15.007983%2C6%20C16.1081436%2C6%2017%2C6.90017617%2017%2C7.99201702%20L17%2C15.007983%20C17%2C16.1081436%2016.0998238%2C17%2015.007983%2C17%20L7.99201702%2C17%20C6.8918564%2C17%206%2C16.0998238%206%2C15.007983%20L6%2C13%20L3.99201702%2C13%20C2.8918564%2C13%202%2C12.0998238%202%2C11.007983%20L2%2C3.99201702%20C2%2C2.8918564%202.90017617%2C2%203.99201702%2C2%20L11.007983%2C2%20Z%20M11%2C4%20L4%2C4%20L4%2C11%20L6%2C11%20L6%2C7.99201702%20C6%2C6.8918564%206.90017617%2C6%207.99201702%2C6%20L11%2C6%20L11%2C4%20Z%22%20id%3D%22Combined-Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
      }
      .focus-tool-delete {
        background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2219px%22%20viewBox%3D%220%200%2019%2019%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22trash%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23ffffff%22%20id%3D%22Combined-Shape%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C2%20C11.5522847%2C2%2012%2C2.44771525%2012%2C3%20L15.0014977%2C3%20C15.5529553%2C3%2016%2C3.44266033%2016%2C3.99895656%20L16%2C5.00104344%20C16%2C5.55275191%2015.5525106%2C6%2015.0014977%2C6%20L15%2C6%20L15%2C15%20C15%2C16.1045695%2014.1045695%2C17%2013%2C17%20L6%2C17%20C4.8954305%2C17%204%2C16.1045695%204%2C15%20L4%2C6%20L3.99850233%2C6%20C3.44704472%2C6%203%2C5.55733967%203%2C5.00104344%20L3%2C3.99895656%20C3%2C3.44724809%203.44748943%2C3%203.99850233%2C3%20L7%2C3%20C7%2C2.44771525%207.44771525%2C2%208%2C2%20L11%2C2%20Z%20M7%2C7%20L6%2C7%20L6%2C15%20L7%2C15%20L7%2C7%20Z%20M10%2C7%20L9%2C7%20L9%2C15%20L10%2C15%20L10%2C7%20Z%20M13%2C7%20L12%2C7%20L12%2C15%20L13%2C15%20L13%2C7%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
      }
      .editor-body .mj-body:empty:before, .mj-column-empty > table:before {
        content: "${r("basic.empty_body",{lng:s})}";
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        color: ${a};
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        font-family: sans-serif;
        text-align: center;
        background: transparent;
        outline: ${o} 1px dashed;
        border-radius: 0px;
        vertical-align: middle;
      }
      .mj-body a {
        text-decoration: none;
      }
      .mj-column-empty > table:before {
        content: "${r("basic.empty_column",{lng:s})}";
      }
      .mj-column-empty.mj-column-per-100 > table:before {
        content: "${r("basic.empty_section",{lng:s})}";
      }
      .editor-body {
        user-select: none;
        border: 22px solid ${t.colorBgContainer};
        border-left-width: 30px;
        border-right-width: 30px;
        min-width: 275px;
        min-height: calc(100% - 44px);
        overflow-x: hidden;
      }
      .editor-body .mj-section {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-section.hover, .editor-body .mj-section.focus, .editor-body .mj-section.focus-child {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-section.hover:before, .editor-body .mj-section.focus:before, .editor-body .mj-section.focus-child:before {
        content: "${r("block.section",{lng:s})}";
        display: block;
        position: absolute;
        left: -2px;
        top: -22px;
        text-align: left;
        padding: 1px 6px;
        line-height: 20px;
        font-size: 15px;
        color: ${l};
        background-color: ${o};
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }
      .editor-body .mj-section.focus {
        outline-color: ${n};
      }
      .editor-body .mj-section.focus:before {
        background-color: ${n};
      }
      .editor-body .mj-section.hover .mj-column {
        outline: 1px dashed ${n};
      }
      .editor-body .mj-text {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-text > div {
        outline: none;
      }
      .editor-body .mj-text.hover, .editor-body .mj-text.focus {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-text.hover:before, .editor-body .mj-text.focus:before {
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        position: absolute;
        left: -20px;
        top: -2px;
        color: ${l};
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBjbGFzcz0ibXgtYXV0byBzdmctdGV4dCIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA2LjczM2gtLjkzYzAtMS44NjYtMS44Ny0yLjMzMy00LjIwMy0yLjMzM3Y5LjQ3YzAgLjc2My40NjQgMS40NSAxLjE3MyAxLjczM2wxLjE2LjQ2NFYxN0g1Ljh2LS45MzNsMS4xNi0uNDY0YTEuODY3IDEuODY3IDAgMCAwIDEuMTczLTEuNzMzVjQuNGMtMi4zMzMgMC00LjIuNDY3LTQuMiAyLjMzM0gzVjNoMTR2My43MzN6Ij48L3BhdGg+PC9zdmc+) ${o} no-repeat;
        background-position-y: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .editor-body .mj-text.focus {
        outline-color: ${n};
        z-index: 2;
      }
      .editor-body .mj-text.focus:before {
        background-color: ${n};
      }
      .editor-body .mj-text > div:empty:before {
        content: "${r("basic.empty_text_plc",{lng:s})}";
        display: block;
        width: 100%;
        height: 14px;
        font-size: 14px;
        color: ${t.colorTextPlaceholder};
      }
      .editor-body .mj-text > div.mce-edit-focus:empty:before {
        content: "";
      }
      .editor-body .mj-image {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-image img {
        min-height: 10px;
      }
      .editor-body .mj-image.hover, .editor-body .mj-image.focus {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-image.hover:before, .editor-body .mj-image.focus:before {
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        position: absolute;
        left: -20px;
        top: -2px;
        color: ${l};
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBjbGFzcz0ibXgtYXV0byBzdmctdGV4dCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCA0LjVBMi41IDIuNSAwIDAgMCAxNS41IDJoLTExQTIuNSAyLjUgMCAwIDAgMiA0LjV2MTFBMi41IDIuNSAwIDAgMCA0LjUgMThoMTFhMi41IDIuNSAwIDAgMCAyLjUtMi41di0xMXptLTEzLjUtMWExIDEgMCAwIDAtMSAxdjkuNzMybDIuNjYtMi44NWExIDEgMCAwIDEgMS4zLS4xNGwxLjgxIDEuMjUyYTEgMSAwIDAgMCAxLjMxOC0uMTZsMi40ODUtMi44MTdhMSAxIDAgMCAxIDEuNDI4LS4wNzNsMS45OTkgMS44NDVWNC41YTEgMSAwIDAgMC0xLTFoLTExem0xIDMuNWExLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTMgMHoiPjwvcGF0aD48L3N2Zz4=) ${o} no-repeat;
        background-position-y: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .editor-body .mj-image.focus {
        outline-color: ${n};
        z-index: 2;
      }
      .editor-body .mj-image.focus:before {
        background-color: ${n};
      }
      .editor-body .mj-button {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-button.hover, .editor-body .mj-button.focus {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-button.hover:before, .editor-body .mj-button.focus:before {
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        position: absolute;
        left: -20px;
        top: -2px;
        color: ${l};
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBjbGFzcz0ibXgtYXV0byBzdmctdGV4dCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4IDVhMi41IDIuNSAwIDAgMC0yLjUtMi41aC0xMUEyLjUgMi41IDAgMCAwIDIgNXY1YTIuNSAyLjUgMCAwIDAgMi41IDIuNWgzLjY1NEw4LjAzOCAxMUg0LjVhMSAxIDAgMCAxLTEtMVY1YTEgMSAwIDAgMSAxLTFoMTFhMSAxIDAgMCAxIDEgMXY1YzAgLjI2MS0uMS40OTktLjI2NC42NzdsMS4yMDMuOTAyYy4zNS0uNDMuNTYxLS45OC41NjEtMS41NzlWNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOS43MDYgOC4xMTZsLjkyOSA4LjQ4Yy4wMTIuMTA5LjE0OC4xNS4yMi4wNjhMMTIuNjIgMTQuNmwxLjY2NyAyLjg4N2EuODMzLjgzMyAwIDEgMCAxLjQ0My0uODMzbC0xLjY2Ny0yLjg4NyAyLjY3LS40OThhLjEyNS4xMjUgMCAwIDAgLjA1MS0uMjIzTDkuOTA0IDhhLjEyNS4xMjUgMCAwIDAtLjE5OC4xMTV6Ij48L3BhdGg+PC9zdmc+) ${o} no-repeat;
        background-position-y: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .editor-body .mj-button.focus {
        outline-color: ${n};
        z-index: 2;
      }
      .editor-body .mj-button.focus:before {
        background-color: ${n};
      }
      .editor-body .mj-button a:empty:before, .editor-body .mj-button p:empty:before, .editor-body .mj-button a > div:empty:before, .editor-body .mj-button p > div:empty:before {
        content: "${r("basic.empty_text_plc",{lng:s})}";
        display: block;
        width: 100%;
        height: 14px;
        font-size: 14px;
        color: ${l};
      }
      .editor-body .mj-button a.mce-edit-focus:empty:before, .editor-body .mj-button p.mce-edit-focus:empty:before, .editor-body .mj-button a > div.mce-edit-focus:empty:before, .editor-body .mj-button p > div.mce-edit-focus:empty:before {
        content: "";
      }
      .editor-body .mj-divider {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-divider.hover, .editor-body .mj-divider.focus {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-divider.hover:before, .editor-body .mj-divider.focus:before {
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        position: absolute;
        left: -20px;
        top: -2px;
        color: ${l};
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBjbGFzcz0ibXgtYXV0byBzdmctdGV4dCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuODM2IDQuNTYxYS4yNS4yNSAwIDAgMSAuMzI4IDBsMS45MjcgMS42N2EuMjUuMjUgMCAwIDEtLjE2My40MzhIOC4wNzJhLjI1LjI1IDAgMCAxLS4xNjMtLjQzOWwxLjkyNy0xLjY2OXpNMiA4LjQyaDE2djNIMnYtM3pNOS44MzYgMTUuMjc3YS4yNS4yNSAwIDAgMCAuMzI4IDBsMS45MjctMS42NjlhLjI1LjI1IDAgMCAwLS4xNjMtLjQzOUg4LjA3MmEuMjUuMjUgMCAwIDAtLjE2My40NGwxLjkyNyAxLjY2OHoiPjwvcGF0aD48L3N2Zz4=) ${o} no-repeat;
        background-position-y: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .editor-body .mj-divider.focus {
        outline-color: ${n};
        z-index: 2;
      }
      .editor-body .mj-divider.focus:before {
        background-color: ${n};
      }
      .editor-body .mj-spacer {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-spacer.hover, .editor-body .mj-spacer.focus {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-spacer.hover:before, .editor-body .mj-spacer.focus:before {
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        position: absolute;
        left: -20px;
        top: -2px;
        color: ${l};
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBjbGFzcz0ibXgtYXV0byBzdmctdGV4dCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuODM2IDIuMTYxYS4yNS4yNSAwIDAgMSAuMzI4IDBsMS45MjcgMS42N2EuMjUuMjUgMCAwIDEtLjE2My40MzhIOC4wNzJhLjI1LjI1IDAgMCAxLS4xNjMtLjQzOWwxLjkyNy0xLjY2OXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4IDguMDJhMi41IDIuNSAwIDAgMC0yLjUtMi41aC0xMUEyLjUgMi41IDAgMCAwIDIgOC4wMnY0YTIuNSAyLjUgMCAwIDAgMi41IDIuNWgxMWEyLjUgMi41IDAgMCAwIDIuNS0yLjV2LTR6bS0xMy41LTFhMSAxIDAgMCAwLTEgMXY0YTEgMSAwIDAgMCAxIDFoMTFhMSAxIDAgMCAwIDEtMXYtNGExIDEgMCAwIDAtMS0xaC0xMXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOS44MzYgMTcuODc4YS4yNS4yNSAwIDAgMCAuMzI4IDBsMS45MjctMS42N2EuMjUuMjUgMCAwIDAtLjE2My0uNDM5SDguMDcyYS4yNS4yNSAwIDAgMC0uMTYzLjQ0bDEuOTI3IDEuNjY5eiI+PC9wYXRoPjwvc3ZnPg==) ${o} no-repeat;
        background-position-y: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .editor-body .mj-spacer.focus {
        outline-color: ${n};
        z-index: 2;
      }
      .editor-body .mj-spacer.focus:before {
        background-color: ${n};
      }
      .editor-body .mj-social {
        position: relative;
        outline: 2px solid transparent;
      }
      .editor-body .mj-social.hover, .editor-body .mj-social.focus {
        outline-color: ${o};
        z-index: 1;
      }
      .editor-body .mj-social.hover:before, .editor-body .mj-social.focus:before {
        content: "";
        display: block;
        width: 20px;
        height: 30px;
        position: absolute;
        left: -20px;
        top: -2px;
        color: ${l};
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBjbGFzcz0ibXgtYXV0byBzdmctdGV4dCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjUgNy41YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1ek0xMi4yMiA2LjIyNGMuMTc5LjQ4LjQ2LjkwOS44MTYgMS4yNjJMOS45MTYgOS4yM2EzLjQ4NSAzLjQ4NSAwIDAgMC0uNjQtMS4zNjFsMi45NDQtMS42NDV6TTkgMTBhMy41IDMuNSAwIDEgMS03IDAgMy41IDMuNSAwIDAgMSA3IDB6TTE4IDE1YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAwIDEgNSAwek05Ljg1NCAxMS4wMDVjLS4xNDcuNDkxLS40LjkzNy0uNzMgMS4zMWwzLjAyMiAxLjY4Yy4xNDctLjQ5MS40LS45MzcuNzMtMS4zMWwtMy4wMjItMS42OHoiPjwvcGF0aD48L3N2Zz4=) ${o} no-repeat;
        background-position-y: 5px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .editor-body .mj-social.focus {
        outline-color: ${n};
        z-index: 2;
      }
      .editor-body .mj-social.focus:before {
        background-color: ${n};
      }`},Xr={tagName:"mj-head",attributes:{},children:[{tagName:"mj-attributes",attributes:{},children:[{tagName:"mj-all",attributes:{"font-family":"arial",color:"#000000"}},{tagName:"mj-button",attributes:{color:"#FFFFFF","background-color":"#414141"}},{tagName:"mj-section",attributes:{"background-color":void 0}}]}]},Kr=t=>{var s;let r=t;if(((s=r.children)==null?void 0:s.findIndex(n=>n.tagName===L.MJ_BODY))===0){const n=r.children.shift();r.children.length===0&&r.children.push(Xr),r.children.push(n)}return r},Bt=t=>{if(!t)return"";let r="";return Object.keys(t).forEach(s=>{const n=t[s];n&&(r+=` ${s}="${n}"`)}),r},Re=(t,r)=>`<${t.tagName}${Bt(t.attributes)}>${r??""}</${t.tagName}>`,ot=t=>{if(!t)return"";let r="";return t.children&&t.children.forEach(s=>{var o;let n="";if(["mj-social","mj-attributes"].includes(s.tagName)&&(n=(o=s.children)==null?void 0:o.reduce((l,a)=>l+=Re(a),"")),n)return r+=Re(s,n),r;if(["mj-section","mj-column"].includes(s.tagName))return r+=Re(s,ot(s)),r;r+=Re(s,s.content)}),r},qr=t=>{var s,n,o;return`<mjml><mj-head>${ot((s=t.children)==null?void 0:s[0])}</mj-head><mj-body ${Bt((n=t.children)==null?void 0:n[1].attributes)}>${ot((o=t.children)==null?void 0:o[1])}</mj-body></mjml>`},Pt=t=>{var r,s;for(let n=0;n<(((r=t.children)==null?void 0:r.length)??0);n++){const o=(s=t.children)==null?void 0:s[n];if(o.tagName==="mj-head")continue;const l=o.attributes;o.attributes.hasOwnProperty("css-class")?l["css-class"].includes(o.tagName)||(l["css-class"]=o.tagName+" "+l["css-class"]):l["css-class"]=o.tagName,o.children&&Pt(o)}return me(t)},nt=()=>{const{currentEmptyNode:t,currentFocusNode:r,currentHoverNode:s}=j.useContext(Ct);return{currentEmptyNode:t,currentFocusNode:r,currentHoverNode:s,resetEmptyNode:()=>{t.current&&(t.current.classList.add(pe),t.current=null)},setHoverNodeCls:a=>{if(s.current){if(!Q(s.current)){const g=re(s.current,L.MJ_SECTION);g==null||g.classList[a](Te)}s.current.classList[a](Te)}a==="remove"&&(s.current=null)},setFocusNodeCls:a=>{if(r.current){if(!Q(r.current)){const g=re(r.current,L.MJ_SECTION);g==null||g.classList[a](Cr,Te)}r.current.classList[a]($e)}a==="remove"&&(r.current=null)}}},Be=()=>{const{dataTransfer:t,setDataTransfer:r}=j.useContext(de);return{dataTransfer:t,setDataTransfer:r}},eo=()=>{const[t,r]=j.useState(null),{focusNode:s}=oe();return j.useEffect(()=>{const n=document.createElement("div");n.setAttribute("id",Dt),n.setAttribute("style","position: absolute; left: 0; top: 0; width: 279px"),n.onclick=o=>{o.stopPropagation()},r(n)},[]),j.useEffect(()=>{var n;if(!(!s||!t)&&(t.replaceChildren(),ze(s)||Oe(s))){const o=s.getRootNode().documentElement;(n=o.querySelector("body"))==null||n.appendChild(t);const{left:l,top:a,width:g,height:p}=s.getBoundingClientRect();t.style.left=`${l+g/2-279/2}px`,t.style.top=a>88?`${a+(o==null?void 0:o.scrollTop)-78-10}px`:`${a+(o==null?void 0:o.scrollTop)+p+10}px`}},[s,t]),j.useEffect(()=>{if(!t)return;const n=o=>{o.stopPropagation()};return t.addEventListener("click",n,!1),t.addEventListener("mouseover",n,!1),()=>{t.removeEventListener("click",n,!1),t.removeEventListener("mouseover",n,!1)}},[t]),{editorTool:t}},oe=()=>{const{focusNode:t,setFocusNode:r}=j.useContext(de);return{focusNode:t,setFocusNode:r}},to=()=>{const{appData:t,setAppData:r}=ae(),{focusNode:s,setFocusNode:n}=oe(),{setDataTransfer:o}=Be(),{setFocusNodeCls:l}=nt(),[a,g]=j.useState(null);return j.useEffect(()=>{const p=document.createElement("div");p.className=At,p.innerHTML=`
        <div draggable="true" class='${Tt}'></div>
        <div class='${Lt}'></div>
        <div class='${It}'></div>
    `,g(p)},[]),j.useEffect(()=>{if(!a||!s||he(s)){a==null||a.remove();return}const p=a.querySelector(`.${Tt}`);s.appendChild(a);const b=Q(s),x=c=>{var v,C,A,S;c.stopPropagation();const d=c.target,m=ie({node:s});if(Sr(d)){r(Hr({appData:t,idx:m}));const N=s.cloneNode(!0);if(N.classList.remove($e,Te),(v=N.querySelector(`.${At}`))==null||v.remove(),b)qe(s,N);else{const F=document.createElement("tr");F.appendChild(N),qe(s.parentElement,F)}o({type:"copy"})}if(Er(d)){if(r(Pr({appData:t,idx:m})),l("remove"),b)((C=s.parentNode)==null?void 0:C.children.length)===1?(A=s==null?void 0:s.parentElement)==null||A.replaceChildren():s==null||s.remove();else{const N=re(s,L.MJ_COLUMN);(S=s==null?void 0:s.parentElement)==null||S.remove(),tt(N)||N==null||N.classList.add(pe)}n(null),o({type:"delete"})}},f=()=>{o({type:"move",data:{type:b?"column":"basic",value:s.classList[0]}})};return a.addEventListener("click",x,!1),p==null||p.addEventListener("dragstart",f),()=>{a.removeEventListener("click",x,!1),p==null||p.removeEventListener("dragstart",f)}},[s,a,t]),{focusTool:a}},ro=()=>{const{hoverNode:t,setHoverNode:r}=j.useContext(de);return{hoverNode:t,setHoverNode:r}},ce=()=>{const[t,r]=j.useState(void 0),{appData:s,setAppData:n}=ae(),{focusNode:o}=oe(),{idx:l,defaultNodeAttr:a}=j.useMemo(()=>o?{idx:ie({node:o}),defaultNodeAttr:Le[o.classList[0]].attributes}:{idx:"1",defaultNodeAttr:{width:"600px","background-color":""}},[o]),g=p=>{s&&n(Ot({appData:s,idx:l,property:p}))};return j.useEffect(()=>{if(!s||!l)return;const p=l==="1"?_t(s):{},b=kt({appData:s,idx:l});r({...a,...b==null?void 0:b.attributes,...p})},[l,s]),{property:t,setProperty:g}},Ht=()=>{const{tab:t,setTab:r}=j.useContext(de);return{tab:t,setTab:r}},oo=()=>{const{t}=O.useTranslation(),{token:r}=u.theme.useToken(),{dataTransfer:s}=Be(),{appData:n,setAppData:o}=ae(),[l,a]=j.useState(null),{focusNode:g}=oe(),{lang:p}=_e(),{style:b,hoverStyle:x}=j.useMemo(()=>{const f=`border: 1px dashed ${r.colorPrimaryBorder}; background-color: ${r.colorPrimaryBg}; padding: 20px; text-align: center; font-size: 14px; line-height: 14px; color: ${r.colorPrimaryTextHover};`;return{style:f,hoverStyle:`${f} background-color: ${r.colorPrimaryBgHover}`}},[r]);return j.useEffect(()=>{const f=document.createElement("div");f.setAttribute("class",Mt),f.setAttribute("style",b),f.innerText=t("basic.drop_here"),a(f)},[]),j.useEffect(()=>{if(!l||!s)return;const f=()=>{l.setAttribute("style",x)},c=()=>{l.setAttribute("style",b)},d=()=>{const v=ie({node:l,transferAction:s.type});if(s.type=="add")o(Br({appData:n,idx:v,dataTransfer:s}));else if(s.type==="move"){const C=ie({node:g,transferAction:s.type});o(Ur({appData:n,idx:v,originIdx:C}))}},m=v=>{v.stopPropagation(),v.preventDefault()};return l.addEventListener("dragenter",f),l.addEventListener("dragleave",c),l.addEventListener("dragover",m),l.addEventListener("drop",d),()=>{l.removeEventListener("dragenter",f),l.removeEventListener("dragleave",c),l.removeEventListener("drop",d),l.removeEventListener("dragover",m)}},[l,s,n]),j.useEffect(()=>{l&&(l.innerText=t("basic.drop_here",{lng:p}))},[p]),{block:l}},no=()=>{const{setHoverNode:t}=ro(),{focusNode:r,setFocusNode:s}=oe(),{setTab:n}=Ht(),{appData:o,setAppData:l}=ae(),{dataTransfer:a,setDataTransfer:g}=Be(),{block:p}=oo(),{editorTool:b}=eo(),{skin:x,lang:f}=_e();to();const[c,d]=j.useState(null),{currentHoverNode:m,currentFocusNode:v,currentEmptyNode:C,resetEmptyNode:A,setHoverNodeCls:S,setFocusNodeCls:N}=nt();return j.useEffect(()=>{if(!c)return;const F=R=>{const E=R.target;if(!E||a)return;S("remove");const M=re(E);!M||Dr(M)||(m.current!==M&&(m.current=M),S("add"),t(M))},$=()=>{S("remove")},H=R=>{R.preventDefault();const E=R.target;if(!E)return;n("edit"),N("remove");const M=re(E);if(!M){s(null);return}et(M)||(v.current!==M&&(v.current=M),N("add"),s(M))},U=R=>{R.preventDefault(),fe(R.target)?C.current=null:A()},J=R=>{R.preventDefault(),R.stopPropagation(),D(R)},D=Or(R=>{var De,Se,Ee,ke,Ye;let E=re(R.target,L.MJ_COLUMN);const M=ge().document.body;if(he(R.target)&&M.children[0].children.length===0){M.children[0].appendChild(p);return}if(((De=a==null?void 0:a.data)==null?void 0:De.type)=="basic"&&kr(E)){A(),C.current=E,E==null||E.classList.remove(pe),E==null||E.children[0].children[0].appendChild(p);return}const Y=(a==null?void 0:a.type)==="move"?((Se=a==null?void 0:a.data)==null?void 0:Se.type)=="column"||Q(r):((Ee=a==null?void 0:a.data)==null?void 0:Ee.type)=="column";if(E=re(R.target,Y?L.MJ_SECTION:void 0),!E||!p)return;const{height:ee,top:le}=E.getBoundingClientRect(),{clientY:ve}=R,ne=ve-le>ee/2?"down":"up";let se=E.parentElement,te=E;if(Q(E)||(se=(se==null?void 0:se.parentElement)??null,te=te.parentElement),(a==null?void 0:a.type)=="move"){if(E===r)return;if(Q(r)){if(ne=="down"&&(r==null?void 0:r.previousElementSibling)===te||ne=="up"&&(r==null?void 0:r.nextElementSibling)===te)return}else if(ne=="down"&&((ke=r==null?void 0:r.parentElement)==null?void 0:ke.previousElementSibling)===te||ne=="up"&&((Ye=r==null?void 0:r.parentElement)==null?void 0:Ye.nextElementSibling)===te)return}ne=="down"?qe(te,p):se==null||se.insertBefore(p,te),A()},400);return c.addEventListener("mouseover",F),c.addEventListener("mouseout",$),c.addEventListener("click",H),c.addEventListener("drop",U),c.addEventListener("dragover",J),()=>{c.removeEventListener("mouseover",F),c.removeEventListener("click",H),c.removeEventListener("drop",U),c.removeEventListener("dragover",J),c.removeEventListener("mouseout",$)}},[c,p,r,a]),j.useEffect(()=>{if(!c)return;const F=()=>{p&&p.remove(),A(),g(null)};return window.addEventListener("dragend",F),c.addEventListener("dragend",F),()=>{window.removeEventListener("dragend",F),c.removeEventListener("dragend",F)}},[c,p]),j.useEffect(()=>{if(!c||!b)return;let F=null;const $=ge(),H=J=>{var D;(D=$.tinymce)==null||D.remove(),J==null||J.removeAttribute("id"),J==null||J.removeAttribute("class"),J==null||J.removeAttribute("contenteditable"),F=null},U=J=>{var R,E;const D=re(J.target);if(ze(D)||Oe(D)){let M=ze(D)?D==null?void 0:D.children[0]:(D==null?void 0:D.querySelector("p"))||(D==null?void 0:D.querySelector("a"));if(Oe(D))if(M!=null&&M.children[0])M=M.children[0];else{const Y=document.createElement("div");Y.innerText=((R=M==null?void 0:M.textContent)==null?void 0:R.trim())??"",M==null||M.replaceChildren(Y),M=Y}if((M==null?void 0:M.getAttribute("id"))==="editor")return;F&&!F.removed&&H(F.bodyElement),M==null||M.setAttribute("id","editor"),(E=$.tinymce)==null||E.init({selector:"#editor",license_key:"gpl",inline:!0,menubar:!1,language:f,skin:x==="light"?"oxide":"oxide-dark",plugins:"autolink link",toolbar:["fontsize forecolor undo redo","removeformat bold italic underline strikethrough link unlink"],fixed_toolbar_container:`#${Dt}`,forced_root_block:" ",init_instance_callback:()=>{M.focus()},font_size_formats:"12px 14px 16px 18px 24px 36px 48px 56px 72px",setup:Y=>{F=Y,Y.on("change",ee=>{const le=ee.level.content,ve=ie({node:D});g({type:"tinymce"}),l(ne=>zt({appData:ne,idx:ve,content:le}))}),Y.on("blur",()=>{setTimeout(()=>{H(M??null)})})}});return}F&&!F.removed&&H(F.bodyElement)};return c.addEventListener("click",U,!1),()=>{c.removeEventListener("click",U,!1)}},[b,c,f,x]),j.useEffect(()=>{var J;if(!o||!c)return;const F=Et(o),$=ie({node:r}),H=Nt({doc:F,idx:$});let U=null;if(a){if(["copy","delete","tinymce"].includes(a.type)){g(null);return}const D=ie({node:p,transferAction:a==null?void 0:a.type}),R=Nt({doc:F,idx:D});if(a.type==="add")U=R,rt(U),p==null||p.replaceWith(U);else{const E=re(r,L.MJ_COLUMN);($.split("-")[1]!==D.split("-")[1]||$.length!==D.length)&&N("remove"),Q(r)?r==null||r.remove():(J=r==null?void 0:r.parentElement)==null||J.remove(),tt(E)||E==null||E.classList.add(pe),U=R,U&&(Q(U)?v.current=U:v.current=U.children[0],s(v.current)),rt(U),p==null||p.replaceWith(U),N("add")}}else{const D=r||ge().document.body.children[0];H&&(Q(D)&&D.tagName!==(H==null?void 0:H.tagName)?(H.appendChild(D.lastElementChild),v.current=H,D.replaceWith(H),N("add"),s(H)):setTimeout(()=>{_r(D,H),rt(D)}))}g(null)},[o]),{setRef:d}},so=()=>{const{t}=O.useTranslation(),{token:r}=u.theme.useToken(),{focusNode:s,setFocusNode:n}=oe(),{currentFocusNode:o,setFocusNodeCls:l}=nt(),[a,g]=j.useState("desktop"),p=()=>{const x={title:e.jsx("a",{onClick:c=>{c.preventDefault(),l("remove"),n(null)},children:t("block.body")})},f={title:e.jsx("a",{onClick:c=>{c.preventDefault();const d=re(s,L.MJ_SECTION);l("remove"),o.current=d,l("add"),n(d)},children:t("block.section")})};if(s){if(Q(s))return[x,{title:t("block.section")}];{const c={title:t(`block.${s.classList[0].split("-")[1]}`)};return[x,f,c]}}else return[{title:t("block.body")}]},b=x=>{const f=document.getElementById(Ke);f.style.width=x==="mobile"?"400px":"100%",g(x)};return e.jsxs(u.Flex,{style:{height:40,padding:"0 20px",borderBottom:`1px solid ${r.colorBorder}`,backgroundColor:r.colorBgContainer},align:"center",justify:"space-between",children:[e.jsx(u.Breadcrumb,{separator:">",items:p()}),e.jsx(u.Flex,{gap:10,children:e.jsx(u.Segmented,{value:a,onChange:b,options:[{label:"",value:"desktop",icon:e.jsx(z.DesktopOutlined,{})},{label:"",value:"mobile",icon:e.jsx(z.MobileOutlined,{})}]})})]})},{Text:io}=u.Typography,Ut=({value:t})=>{const{setDataTransfer:r}=Be(),{t:s}=O.useTranslation(),n=o=>{r({type:"add",data:{type:o.type,value:o.value}})};return e.jsx(u.Flex,{wrap:!0,style:{margin:"10px 0"},justify:"space-between",children:t.map((o,l)=>e.jsxs(u.Card,{style:{width:96,height:96,marginBottom:10},styles:{body:{padding:0,height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"}},hoverable:!0,draggable:!0,onDragStart:()=>n(o),children:[o.icon,e.jsx(io,{style:{marginTop:4},strong:!0,children:s(`block.${o.label}`)})]},l))})},lo=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M16 4.5H4a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1zM4 3a2.5 2.5 0 0 0-2.5 2.5v9A2.5 2.5 0 0 0 4 17h12a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 16 3H4z"}),e.jsx("title",{children:"1 Column"})]}),Yt=t=>e.jsx(z,{component:lo,...t}),ao=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M4 4.5h2.75a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm-2.5 1A2.5 2.5 0 0 1 4 3h2.75a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1-2.5 2.5H4a2.5 2.5 0 0 1-2.5-2.5v-9zm11.75-1H16a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-2.75a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm-2.5 1a2.5 2.5 0 0 1 2.5-2.5H16a2.5 2.5 0 0 1 2.5 2.5v9A2.5 2.5 0 0 1 16 17h-2.75a2.5 2.5 0 0 1-2.5-2.5v-9z"}),e.jsx("title",{children:"2 Column"})]}),Gt=t=>e.jsx(z,{component:ao,...t}),co=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M1.5 4.75C1.5 3.784 2.284 3 3.25 3h1.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 4.75 17h-1.5a1.75 1.75 0 0 1-1.75-1.75V4.75zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V4.75a.25.25 0 0 0-.25-.25h-1.5zm4.25.25C7.5 3.784 8.284 3 9.25 3h1.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 10.75 17h-1.5a1.75 1.75 0 0 1-1.75-1.75V4.75zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25V4.75a.25.25 0 0 0-.25-.25h-1.5zm6-1.5a1.75 1.75 0 0 0-1.75 1.75v10.5c0 .966.784 1.75 1.75 1.75h1.5a1.75 1.75 0 0 0 1.75-1.75V4.75A1.75 1.75 0 0 0 16.75 3h-1.5zM15 4.75a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v10.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25V4.75z"}),e.jsx("title",{children:"3 Column"})]}),Vt=t=>e.jsx(z,{component:co,...t}),uo=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M2.75 3c-.69 0-1.25.56-1.25 1.25v11.5c0 .69.56 1.25 1.25 1.25h1C4.44 17 5 16.44 5 15.75V4.25C5 3.56 4.44 3 3.75 3h-1zM3 4.75a.25.25 0 0 1 .5 0v10.5a.25.25 0 1 1-.5 0V4.75zM7.25 3C6.56 3 6 3.56 6 4.25v11.5c0 .69.56 1.25 1.25 1.25h1c.69 0 1.25-.56 1.25-1.25V4.25C9.5 3.56 8.94 3 8.25 3h-1zm.25 1.75a.25.25 0 0 1 .5 0v10.5a.25.25 0 1 1-.5 0V4.75zm3-.5c0-.69.56-1.25 1.25-1.25h1c.69 0 1.25.56 1.25 1.25v11.5c0 .69-.56 1.25-1.25 1.25h-1c-.69 0-1.25-.56-1.25-1.25V4.25zm1.75.25a.25.25 0 0 0-.25.25v10.5a.25.25 0 1 0 .5 0V4.75a.25.25 0 0 0-.25-.25zm4-1.5C15.56 3 15 3.56 15 4.25v11.5c0 .69.56 1.25 1.25 1.25h1c.69 0 1.25-.56 1.25-1.25V4.25c0-.69-.56-1.25-1.25-1.25h-1zm.25 1.75a.25.25 0 1 1 .5 0v10.5a.25.25 0 1 1-.5 0V4.75z"}),e.jsx("title",{children:"4 Column"})]}),Jt=t=>e.jsx(z,{component:uo,...t}),po=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M1.5 5.5A2.5 2.5 0 0 1 4 3h5a2.5 2.5 0 0 1 2.5 2.5v9A2.5 2.5 0 0 1 9 17H4a2.5 2.5 0 0 1-2.5-2.5v-9zm2.5-1h5a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zM12.5 5.5A2.5 2.5 0 0 1 15 3h1a2.5 2.5 0 0 1 2.5 2.5v9A2.5 2.5 0 0 1 16 17h-1a2.5 2.5 0 0 1-2.5-2.5v-9zm2.5-1h1a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1z"}),e.jsx("title",{children:"2 Columns left split"})]}),Zt=t=>e.jsx(z,{component:po,...t}),mo=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M8.5 5.5A2.5 2.5 0 0 1 11 3h5a2.5 2.5 0 0 1 2.5 2.5v9A2.5 2.5 0 0 1 16 17h-5a2.5 2.5 0 0 1-2.5-2.5v-9zm2.5-1h5a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zM1.5 5.5A2.5 2.5 0 0 1 4 3h1a2.5 2.5 0 0 1 2.5 2.5v9A2.5 2.5 0 0 1 5 17H4a2.5 2.5 0 0 1-2.5-2.5v-9zm2.5-1h1a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1z"}),e.jsx("title",{children:"2 Columns right split"})]}),Wt=t=>e.jsx(z,{component:mo,...t}),go=()=>e.jsx("svg",{width:"19",height:"19",viewBox:"0 0 19 19",children:e.jsx("path",{d:"M14 4h.5a1.5 1.5 0 0 1 0 3H14a7 7 0 0 0-6.996 6.76L7 14v.5a1.5 1.5 0 0 1-3 0V14C4 8.477 8.477 4 14 4z",fill:"#979797",fillRule:"nonzero"})}),ho=t=>e.jsx(z,{component:go,...t}),fo=()=>e.jsx("svg",{width:"19",height:"19",viewBox:"0 0 19 19",children:e.jsx("path",{d:"M14 15h.5a1.5 1.5 0 0 0 0-3H14a7 7 0 0 1-6.996-6.76L7 5v-.5a1.5 1.5 0 0 0-3 0V5c0 5.523 4.477 10 10 10z",fill:"#979797",fillRule:"nonzero"})}),bo=t=>e.jsx(z,{component:fo,...t}),xo=()=>e.jsx("svg",{width:"19",height:"19",viewBox:"0 0 19 19",children:e.jsx("path",{d:"M5 4h-.5a1.5 1.5 0 0 0 0 3H5a7 7 0 0 1 6.996 6.76L12 14v.5a1.5 1.5 0 0 0 3 0V14C15 8.477 10.523 4 5 4z",fill:"#979797",fillRule:"nonzero"})}),jo=t=>e.jsx(z,{component:xo,...t}),yo=()=>e.jsx("svg",{width:"19",height:"19",viewBox:"0 0 19 19",children:e.jsx("path",{d:"M5 15h-.5a1.5 1.5 0 0 1 0-3H5a7 7 0 0 0 6.996-6.76L12 5v-.5a1.5 1.5 0 0 1 3 0V5c0 5.523-4.477 10-10 10z",fill:"#979797",fillRule:"nonzero"})}),vo=t=>e.jsx(z,{component:yo,...t}),Co=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M17 6.733h-.93c0-1.866-1.87-2.333-4.203-2.333v9.47c0 .763.464 1.45 1.173 1.733l1.16.464V17H5.8v-.933l1.16-.464a1.867 1.867 0 0 0 1.173-1.733V4.4c-2.333 0-4.2.467-4.2 2.333H3V3h14v3.733z"})}),wo=t=>e.jsx(z,{component:Co,...t}),Mo=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M18 4.5A2.5 2.5 0 0 0 15.5 2h-11A2.5 2.5 0 0 0 2 4.5v11A2.5 2.5 0 0 0 4.5 18h11a2.5 2.5 0 0 0 2.5-2.5v-11zm-13.5-1a1 1 0 0 0-1 1v9.732l2.66-2.85a1 1 0 0 1 1.3-.14l1.81 1.252a1 1 0 0 0 1.318-.16l2.485-2.817a1 1 0 0 1 1.428-.073l1.999 1.845V4.5a1 1 0 0 0-1-1h-11zm1 3.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"})}),Ao=t=>e.jsx(z,{component:Mo,...t}),To=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fill:"currentColor",d:"M18 5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 2 5v5a2.5 2.5 0 0 0 2.5 2.5h3.654L8.038 11H4.5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v5c0 .261-.1.499-.264.677l1.203.902c.35-.43.561-.98.561-1.579V5z"}),e.jsx("path",{fill:"currentColor",d:"M9.706 8.116l.929 8.48c.012.109.148.15.22.068L12.62 14.6l1.667 2.887a.833.833 0 1 0 1.443-.833l-1.667-2.887 2.67-.498a.125.125 0 0 0 .051-.223L9.904 8a.125.125 0 0 0-.198.115z"})]}),Lo=t=>e.jsx(z,{component:To,...t}),Io=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:e.jsx("path",{fill:"currentColor",d:"M9.836 4.561a.25.25 0 0 1 .328 0l1.927 1.67a.25.25 0 0 1-.163.438H8.072a.25.25 0 0 1-.163-.439l1.927-1.669zM2 8.42h16v3H2v-3zM9.836 15.277a.25.25 0 0 0 .328 0l1.927-1.669a.25.25 0 0 0-.163-.439H8.072a.25.25 0 0 0-.163.44l1.927 1.668z"})}),Do=t=>e.jsx(z,{component:Io,...t}),So=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:[e.jsx("path",{fill:"currentColor",d:"M9.836 2.161a.25.25 0 0 1 .328 0l1.927 1.67a.25.25 0 0 1-.163.438H8.072a.25.25 0 0 1-.163-.439l1.927-1.669z"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",fill:"currentColor",d:"M18 8.02a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 2 8.02v4a2.5 2.5 0 0 0 2.5 2.5h11a2.5 2.5 0 0 0 2.5-2.5v-4zm-13.5-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-11z"}),e.jsx("path",{fill:"currentColor",d:"M9.836 17.878a.25.25 0 0 0 .328 0l1.927-1.67a.25.25 0 0 0-.163-.439H8.072a.25.25 0 0 0-.163.44l1.927 1.669z"})]}),Eo=t=>e.jsx(z,{component:So,...t}),ko=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",children:e.jsx("path",{fill:"currentColor",d:"M15.5 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM12.22 6.224c.179.48.46.909.816 1.262L9.916 9.23a3.485 3.485 0 0 0-.64-1.361l2.944-1.645zM9 10a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0zM18 15a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zM9.854 11.005c-.147.491-.4.937-.73 1.31l3.022 1.68c.147-.491.4-.937.73-1.31l-3.022-1.68z"})}),No=t=>e.jsx(z,{component:ko,...t}),Fo=[{type:"column",value:"mj-column-1",label:"1_column",icon:e.jsx(Yt,{})},{type:"column",value:"mj-column-2",label:"2_columns",icon:e.jsx(Gt,{})},{type:"column",value:"mj-column-3",label:"3_columns",icon:e.jsx(Vt,{})},{type:"column",value:"mj-column-4",label:"4_columns",icon:e.jsx(Jt,{})},{type:"column",value:"mj-column-left",label:"left_columns",icon:e.jsx(Zt,{})},{type:"column",value:"mj-column-right",label:"right_columns",icon:e.jsx(Wt,{})}],_o=[{type:"basic",value:"mj-text",label:"text",icon:e.jsx(wo,{})},{type:"basic",value:"mj-image",label:"image",icon:e.jsx(Ao,{})},{type:"basic",value:"mj-button",label:"button",icon:e.jsx(Lo,{})},{type:"basic",value:"mj-divider",label:"divider",icon:e.jsx(Do,{})},{type:"basic",value:"mj-spacer",label:"spacer",icon:e.jsx(Eo,{})},{type:"basic",value:"mj-social",label:"social",icon:e.jsx(No,{})}],Oo=()=>{const{t}=O.useTranslation();return e.jsxs("div",{style:{margin:10},children:[e.jsx(u.Typography.Title,{level:5,children:t("basic.add_component")}),e.jsxs(e.Fragment,{children:[e.jsx(u.Typography.Text,{strong:!0,children:t("basic.layout_component")}),e.jsx(Ut,{value:Fo})]}),e.jsxs(e.Fragment,{children:[e.jsx(u.Typography.Text,{strong:!0,children:t("basic.basic_component")}),e.jsx(Ut,{value:_o})]})]})},{Text:xe}=u.Typography,zo=()=>{const{t}=O.useTranslation();return e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.body_style")}),e.jsx(u.Form.Item,{name:"background-color",label:e.jsx(xe,{strong:!0,children:t("property.background_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})}),e.jsx(V,{name:"width",label:e.jsx(xe,{strong:!0,children:t("property.width")})}),e.jsx(B,{children:t("basic.public_style")}),e.jsx(ct,{name:"all_font-family"}),e.jsx(u.Form.Item,{name:"all_color",label:e.jsx(xe,{strong:!0,children:t("property.font_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})}),e.jsx(u.Form.Item,{name:"button_background-color",label:e.jsx(xe,{strong:!0,children:t("property.button_background_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})}),e.jsx(u.Form.Item,{name:"button_color",label:e.jsx(xe,{strong:!0,children:t("property.button_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})}),e.jsx(u.Form.Item,{name:"section_background-color",label:e.jsx(xe,{strong:!0,children:t("property.section_background_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})})]})},{Text:je}=u.Typography,Ro=()=>{const{t}=O.useTranslation(),{property:r,setProperty:s}=ce();return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.button_style")}),e.jsx(u.Form.Item,{labelCol:{span:24},name:"href",label:e.jsx(je,{strong:!0,children:t("property.button_link")}),style:{marginBottom:6},children:e.jsx(u.Input,{placeholder:"https://www.example.com"})}),e.jsx(u.Form.Item,{name:"target",valuePropName:"checked",normalize:n=>n?"_blank":void 0,style:{textAlign:"left"},children:e.jsx(u.Checkbox,{children:t("basic.open_link_new_tab")})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.styles")}),e.jsxs(u.Flex,{justify:"space-between",style:{marginBottom:24},children:[e.jsx(je,{strong:!0,children:t("property.full_width")}),e.jsx(u.Switch,{value:!be(r==null?void 0:r.width),onChange:n=>{s({...r,width:n?"100%":""})}})]}),e.jsx(u.Form.Item,{name:"background-color",label:e.jsx(je,{strong:!0,children:t("property.background_color")}),normalize:n=>n.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})}),e.jsx(Ue,{}),e.jsx(qt,{})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.text_style")}),e.jsx(V,{step:1,name:"font-size",label:e.jsx(je,{strong:!0,children:t("property.font_size")})}),e.jsx(V,{name:"line-height",options:["px","%","-"],label:e.jsx(je,{strong:!0,children:t("property.line_height")}),step:.1}),e.jsx(u.Form.Item,{name:"color",label:e.jsx(je,{strong:!0,children:t("property.font_color")}),normalize:n=>n.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.position")}),e.jsx(Ie,{}),e.jsx(ye,{})]})]})},{Text:st}=u.Typography,Bo=()=>{const{t}=O.useTranslation();return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.divider_style")}),e.jsx(V,{name:"width",percentMax:100,options:["px","%"],label:e.jsx(st,{strong:!0,children:t("property.width")})}),e.jsx(V,{step:1,name:"border-width",label:e.jsx(st,{strong:!0,children:t("property.border_width")})}),e.jsx(u.Form.Item,{name:"border-color",label:e.jsx(st,{strong:!0,children:t("property.border_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.position")}),e.jsx(Ie,{}),e.jsx(ye,{})]})]})},{Text:Qt}=u.Typography,Po=()=>{const{t}=O.useTranslation();return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.image_style")}),e.jsx(or,{name:"src",label:t("property.image_source")}),e.jsx(u.Form.Item,{labelCol:{span:24},name:"href",label:e.jsx(Qt,{strong:!0,children:t("property.image_link")}),style:{marginBottom:6},children:e.jsx(u.Input,{placeholder:"https://www.example.com"})}),e.jsx(u.Form.Item,{name:"target",valuePropName:"checked",normalize:r=>r?"_blank":void 0,style:{textAlign:"left"},children:e.jsx(u.Checkbox,{children:t("basic.open_link_new_tab")})}),e.jsx(u.Form.Item,{labelCol:{span:24},name:"alt",label:e.jsx(Qt,{strong:!0,children:t("property.alt_text")}),children:e.jsx(u.Input,{placeholder:t("basic.alt_text_plc")})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.size")}),e.jsx(qo,{}),e.jsx(Ue,{})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.position")}),e.jsx(Ie,{}),e.jsx(ye,{})]})]})},{Text:$t}=u.Typography,Xt={"padding-top":0,"padding-right":0,"padding-bottom":0,"padding-left":0},ye=()=>{const{t}=O.useTranslation(),[r,s]=j.useState(!1),{property:n,setProperty:o}=ce(),l=j.useMemo(()=>{const c={...Xt};if(!n||Object.keys(n).length==0)return c;const d=n.padding;if(!d)return c;const m=d==null?void 0:d.split(" "),v=m.length;if(v==1)Object.keys(c).forEach(C=>{c[C]=parseInt(m[0])});else if(v==2){const C=parseInt(m[0]),A=parseInt(m[1]);c["padding-left"]=A,c["padding-right"]=A,c["padding-top"]=C,c["padding-bottom"]=C}else if(v==3){const C=parseInt(m[0]),A=parseInt(m[1]),S=parseInt(m[2]);c["padding-left"]=A,c["padding-right"]=A,c["padding-top"]=C,c["padding-bottom"]=S}else Object.keys(c).forEach((C,A)=>{c[C]=parseInt(m[A])});return c},[n]),{["padding-right"]:a,["padding-left"]:g,["padding-top"]:p,["padding-bottom"]:b}=l,x=[p,a,b,g],f=(c,d)=>{let m=null;if(d==="padding")m={...n,padding:`${c}px ${c}px ${c}px ${c}px`};else{const v=Object.assign(l,{[d]:c});m={...n,padding:`${v["padding-top"]}px ${v["padding-right"]}px ${v["padding-bottom"]}px ${v["padding-left"]}px`}}o(m)};return j.useEffect(()=>{!r&&s(!(g===a&&a===p&&p===b))},[l]),e.jsxs(e.Fragment,{children:[e.jsxs(u.Flex,{align:"center",justify:"space-between",children:[e.jsx($t,{strong:!0,children:t("property.padding")}),r?e.jsx(u.Button,{style:{paddingRight:0},onClick:()=>{const c=Math.min(...x),d=`${c}px ${c}px ${c}px ${c}px`;s(!1),o({...n,padding:d})},type:"link",children:t("basic.less_option")}):e.jsxs(u.Flex,{align:"center",children:[e.jsx(u.Button,{style:{paddingRight:5},onClick:()=>s(!0),type:"link",children:t("basic.more_option")}),e.jsx(V,{hasForm:!1,value:Math.min(...x),onChange:c=>f(c??0,"padding")})]})]}),r&&e.jsx(u.Flex,{wrap:!0,justify:"space-between",children:Object.keys(Xt).map((c,d)=>e.jsxs(u.Flex,{align:"center",style:{marginTop:12},children:[e.jsx($t,{style:{width:50,textAlign:"left"},children:t(`property.${c.split("-")[1]}`)}),e.jsx(V,{hasForm:!1,style:{width:80},value:x[d],onChange:m=>f(m??0,c)})]},c))})]})},{Text:Pe}=u.Typography,Ho=()=>{const{t}=O.useTranslation(),{appData:r,setAppData:s}=ae(),{focusNode:n}=oe(),o=[{key:"1",icon:e.jsx(Yt,{})},{key:"2",icon:e.jsx(Gt,{})},{key:"3",icon:e.jsx(Vt,{})},{key:"4",icon:e.jsx(Jt,{})},{key:"left",icon:e.jsx(Zt,{})},{key:"right",icon:e.jsx(Wt,{})}],l=a=>{const g=ie({node:n});s(Yr({appData:r,idx:g,column:a}))};return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.layout")}),e.jsx(u.Flex,{justify:"space-around",children:o.map(a=>e.jsx(u.Button,{type:"text",onClick:()=>l(a.key),style:{padding:"0px 6px"},children:a.icon},a.key))})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.section_style")}),e.jsx(u.Form.Item,{name:"full-width",label:e.jsx(Pe,{strong:!0,children:t("property.full_width")}),valuePropName:"checked",normalize:a=>a?"full-width":"",children:e.jsx(u.Switch,{})}),e.jsx(Ue,{}),e.jsx(qt,{}),e.jsx(u.Form.Item,{name:"background-color",label:e.jsx(Pe,{strong:!0,children:t("property.background_color")}),normalize:a=>a.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})}),e.jsx(or,{name:"background-url",label:t("property.background_image")}),e.jsx(u.Form.Item,{name:"background-repeat",label:e.jsx(Pe,{strong:!0,children:t("property.background_repeat")}),children:e.jsx(u.Select,{style:{width:120,textAlign:"left"},options:[{value:"repeat",label:t("property.repeat")},{value:"no-repeat",label:t("property.no_repeat")}]})}),e.jsx(u.Form.Item,{name:"background-size",label:e.jsx(Pe,{strong:!0,children:t("property.background_size")}),children:e.jsx(u.Select,{style:{width:120,textAlign:"left"},options:[{value:"auto",label:t("property.auto")},{value:"cover",label:t("property.cover")},{value:"contain",label:t("property.contain")}]})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.position")}),e.jsx(ye,{})]})]})},{Text:q}=u.Typography,Kt={facebook:{name:"facebook",href:"https://www.facebook.com/"},twitter:{name:"twitter",href:"https://www.twitter.com/"},x:{name:"x",href:"https://www.twitter.com/"},google:{name:"google",href:"https://www.google.com/"},pinterest:{name:"pinterest",href:"https://www.pinterest.com/"},linkedin:{name:"linkedin",href:"https://www.linkedin.com/"},tumblr:{name:"tumblr",href:"https://www.tumblr.com/"},xing:{name:"xing",href:"https://www.xing.com/"},github:{name:"github",href:"https://www.github.com/"},instagram:{name:"instagram",href:"https://www.instagram.com/"},web:{name:"web",href:"https://www.web.com/"},snapchat:{name:"snapchat",href:"https://www.snapchat.com/"},youtube:{name:"youtube",href:"https://www.youtube.com/"},vimeo:{name:"vimeo",href:"https://www.vimeo.com/"},medium:{name:"medium",href:"https://www.medium.com/"},soundcloud:{name:"soundcloud",href:"https://www.soundcloud.com/"},dribbble:{name:"dribbble",href:"https://www.dribbble.com/"},custom:{name:"custom",href:"",src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAQAAAD/5HvMAAACDUlEQVR4Ae3BP0tqcQDH4a8NCUHWUg1tElGBEvRvDhoaIlp6BSFmtFdzk29BKgQJCXoBLU1FBIE1ByVFFC5Cehoi7HMRrnAwDY+e3z3CPc8jn8/n8/0fmGVW3YQUKXUP+ilTpl/dgk2qNtUtyFGVU3dgjpo5dQMOqDmQ9whhUWMRktdIYJeQ17jF7lbeYp568/ISh9Q7lHcIYVHPIiSvsEUjW/IKdzRyJ2+wQDML8gJHNHOkf48BPmjmgwGZQIBBwsywxDpxdkmS4pRzcuQp8ZsSeXKcc0qKJLvEWWeJGcIMEpAzRDjjhgeKVDChQpEHbjgjotawQgnTSqyodUTIY1KeiJxhiEtMuWRIztFLGhPS9Kpd7FDBTRV21BlWKeOWMqvqHFGecMMTUbmDYa7o1BXDcg9BMnQiQ1BuY49v2vHNnsxgDQunLNZkDtMUcKLAtMziGSeeZRZhnArLJDZwakMmkcGpjEziBadeZA5jtGNMphCjHTGZwjHtOJYpvNJMmjTNvMoMxmnsnkVJYpF7GhuXCcT56ZN9gvqLIPt88lNcJpCl3gWTqsMkF9TLygTesCsSI6AGCBCjiN2b3McEdllG9AtGyGI3IbeRoOaRZbWAZR6pSchtnFD1RZI+tYg+knxRdSK3UQCuicoholwDBbmLKd7ZpkdtoIdt3pmSm4gwqg4wSkQ+n8/n85nwB8QLTUFkdp6OAAAAAElFTkSuQmCC","background-color":"#c1c1c1"}},Uo=()=>{var f;const{t}=O.useTranslation(),{appData:r,setAppData:s}=ae(),{focusNode:n}=oe(),o=ie({node:n}),l=kt({appData:r,idx:o}),a=(c,d,m,v)=>{let C=null;if(d==="content")C=zt({appData:r,idx:o,content:m,index:c});else{const A=d==="name"?Kt[m]:{...v,[d]:m};C=Ot({appData:r,idx:o,property:A,index:c})}s(C)},g=()=>{s(Gr({appData:r,idx:o,value:{tagName:"mj-social-element",attributes:Kt.custom,content:""}}))},p=c=>{s(Rt({appData:r,idx:o,originIndex:c,targetIndex:c-1}))},b=c=>{s(Rt({appData:r,idx:o,originIndex:c,targetIndex:c+1}))},x=c=>{s(Vr({appData:r,idx:o,index:c}))};return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.content")}),(f=l==null?void 0:l.children)==null?void 0:f.map((c,d)=>{var v,C,A,S;const m=c.attributes;return e.jsxs(u.Card,{style:{marginBottom:12},styles:{header:{textAlign:"left",padding:"0 12px",minHeight:46},body:{padding:"12px"}},title:m.name,extra:e.jsxs(u.Flex,{gap:4,children:[e.jsx(u.Button,{type:"text",style:{padding:"2px 8px"},disabled:d===0||((v=l==null?void 0:l.children)==null?void 0:v.length)===1,onClick:()=>p(d),children:e.jsx(z.UpOutlined,{})}),e.jsx(u.Button,{type:"text",style:{padding:"2px 8px"},disabled:d===(((C=l==null?void 0:l.children)==null?void 0:C.length)??1)-1||((A=l==null?void 0:l.children)==null?void 0:A.length)===1,onClick:()=>b(d),children:e.jsx(z.DownOutlined,{})}),e.jsx(u.Button,{type:"text",style:{padding:"2px 8px"},disabled:((S=l==null?void 0:l.children)==null?void 0:S.length)===1,onClick:()=>x(d),children:e.jsx(z.DeleteOutlined,{})})]}),children:[e.jsxs(u.Flex,{justify:"space-between",align:"center",children:[e.jsx(q,{strong:!0,children:t("property.network")}),e.jsx(u.Select,{value:m.name,style:{width:150,textAlign:"left"},options:[{value:"facebook",label:"Facebook"},{value:"twitter",label:"Twitter(X)"},{value:"x",label:"X"},{value:"google",label:"Google"},{value:"pinterest",label:"Pinterest"},{value:"linkedin",label:"Linkedin"},{value:"tumblr",label:"Tumblr"},{value:"xing",label:"Xing"},{value:"github",label:"Github"},{value:"instagram",label:"Instagram"},{value:"web",label:"Web"},{value:"snapchat",label:"Snapchat"},{value:"youtube",label:"Youtube"},{value:"vimeo",label:"Vimeo"},{value:"medium",label:"Medium"},{value:"soundcloud",label:"Soundcloud"},{value:"dribbble",label:"Dribbble"},{value:"custom",label:t("property.custom")}],onChange:N=>a(d,"name",N,m)})]}),e.jsxs(u.Flex,{justify:"space-between",align:"center",style:{marginTop:6},children:[e.jsx(q,{strong:!0,children:t("property.label")}),e.jsx(u.Input,{value:c.content,style:{width:150},placeholder:t("basic.social_label_plc"),onChange:N=>a(d,"content",N.target.value,m)})]}),e.jsxs(u.Flex,{justify:"space-between",align:"center",style:{marginTop:6},children:[e.jsx(q,{strong:!0,children:t("property.url")}),e.jsx(u.Input,{value:m.href,style:{width:150},placeholder:t("basic.social_url_plc"),onChange:N=>a(d,"href",N.target.value,m)})]}),m.name==="custom"&&e.jsxs(e.Fragment,{children:[e.jsxs(u.Flex,{justify:"space-between",align:"center",style:{marginTop:6},children:[e.jsx(q,{strong:!0,children:t("property.icon")}),e.jsx(u.Input,{value:m==null?void 0:m.src,style:{width:150},placeholder:t("basic.social_icon"),onChange:N=>a(d,"src",N.target.value,m)})]}),e.jsxs(u.Flex,{justify:"space-between",align:"center",style:{marginTop:6},children:[e.jsx(q,{strong:!0,children:t("property.icon_color")}),e.jsx(u.ColorPicker,{value:m==null?void 0:m["background-color"],onChange:(N,F)=>{a(d,"background-color",F,m)},showText:!0})]})]})]},`${m.name}-${d}`)}),e.jsx(u.Button,{icon:e.jsx(z.PlusOutlined,{}),style:{width:"100%"},type:"default",onClick:g,children:t("basic.add_social")})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.social_style")}),e.jsx(V,{step:1,name:"icon-size",label:e.jsx(q,{strong:!0,children:t("property.icon_size")})}),e.jsx(V,{step:1,name:"icon-padding",label:e.jsx(q,{strong:!0,children:t("property.icon_padding")})}),e.jsx(Ue,{}),e.jsx(V,{step:1,name:"inner-padding",label:e.jsx(q,{strong:!0,children:t("property.inner_padding")})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.text_style")}),e.jsx(ct,{}),e.jsx(V,{step:1,name:"font-size",label:e.jsx(q,{strong:!0,children:t("property.font_size")})}),e.jsx(u.Form.Item,{name:"color",label:e.jsx(q,{strong:!0,children:t("property.font_color")}),normalize:c=>c.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.position")}),e.jsx(u.Form.Item,{name:"mode",label:e.jsx(q,{strong:!0,children:t("property.mode")}),children:e.jsx(u.Select,{style:{width:120,textAlign:"left"},options:[{value:"vertical",label:t("property.vertical")},{value:"horizontal",label:t("property.horizontal")}]})}),e.jsx(Ie,{}),e.jsx(ye,{})]})]})},{Text:Yo}=u.Typography,Go=()=>{const{t}=O.useTranslation();return e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.spacer_style")}),e.jsx(V,{name:"height",label:e.jsx(Yo,{strong:!0,children:t("property.height")})})]})},{Text:it}=u.Typography,Vo=()=>{const{t}=O.useTranslation();return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.text_style")}),e.jsx(ct,{}),e.jsx(V,{step:1,name:"font-size",label:e.jsx(it,{strong:!0,children:t("property.font_size")})}),e.jsx(V,{name:"line-height",options:["px","%","-"],label:e.jsx(it,{strong:!0,children:t("property.line_height")}),step:.1}),e.jsx(u.Form.Item,{name:"color",label:e.jsx(it,{strong:!0,children:t("property.font_color")}),normalize:r=>r.toHexString(),children:e.jsx(u.ColorPicker,{showText:!0})})]}),e.jsxs(e.Fragment,{children:[e.jsx(B,{children:t("basic.position")}),e.jsx(Ie,{}),e.jsx(ye,{})]})]})},{Text:Jo}=u.Typography,Ie=()=>{const{t}=O.useTranslation();return e.jsx(u.Form.Item,{name:"align",label:e.jsx(Jo,{strong:!0,children:t("property.align")}),children:e.jsxs(u.Radio.Group,{children:[e.jsx(u.Radio.Button,{value:"left",children:t("property.left")}),e.jsx(u.Radio.Button,{value:"center",children:t("property.center")}),e.jsx(u.Radio.Button,{value:"right",children:t("property.right")})]})})},{Text:He}=u.Typography,Zo="1px solid #000",Wo=[{label:"top",value:"border-top"},{label:"bottom",value:"border-bottom"},{label:"left",value:"border-left"},{label:"right",value:"border-right"}],Qo=[{label:"Solid",value:"solid"},{label:"Dashed",value:"dashed"},{label:"Dotted",value:"dotted"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"rigde"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"},{label:"Hidden",value:"hidden"}],qt=()=>{const{t}=O.useTranslation(),[r,s]=j.useState(!1),{property:n,setProperty:o}=ce(),l=(n==null?void 0:n.border)&&(n==null?void 0:n.border)!=="none",{borderWidth:a,borderStyle:g,borderColor:p}=j.useMemo(()=>{const d=l?n==null?void 0:n.border:Zo,[m,v,C]=d.split(" ");return{borderWidth:m,borderStyle:v,borderColor:C}},[n]),b=j.useMemo(()=>{const d=["border-top","border-bottom","border-left","border-right"];if(!n||Object.keys(n).length==0)return d;const m={"border-top":n["border-top"],"border-bottom":n["border-bottom"],"border-left":n["border-left"],"border-right":n["border-right"]};return Object.keys(m).filter(v=>m[v]===void 0)},[n]),x=(d,m)=>{const v=Object.assign({borderWidth:a,borderStyle:g,borderColor:p},{[m]:d}),C=`${v.borderWidth} ${v.borderStyle} ${v.borderColor}`;o({...n,border:C})},f=d=>{s(d);const m=d?`${a} ${g} ${p}`:"";o({...n,border:m})},c=d=>{if(b.length>d.length){const m=b.filter(C=>!d.includes(C)),v={};m.forEach(C=>{v[C]="none"}),o({...n,...v})}else d.filter(v=>!b.includes(v)).forEach(v=>{delete n[v]}),o({...n})};return j.useEffect(()=>{s(!!l)},[n]),e.jsxs("div",{style:{marginBottom:24},children:[e.jsxs(u.Flex,{align:"center",justify:"space-between",children:[e.jsx(He,{strong:!0,children:t("property.border")}),e.jsx(u.Switch,{value:!!l,onChange:f})]}),r&&e.jsxs(u.Card,{style:{width:"100%",marginTop:6},styles:{body:{padding:16}},children:[e.jsx(Xo,{style:{marginBottom:12},value:b,options:Wo,onChange:c}),e.jsxs(u.Flex,{align:"center",justify:"space-between",style:{marginBottom:12},children:[e.jsx(He,{strong:!0,children:t("property.border_width")}),e.jsx(V,{hasForm:!1,step:1,value:parseInt(a),onChange:d=>{x(`${d??0}px`,"borderWidth")}})]}),e.jsxs(u.Flex,{align:"center",justify:"space-between",style:{marginBottom:12},children:[e.jsx(He,{strong:!0,children:t("property.border_style")}),e.jsx(u.Select,{value:g,style:{width:100,textAlign:"left"},options:Qo,onChange:d=>{x(d,"borderStyle")}})]}),e.jsxs(u.Flex,{align:"center",justify:"space-between",children:[e.jsx(He,{strong:!0,children:t("property.border_color")}),e.jsx(u.ColorPicker,{showText:!0,value:p,onChange:(d,m)=>{x(m,"borderColor")}})]})]})]})},{Text:$o}=u.Typography,lt={"radius-top":0,"radius-right":0,"radius-bottom":0,"radius-left":0},er={"radius-top":e.jsx(ho,{}),"radius-right":e.jsx(jo,{}),"radius-bottom":e.jsx(vo,{}),"radius-left":e.jsx(bo,{})},Ue=()=>{const{t}=O.useTranslation(),[r,s]=j.useState(!1),{property:n,setProperty:o}=ce(),l=j.useMemo(()=>{const c={...lt};if(!n||Object.keys(n).length==0)return c;const d=n["border-radius"];if(!d)return c;const m=d.split(" "),v=m.length;if(v==1)Object.keys(c).forEach(C=>{c[C]=parseInt(m[0])});else if(v==2){const C=parseInt(m[0]),A=parseInt(m[1]);c["radius-left"]=A,c["radius-right"]=A,c["radius-top"]=C,c["radius-bottom"]=C}else if(v==3){const C=parseInt(m[0]),A=parseInt(m[1]),S=parseInt(m[2]);c["radius-left"]=A,c["radius-right"]=A,c["radius-top"]=C,c["radius-bottom"]=S}else Object.keys(c).forEach((C,A)=>{c[C]=parseInt(m[A])});return c},[n]),{["radius-right"]:a,["radius-left"]:g,["radius-top"]:p,["radius-bottom"]:b}=l,x=[p,a,b,g],f=(c,d)=>{let m=null;if(d==="radius")m={...n,"border-radius":`${c}px ${c}px ${c}px ${c}px`};else{const v=Object.assign(l,{[d]:c});m={...n,"border-radius":`${v["radius-top"]}px ${v["radius-right"]}px ${v["radius-bottom"]}px ${v["radius-left"]}px`}}o(m)};return j.useEffect(()=>{!r&&s(!(b===g&&g===a&&a===p))},[l]),e.jsxs("div",{style:{marginBottom:24},children:[e.jsxs(u.Flex,{align:"center",justify:"space-between",style:{marginBottom:12},children:[e.jsx($o,{strong:!0,children:t("property.border_radius")}),r?e.jsx(u.Button,{style:{paddingRight:0},onClick:()=>{const c=Math.min(...x),d=`${c}px ${c}px ${c}px ${c}px`;s(!1),o({...n,"border-radius":d})},type:"link",children:t("basic.less_option")}):e.jsxs(u.Flex,{align:"center",children:[e.jsx(u.Button,{style:{paddingRight:5},onClick:()=>s(!0),type:"link",children:t("basic.more_option")}),e.jsx(V,{hasForm:!1,style:{width:74},step:1,value:Math.min(...x),onChange:c=>f(c??0,"radius")})]})]}),r&&e.jsxs(e.Fragment,{children:[e.jsx(u.Flex,{wrap:!0,justify:"space-between",align:"center",gap:12,children:Object.keys(lt).slice(0,2).map((c,d)=>e.jsxs(u.Flex,{gap:12,style:{flexDirection:d%2===0?"row-reverse":"row"},children:[er[c],e.jsx(V,{hasForm:!1,style:{width:85},value:x[d],step:1,onChange:m=>f(m??0,c)})]},d))}),e.jsx(u.Flex,{wrap:!0,justify:"space-between",align:"center",gap:12,style:{flexDirection:"row-reverse",marginTop:12},children:Object.keys(lt).slice(2).map((c,d)=>e.jsxs(u.Flex,{gap:12,style:{flexDirection:d==0?"row":"row-reverse"},children:[er[c],e.jsx(V,{hasForm:!1,style:{width:85},value:x[d+2],step:1,onChange:m=>f(m??0,c)})]},d))})]})]})},B=({children:t})=>e.jsx(u.Divider,{orientation:"left",orientationMargin:"0",children:e.jsx(u.Typography.Text,{type:"secondary",children:t})}),Xo=({style:t,value:r,options:s,onChange:n})=>{const{token:o}=u.theme.useToken(),{t:l}=O.useTranslation();return e.jsx(u.Flex,{style:t,justify:"space-between",align:"center",children:s.map(a=>{const g=r.includes(a.value);return e.jsx("div",{onClick:()=>{n(g?r.filter(p=>p!==a.value):[...r,a.value])},style:{width:55,border:`1px solid ${g?o.colorPrimaryBorder:o.colorBorder}`,backgroundColor:g?o.colorPrimaryBg:"transparent",color:g?o.colorPrimaryText:o.colorText,cursor:"pointer",borderRadius:"4px",textAlign:"center"},children:l(`property.${a.label}`)},a.value)})})},at=[{value:"px",label:"px",className:"easy-mail-input-number-select-option"},{value:"%",label:"%",className:"easy-mail-input-number-select-option"},{value:"",label:"-",className:"easy-mail-input-number-select-option"}],tr=10,V=({hasForm:t=!0,name:r,options:s,style:n,step:o=tr,label:l,value:a,percentMax:g,onChange:p})=>{const{property:b}=ce(),x=b==null?void 0:b[r],f=s?s.map(v=>at.find(C=>C.label===v)):[at[0]],c=()=>{var v,C;return((v=String(x))!=null&&v.includes("%")||(C=String(x))!=null&&C.includes("px"))&&o===.1?tr:o},d=e.jsx(u.InputNumber,{min:0,max:g,step:c(),style:n,className:"easy-mail-input-number-input",value:a,onChange:p}),m=e.jsx(u.Select,{value:"px",allowClear:!1,suffixIcon:!1,className:"easy-mail-input-number-select",variant:"borderless",options:t?f:[at[0]],dropdownStyle:{padding:0}});return e.jsx("div",{style:{position:"relative"},children:t?e.jsxs(e.Fragment,{children:[e.jsx(u.Form.Item,{name:r,label:l,children:d}),e.jsx(u.Form.Item,{name:`${r}_unit`,style:{position:"absolute",right:25,top:0,width:20,marginBottom:0,zIndex:99},children:m})]}):e.jsxs(e.Fragment,{children:[d,e.jsx("div",{style:{position:"absolute",right:25,top:0,width:20,marginBottom:0,zIndex:99},children:m})]})})},{Text:Ko}=u.Typography,ct=({name:t="font-family"})=>{const{t:r}=O.useTranslation();return e.jsx(u.Form.Item,{name:t,label:e.jsx(Ko,{strong:!0,children:r("property.font_family")}),children:e.jsx(u.Select,{style:{width:120,textAlign:"left"},options:[{value:"arial",label:e.jsx("span",{style:{fontFamily:"arial"},children:"Arial"})},{value:"serif ",label:e.jsx("span",{style:{fontFamily:"serif"},children:"Serif"})},{value:"sans-serif",label:e.jsx("span",{style:{fontFamily:"sans-serif"},children:"Sansserif"})},{value:"monospace",label:e.jsx("span",{style:{fontFamily:"monospace"},children:"Monospace"})},{value:"cursive",label:e.jsx("span",{style:{fontFamily:"cursive"},children:"Cursive"})},{value:"fantasy",label:e.jsx("span",{style:{fontFamily:"fantasy"},children:"Fantasy"})},{value:"emoji",label:e.jsx("span",{style:{fontFamily:"emoji"},children:"Emoji"})},{value:"math",label:e.jsx("span",{style:{fontFamily:"math"},children:"Math"})},{value:"fangsong",label:e.jsx("span",{style:{fontFamily:"fangsong"},children:"仿宋"})}]})})},{Text:rr}=u.Typography,qo=()=>{const{t}=O.useTranslation(),{property:r,setProperty:s}=ce(),[n,o]=j.useState(!1),{width:l}=j.useMemo(()=>!r||Object.keys(r).length==0?{width:""}:{width:r.width||""},[r]);return j.useEffect(()=>{o(l!=="")},[l]),e.jsxs("div",{children:[e.jsxs(u.Flex,{justify:"space-between",style:{marginBottom:24},children:[e.jsx(rr,{strong:!0,children:t("property.full_width")}),e.jsx(u.Switch,{value:l==="",onChange:a=>{s({...r,width:a?"":"200px"})}})]}),n&&e.jsxs(u.Flex,{justify:"space-between",style:{marginBottom:24},children:[e.jsx(rr,{strong:!0,children:t("property.width")}),e.jsx(V,{hasForm:!1,value:parseInt(l),onChange:a=>{a&&s({...r,width:`${a}px`})}})]})]})},{Text:en}=u.Typography,or=({label:t,name:r})=>{const{t:s}=O.useTranslation(),{onUpload:n,onUploadFocusChange:o}=_e(),{focusNode:l}=oe(),{setProperty:a}=ce(),[g,p]=j.useState(!1),b=()=>{const x=document.createElement("input");x.setAttribute("type","file"),x.setAttribute("accept",".png,.jpg,.jpeg,.webp"),x.click(),x.onchange=async()=>{var c;try{var f=(c=x.files)==null?void 0:c[0];let d="";p(!0),n?d=(await n(f)).url:d=await Jr(f),a({[r]:d}),p(!1)}catch(d){p(!1),console.error(d)}}};return j.useEffect(()=>()=>{g&&(o==null||o())},[l,g]),e.jsx(u.Form.Item,{className:"easy-marl-src-container",labelCol:{span:24},name:r,label:e.jsxs(u.Flex,{align:"center",justify:"space-between",style:{width:"100%"},children:[e.jsx(en,{strong:!0,children:t}),e.jsx(u.Button,{type:"link",icon:e.jsx(z.UploadOutlined,{}),style:{padding:0},loading:g,onClick:b,children:s("basic.upload_image")})]}),normalize:x=>x===""?void 0:x,children:e.jsx(u.Input,{placeholder:"https://www.example.com"})})},tn={[L.MJ_BODY]:e.jsx(zo,{}),[L.MJ_SECTION]:e.jsx(Ho,{}),[L.MJ_TEXT]:e.jsx(Vo,{}),[L.MJ_IMAGE]:e.jsx(Po,{}),[L.MJ_BUTTON]:e.jsx(Ro,{}),[L.MJ_DIVEDER]:e.jsx(Bo,{}),[L.MJ_SPACER]:e.jsx(Go,{}),[L.MJ_SOCIAL]:e.jsx(Uo,{})},rn=()=>{const{t}=O.useTranslation(),{token:r}=u.theme.useToken(),[s]=u.Form.useForm(),{focusNode:n}=oe(),{property:o,setProperty:l}=ce(),{appData:a}=ae(),g=(n==null?void 0:n.classList[0])??L.MJ_BODY;return j.useEffect(()=>{if(!o)return;const p=Object.keys(o);let b={};p.forEach(f=>{const c=o[f],d=String(c);Zr(d)||Wr(d)?b[f]=c:typeof c=="number"?(b[f]=c,b[`${f}_unit`]=""):d.includes("px")?(b[f]=parseInt(c),b[`${f}_unit`]="px"):d.includes("%")?(b[f]=parseInt(c),b[`${f}_unit`]="%"):b[f]=c});const x=Rr(_t(a));g==L.MJ_BUTTON&&(b={...x[L.MJ_BUTTON],...b}),g==L.MJ_SECTION&&(b={...x[L.MJ_SECTION],...b}),b={...x["mj-all"],...b},s.setFieldsValue(b)},[o]),e.jsxs("div",{style:{padding:20},children:[e.jsxs(u.Row,{children:[e.jsx(u.Col,{style:{background:r.colorPrimary,width:4,marginRight:4}}),e.jsx(u.Col,{children:e.jsx(u.Typography.Title,{level:4,style:{margin:0},children:t(`block.${g==null?void 0:g.split("-")[1]}`).toUpperCase()})})]}),e.jsx(u.Form,{form:s,colon:!1,preserve:!1,style:{textAlign:"right"},onValuesChange:(p,b)=>{const x=Object.keys(b),f={};x.forEach(c=>{const d=b[c];if(!c.includes("unit"))f[c]=d;else{const m=c.split("_")[0];be(d)||(f[m]=`${f[m]}${d}`)}}),l(f)},children:tn[g]})]})},on=()=>{const{token:t}=u.theme.useToken(),{t:r}=O.useTranslation(),{tab:s,setTab:n}=Ht(),o=[{key:"add",label:e.jsxs(u.Flex,{vertical:!0,align:"center",gap:4,style:{padding:"10px 0"},children:[e.jsx(z.PlusOutlined,{}),r("basic.add")]})},{key:"edit",label:e.jsxs(u.Flex,{vertical:!0,align:"center",gap:4,style:{padding:"10px 0"},children:[e.jsx(z.EditOutlined,{}),r("basic.edit")]})}];return e.jsxs(u.Flex,{style:{width:406,borderRight:`1px solid ${t.colorBorder}`,backgroundColor:t.colorBgContainer},children:[e.jsx("div",{style:{width:77,height:"100%"},children:e.jsx(u.Tabs,{style:{height:"100%"},tabPosition:"left",items:o,activeKey:s,onChange:l=>{n(l)}})}),e.jsx("div",{style:{flex:1,overflow:"auto"},children:s==="add"?e.jsx(Oo,{}):e.jsx(rn,{})})]})},nn=j.forwardRef((t,r)=>{const{i18n:s}=O.useTranslation(),n={...Qe,...t,value:be(t.value)?Qe.value:t.value},{value:o,width:l,height:a,colorPrimary:g,skin:p,lang:b}=n,[x,f]=j.useState(()=>Pt(Kr(typeof o=="string"?jt(o).json:o))),[c,d]=j.useState("add"),[m,v]=j.useState(null),[C,A]=j.useState(null),[S,N]=j.useState(null),F=j.useRef(null),$=j.useRef(null),H=j.useRef(null);j.useImperativeHandle(r,()=>({getData:()=>({json:x,mjml:qr(x)})}));const U=`easy-mail-container ${p==="dark"?"dark":""}`;return j.useEffect(()=>{s.changeLanguage(b)},[b]),e.jsx(u.ConfigProvider,{theme:{algorithm:p==="light"?u.theme.defaultAlgorithm:u.theme.darkAlgorithm,token:{colorPrimary:g}},children:e.jsx("div",{className:U,style:{height:a,width:l},children:e.jsx(wt.Provider,{value:{...n},children:e.jsx(de.Provider,{value:{appData:x,setAppData:f,tab:c,setTab:d,hoverNode:m,setHoverNode:v,focusNode:C,setFocusNode:A,dataTransfer:S,setDataTransfer:N},children:e.jsxs(Ct.Provider,{value:{currentHoverNode:F,currentFocusNode:$,currentEmptyNode:H},children:[e.jsx(so,{}),e.jsxs(u.Flex,{style:{height:"calc(100% - 40px)"},children:[e.jsx(on,{}),e.jsx(Lr,{})]})]})})})})})}),sn={};return xr.use(jr).use(O.initReactI18next).init({debug:!1,fallbackLng:"en",interpolation:{escapeValue:!1},detection:{order:["navigator"]},resources:sn}),nn});