WEBDIENSTE/aaPanel
1
0
Fork 0
mirror of https://github.com/aaPanel/aaPanel.git synced 2026-09-12 04:27:39 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
master
aaPanel/BTPanel/static/vite/js/feature-EmailEditor.js
T
aapanel.com 4af59b2386 Update to v8.22.0
2026-08-27 12:18:36 +08:00

31 lines
82 KiB
JavaScript
Raw Permalink Blame History

;(() => {
const stylesheetSelector = "link[rel=stylesheet]"
const loaded = new Set(Array.from(document.querySelectorAll(stylesheetSelector)).map(link => link.href))
const version = "1787646744133"
const findLoadedLink = href => Array.from(document.querySelectorAll(stylesheetSelector)).find(link => link.href === href)
const removeAfterLoad = (freshLink, staleLink) => {
const remove = () => staleLink.remove()
if (freshLink.sheet) {
requestAnimationFrame(remove)
return
}
freshLink.addEventListener("load", remove, { once: true })
}
for (const link of Array.from(document.querySelectorAll(stylesheetSelector))) {
const url = new URL(link.href, location.href)
if (url.origin !== location.origin || url.searchParams.get("v") === version) continue
url.searchParams.set("v", version)
if (loaded.has(url.href)) {
const freshLink = findLoadedLink(url.href)
if (freshLink && freshLink !== link) removeAfterLoad(freshLink, link)
continue
}
const freshLink = document.createElement("link")
freshLink.rel = "stylesheet"
freshLink.href = url.href
link.parentNode?.insertBefore(freshLink, link.nextSibling)
loaded.add(url.href)
removeAfterLoad(freshLink, link)
}
})();
import{At as e,Cn as t,Cr as n,Dn as r,En as i,Gn as a,Hn as o,In as s,Jn as c,Kn as l,Ln as u,Or as d,Sn as f,Tt as p,Xn as m,Yn as h,Yr as g,Zn as _,Zr as v,_t as y,ar as b,bn as x,br as S,cr as C,ei as w,er as T,fn as E,hr as D,jt as O,kn as k,lr as A,mn as j,nn as M,or as N,rr as P,un as F,vr as ee,w as I,wr as L,xn as R,yn as z,zn as B}from"./vendor-utils.js?v=1787646744133";import{f as V,p as H}from"./vendor-vue.js?v=1787646744133";import{A as U,Et as te,M as W,P as ne,Q as re,St as ie,Z as ae,at as oe,bt as se,ct as ce,d as le,gt as ue,h as de,p as fe,st as G,tt as pe,xt as me,y as he}from"./vendor-naive.js?v=1787646744133";import{Pf as ge,Rf as _e,yp as ve,zf as K}from"./app.js?v=1787646744133";import{ia as ye}from"./app-components.js?v=1787646744133";import{i as be,n as xe,r as Se,t as Ce}from"./vendor-interaction.js?v=1787646744133";import{i as we,n as Te,r as Ee,t as De}from"./vendor-wangeditor.js?v=1787646744133";M();function q(e=12){let t=new Uint8Array(e);return crypto.getRandomValues(t),Array.from(t,e=>e.toString(16).padStart(2,`0`)).join(``).slice(0,e)}var Oe=V(`email-editor`,()=>{let e=S(`2.1`);return{version:e,pageConfig:S({meta:{version:e.value,createdAt:``,updatedAt:``},style:{backgroundColor:`#ffffff`,width:`500px`}}),columnsSource:S([]),columnsMap:S({}),columnsConfigMap:S({}),cellMap:S({}),cellConfigMap:S({}),blockMap:S({}),blockConfigMap:S({}),selectedBlockKey:S(``),selectedBlockType:S(``),saveFn:S(async()=>!1)}}),ke={key:``,name:`Columns`,type:`columns`,meta:{version:``,createdAt:``,updatedAt:``},attr:{},style:{backgroundColor:``,padding:{more:!1,all:`0`,top:`0`,left:`0`,right:`0`,bottom:`0`}},containerStyle:{backgroundColor:``}},Ae={key:``,name:`Cell`,type:`cell`,meta:{version:``,createdAt:``,updatedAt:``},attr:{},style:{backgroundColor:``,padding:{more:!1,all:`0`,top:`0`,left:`0`,right:`0`,bottom:`0`},border:{more:!1,all:{color:``,width:`0`,style:`solid`},top:{color:``,width:`0`,style:`solid`},right:{color:``,width:`0`,style:`solid`},bottom:{color:``,width:`0`,style:`solid`},left:{color:``,width:`0`,style:`solid`}}},containerStyle:{}},je={key:``,name:`Button`,type:`button`,meta:{version:``,createdAt:``,updatedAt:``},attr:{href:`#`,target:`_blank`,content:`Button Text`},style:{display:`inline-block`,backgroundColor:`#20A53A`,color:`#fff`,width:`auto`,fontWeight:`normal`,fontSize:`14px`,lineHeight:`120%`,letterSpacing:`0px`,boxSizing:`border-box`,textDecoration:`none`,padding:{more:!0,all:`0`,top:`10px`,left:`20px`,right:`20px`,bottom:`10px`},border:{more:!1,all:{color:``,width:`0`,style:`solid`},top:{color:``,width:`0`,style:`solid`},right:{color:``,width:`0`,style:`solid`},bottom:{color:``,width:`0`,style:`solid`},left:{color:``,width:`0`,style:`solid`}},borderRadius:{more:!1,all:`4px`,top:`0`,left:`0`,right:`0`,bottom:`0`}},containerStyle:{textAlign:`center`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Me={key:``,name:`Link`,type:`link`,meta:{version:``,createdAt:``,updatedAt:``},attr:{href:``,target:`_blank`,content:`Link Text`},style:{display:`inline-block`,color:`#333`,fontWeight:`normal`,fontSize:`14px`,lineHeight:`120%`,letterSpacing:`0px`,textDecoration:`none`},containerStyle:{textAlign:`center`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Ne={key:``,name:`Divider`,type:`divider`,meta:{version:``,createdAt:``,updatedAt:``},attr:{},style:{display:`inline-block`,width:`100%`,height:`1px`,lineHeight:`1px`,verticalAlign:`middle`,boxSizing:`border-box`,borderTop:{color:`#bbbbbb`,width:`1px`,style:`solid`}},containerStyle:{textAlign:`center`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Pe={key:``,name:`Header`,type:`header`,meta:{version:``,createdAt:``,updatedAt:``},attr:{content:`Header`},style:{display:`inline-block`,color:`#333`,fontWeight:`normal`,fontSize:`22px`,lineHeight:`140%`,letterSpacing:`0px`},containerStyle:{textAlign:`left`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Fe={key:``,name:`Text`,type:`text`,meta:{version:``,createdAt:``,updatedAt:``},attr:{content:`Text`},style:{display:`inline-block`,color:`#333`,fontWeight:`normal`,fontSize:`14px`,lineHeight:`120%`,letterSpacing:`0px`},containerStyle:{textAlign:`left`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Ie={key:``,name:`Image`,type:`image`,meta:{version:``,createdAt:``,updatedAt:``},attr:{href:``,target:`_blank`,src:``,alt:``},style:{display:`inline-block`,width:`100%`,boxSizing:`border-box`,textDecoration:`none`},containerStyle:{textAlign:`center`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Le={key:``,name:`Menu`,type:`menu`,meta:{version:``,createdAt:``,updatedAt:``},attr:{links:[{id:q(6),label:`Menu`,href:``},{id:q(6),label:`Menu`,href:``}]},style:{display:`inline-block`,fontWeight:`normal`,fontSize:`14px`,letterSpacing:`0px`,color:`#333`,textDecoration:`none`,padding:{more:!0,all:``,top:`5px`,left:`15px`,right:`15px`,bottom:`5px`}},containerStyle:{textAlign:`center`,padding:{more:!1,all:`10px`,top:`0`,left:`0`,right:`0`,bottom:`0`}}},Re=new Map([[`button`,je],[`link`,Me],[`divider`,Ne],[`header`,Pe],[`text`,Fe],[`image`,Ie],[`menu`,Le]]),ze=e=>{let{version:t}=H(Oe()),n=e=>{try{let t=JSON.parse(e),n=t.version;return n<2?r(t):n<2.1?f(t):t}catch(t){console.log(e,t)}},r=e=>{let n={meta:{version:t.value,createdAt:I(new Date,`yyyy-MM-dd HH:mm:ss`),updatedAt:I(new Date,`yyyy-MM-dd HH:mm:ss`)},style:{width:``,backgroundColor:``}};e.page_style?(n.style.width=e.page_style.maxWidth,n.style.backgroundColor=e.page_style.backgroundColor):(n.style.width=`500px`,n.style.backgroundColor=`#fff`);let{columns_source:r,column_map:a,column_row_style_map:f}=e,p=[],m={},h={};r.forEach(e=>{p.push(e)}),Object.entries(a).forEach(([e,t])=>{ve(t)&&(m[e]={key:e,type:t.type,name:`Columns`,children:t.children})}),Object.keys(f).forEach(e=>{let n=f[e],r=O(ke);r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.style.padding=n.style.padding,r.style.backgroundColor=n.style.backgroundColor,h[e]=r});let{cell_map:g,cell_style_map:_}=e,v={},y={};Object.keys(g).forEach(e=>{let t=g[e];v[e]={key:e,type:`cell`,name:`Cell`,width:Number.parseFloat(t.width),children:t.children}}),Object.keys(_).forEach(e=>{let n=_[e],r=O(Ae);r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.style.backgroundColor=n.style.background,r.style.padding=n.style.padding,r.style.border=i(n.style.border),y[e]=r});let{comp_map:b,comp_style_map:x}=e,S={},C={};return Object.keys(b).forEach(e=>{let t=b[e];S[e]={key:e,type:t.type,name:ye(t.type)}}),Object.keys(x).forEach(e=>{let t=b[e],n=x[e];switch(t.type){case`button`:C[e]=o(e,n);break;case`divider`:C[e]=s(e,n);break;case`header`:C[e]=c(e,n);break;case`text`:C[e]=l(e,n);break;case`image`:C[e]=u(e,n);break;case`menu`:C[e]=d(e,n);break}}),{pageConfig:n,columnsSource:p,columnsMap:m,columnsConfigMap:h,cellMap:v,cellConfigMap:y,blockMap:S,blockConfigMap:C}},i=e=>({more:e.more,all:a(e.all),top:a(e.top),left:a(e.left),right:a(e.right),bottom:a(e.bottom)}),a=e=>{let t=e.split(` `);return{width:t[0]||`0`,style:t[1]||`solid`,color:t[2]||``}},o=(e,n)=>{let r=O(je);return r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.attr.content=n.content,r.attr.href=n.info.href||`#`,r.attr.target=n.info.target||`_blank`,r.style=n.style,r.style.border=i(n.style.border),r.style.fontWeight=n.style.FontWeight,r.style.letterSpacing=n.style.LetterSpacing,delete n.style.FontWeight,delete n.style.LetterSpacing,r.containerStyle=n.general,r},s=(e,n)=>{let r=O(Ne);return r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.style=n.style,r.style.borderTop=a(n.style.borderTop),r},c=(e,n)=>{let r=O(Pe);return r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.attr.content=n.content||``,r.style=n.style,r.containerStyle=n.general,r},l=(e,n)=>{let r=O(Fe);return r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.attr.content=n.content||``,r.style=n.style,r.containerStyle=n.general,r.containerStyle.textAlign=n.style.textAlign,delete n.style.textAlign,r},u=(e,n)=>{let r=O(Ie);return r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.attr=n.info,r.style=n.style,r.containerStyle.padding=n.general.padding,r.containerStyle.textAlign=n.general.textAlign||`center`,r},d=(e,n)=>{let r=O(Le);return r.key=e,r.meta.version=t.value,r.meta.createdAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(new Date,`yyyy-MM-dd HH:mm:ss`),r.attr.links=n.links,r.style=n.style,r.style.display=n.info.layout===`horizontal`?`inline-block`:`block`,r.containerStyle.padding=n.general.padding,r.containerStyle.textAlign=n.general.textAlign||`center`,r},f=e=>{let{blockMap:t,blockConfigMap:n}=e;return Object.keys(t).forEach(e=>{let r=t[e],i=n[e];switch(r.type){case`button`:n[e].style=Object.assign({},O(je.style),i.style);break;case`link`:n[e].style=Object.assign({},O(Me.style),i.style);break;case`divider`:n[e].style=Object.assign({},O(Ne.style),i.style);break;case`image`:n[e].style=Object.assign({},O(Ie.style),i.style);break;case`menu`:n[e].type=r.type,n[e].name=r.name,n[e].style=Object.assign({},O(Le.style),i.style);break}}),e};return{parsedData:n(e)}};M();var J=()=>{let{version:e,columnsSource:t,columnsMap:n,columnsConfigMap:r,cellMap:i,cellConfigMap:a,blockMap:o,blockConfigMap:s,pageConfig:c,selectedBlockKey:l,selectedBlockType:u,saveFn:d}=H(Oe());return{saveFn:d,getData:()=>JSON.stringify({version:e.value,pageConfig:L(c.value),blockMap:L(o.value),blockConfigMap:L(s.value),cellMap:L(i.value),cellConfigMap:L(a.value),columnsConfigMap:L(r.value),columnsMap:L(n.value),columnsSource:L(t.value)}),setData:e=>{let{parsedData:l}=ze(e);l&&(c.value=l.pageConfig,o.value=l.blockMap,s.value=l.blockConfigMap,i.value=l.cellMap,a.value=l.cellConfigMap,r.value=l.columnsConfigMap,n.value=l.columnsMap,t.value=l.columnsSource)},resetData:()=>{o.value={},s.value={},i.value={},a.value={},r.value={},n.value={},t.value=[],l.value=``,u.value=``},setSaveFn:e=>{d.value=e},autoSaveFn:()=>{let e=null;e&&clearTimeout(e),e=window.setTimeout(()=>{d.value()},300)}}};function Y(){let e=e=>{let r={};return Object.entries(e).forEach(([e,i])=>{t(e)&&ve(i)&&Object.assign(r,n(e,i)),!t(e)&&p(i)&&(r[e]=i),!t(e)&&ve(i)&&e===`borderTop`&&ve(i)&&(r.borderTop=`${i.width} ${i.style} ${i.color||`transparent`}`)}),r},t=e=>e===`border`||e===`padding`||e===`borderRadius`,n=(e,t)=>{let n={},i={top:`TopLeft`,right:`TopRight`,bottom:`BottomRight`,left:`BottomLeft`};if(!t.more)e===`border`&&ve(t.all)&&t.all.width!==`0`?n.border=`${t.all.width} ${t.all.style} ${t.all.color||`transparent`}`:(e===`padding`||e===`borderRadius`)&&p(t.all)&&(n[e]=t.all);else{let a=[`top`,`right`,`bottom`,`left`];switch(e){case`border`:a.forEach(e=>{let i=t[e];ve(i)&&i.width!==`0`&&(n[`border${r(e)}`]=`${i.width} ${i.style} ${i.color||`transparent`}`)});break;case`padding`:a.forEach(e=>{let i=t[e];p(i)&&i!==`0`&&(n[`padding${r(e)}`]=i)});break;case`borderRadius`:a.forEach(e=>{let r=t[e];p(r)&&r!==`0`&&(n[`border${i[e]}Radius`]=r)});break}}return n},r=e=>e.charAt(0).toUpperCase()+e.slice(1);return{configToStyle:e}}M();var Be=()=>{let{columnsSource:e,columnsMap:t,columnsConfigMap:n,cellMap:r,cellConfigMap:i,blockMap:a,blockConfigMap:o,pageConfig:s}=H(Oe()),{configToStyle:c}=Y(),l=S(``),u=()=>{l.value=d().outerHTML},d=()=>{let t=f(),n=document.createElement(`table`);return n.style.backgroundColor=s.value.style.backgroundColor||`#fff`,n.style.width=`100%`,e.value.forEach(e=>{t[e]&&n.appendChild(t[e].dom)}),n},f=()=>{let e=p(),r={};return Object.entries(t.value).forEach(([t,i])=>{let a=document.createElement(`tr`),o=document.createElement(`td`),c=document.createElement(`div`);h(c,n.value[t].style),c.style.width=s.value.style.width||`auto`,c.style.margin=`0 auto`;let l=document.createElement(`table`);l.style.width=`100%`;let u=document.createElement(`tr`);i.children.forEach(t=>{u.appendChild(e[t].dom)}),l.appendChild(u),c.appendChild(l),o.appendChild(c),a.appendChild(o),r[t]={dom:a}}),r},p=()=>{let e=m(),t={};return Object.entries(r.value).forEach(([n,r])=>{let a=document.createElement(`td`);a.style.width=`${r.width}%`,h(a,i.value[n].style),r.children.forEach(t=>{e[t]&&a.appendChild(e[t].dom)}),t[n]={dom:a}}),t},m=()=>{let e={};return Object.keys(a.value).forEach(t=>{let n=a.value[t],r=o.value[t],i=document.createElement(`div`);switch(h(i,r.containerStyle),n.type){case`button`:i.appendChild(_(r));break;case`link`:i.appendChild(v(r));break;case`divider`:i.appendChild(y(r));break;case`header`:i.appendChild(b(r));break;case`text`:i.appendChild(x(r));break;case`image`:i.appendChild(C(r));break;case`menu`:i.appendChild(w(r));break}e[t]={dom:i,config:r}}),e},h=(e,t)=>{let n=c(t);Object.entries(n).forEach(([t,n])=>{e.style[t]=n})},g=e=>e.replace(`<p>`,`<p style="margin: 0;">`),_=e=>{var t,n,r;let i=document.createElement(`a`);return i.href=(t=e.attr.href)==null?``:t,i.target=(n=e.attr.target)==null?``:n,i.innerHTML=g((r=e.attr.content)==null?``:r),h(i,e.style),i},v=e=>{var t,n,r;let i=document.createElement(`a`);return i.href=(t=e.attr.href)==null?``:t,i.target=(n=e.attr.target)==null?``:n,i.innerHTML=g((r=e.attr.content)==null?``:r),h(i,e.style),i},y=e=>{let t=document.createElement(`div`);return h(t,e.style),t},b=e=>{var t;let n=document.createElement(`div`);return n.innerHTML=g((t=e.attr.content)==null?``:t),h(n,e.style),n},x=e=>{var t;let n=document.createElement(`div`);return n.innerHTML=g((t=e.attr.content)==null?``:t),h(n,e.style),n},C=e=>{var t,n;let r=document.createElement(`img`);if(r.src=(t=e.attr.src)==null?``:t,r.alt=(n=e.attr.alt)==null?``:n,e.attr.href){var i,a;let t=document.createElement(`a`);return t.href=(i=e.attr.href)==null?``:i,t.target=(a=e.attr.target)==null?``:a,r.style.width=`100%`,t.appendChild(r),h(t,e.style),t}return h(r,e.style),r},w=e=>{var t;let n=document.createElement(`div`);return(t=e.attr.links)==null||t.forEach(t=>{var r;let i=document.createElement(`a`);h(i,e.style),i.href=t.href,i.target=(r=e.attr.target)==null?``:r,i.innerHTML=t.label,n.appendChild(i)}),n};return{html:l,generateHtml:u}};M();var Ve=Symbol(`EmailEditorContext`);function He(e){h(Ve,e)}M();var Ue=k({__name:`EditorProvider`,setup(e){return He({store:Oe()}),(e,t)=>(c(),R(d(be),{backend:d(Ce)},{default:C(()=>[_(e.$slots,`default`)]),_:3},8,[`backend`]))}});M();var X=()=>{let{version:e,selectedBlockKey:t,selectedBlockType:n,columnsSource:r,columnsMap:i,columnsConfigMap:a,cellMap:o,cellConfigMap:s,blockMap:c,blockConfigMap:l,pageConfig:u}=H(Oe()),{autoSaveFn:d}=J(),f=z(()=>r.value.map(e=>i.value[e])),p=(e,r)=>{t.value=e,n.value=r},m=()=>{let e={key:q(),type:`columns`,name:`Columns`,children:[]};return h(e),e},h=e=>{let t=g(e.key);a.value[e.key]=t},g=t=>{let n=new Date,r=O(ke);return r.key=t,r.meta.version=e.value,r.meta.createdAt=I(n,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(n,`yyyy-MM-dd HH:mm:ss`),r},_=e=>{let t=m();i.value[t.key]=t,b(t.key),r.value.splice(e,0,t.key),d()},v=()=>{let e=q(),t={key:e,width:100,name:`Cell`,type:`cell`,children:[]};return o.value[e]=t,s.value[e]=y(t.key),t},y=t=>{let n=new Date,r=O(Ae);return r.key=t,r.meta.version=e.value,r.meta.createdAt=I(n,`yyyy-MM-dd HH:mm:ss`),r.meta.updatedAt=I(n,`yyyy-MM-dd HH:mm:ss`),r},b=e=>{let t=i.value[e];if(t){let e=v();t.children.push(e.key)}},x=(e,t)=>{if(e<0||e>=r.value.length||t<0||t>r.value.length){console.warn(`Move column: 索引超出范围`);return}let n=r.value[e],i=[...r.value];i.splice(e,1);let a=e<t?t-1:t;i.splice(a,0,n),r.value=i,d()},S=(e,t)=>{let n=i.value[e];if(n){let e=n.children.findIndex(e=>e===t);e>-1&&(n.children.splice(e,1),delete o.value[t])}},C=(e,t)=>{let n=i.value[e];if(!n||!i.value[e])return;let r=n.children.length,a=t.length,s=a-r;if(s>0)for(let e=0;e<s;e++){let e=v();n.children.push(e.key)}else s<0&&n.children.slice(a,Math.abs(s)).forEach(t=>{S(e,t)});t.forEach((e,t)=>{n.children[t]&&(o.value[n.children[t]].width=e)}),d()},w=t=>{let n=Re.get(t.type);if(n){let r=new Date,i=O(n);i.key=t.key,i.name=t.name,i.meta.version=e.value,i.meta.createdAt=I(r,`yyyy-MM-dd HH:mm:ss`),i.meta.updatedAt=I(r,`yyyy-MM-dd HH:mm:ss`),l.value[t.key]=i}},T=(e,t,n)=>{let r=o.value[t];if(r){let t={key:q(),type:n.type,name:`${n.name}`};w(t),c.value[t.key]=t,r.children.splice(e,0,t.key),d()}},E=(e,t,n)=>{let r=o.value[e];if(!r||!r.children)return;let i=r.children[t];if(!i||t===n)return;r.children.splice(t,1);let a=t<n?n-1:n;r.children.splice(a,0,i),d()},D=(e,t,n,r,i)=>{if(e===t)return E(e,n,r);let a=o.value[e],s=o.value[t];if(!a||!a.children||!s||!s.children||a.children[n]!==i)return;let c=a.children.splice(n,1);s.children.splice(r,0,c[0]),d()},k=(t,n,r=!0)=>{let i=O(c.value[n]),a=O(l.value[n]),s=o.value[t];if(s){let t=q();i.key=t,a.key=t,a.meta={version:e.value,createdAt:I(new Date,`yyyy-MM-dd HH:mm:ss`),updatedAt:I(new Date,`yyyy-MM-dd HH:mm:ss`)};let r=s.children.findIndex(e=>e===n);c.value[t]=i,l.value[t]=a,r?s.children.splice(r+1,0,t):s.children.push(t)}r&&d()},A=(t,n)=>{let r=O(o.value[n]),a=O(s.value[n]),c=q();r.key=c,r.children=[],a.key=c,a.meta={version:e.value,createdAt:I(new Date,`yyyy-MM-dd HH:mm:ss`),updatedAt:I(new Date,`yyyy-MM-dd HH:mm:ss`)},o.value[c]=r,s.value[c]=a,o.value[n].children.forEach(e=>{k(c,e,!1)});let l=i.value[t];l&&l.children.push(c)},j=t=>{let n=O(i.value[t]),o=O(a.value[t]),s=q();n.key=s,n.children=[],o.key=s,o.meta={version:e.value,createdAt:I(new Date,`yyyy-MM-dd HH:mm:ss`),updatedAt:I(new Date,`yyyy-MM-dd HH:mm:ss`)},i.value[s]=n,a.value[s]=o;let c=r.value.findIndex(e=>e===t);r.value.splice(c+1,0,s),i.value[t].children.forEach(e=>{A(s,e)}),d()},M=(e,t,n=!0)=>{let r=o.value[e];if(r){let e=r.children.findIndex(e=>e===t);e>-1&&(p(``,``),r.children.splice(e,1),delete c.value[t],delete l.value[t])}n&&d()},N=(e,t)=>{let n=o.value[e],r=i.value[t];if(n){n.children.forEach(t=>{M(e,t,!1)});let t=r.children.findIndex(t=>t===e);t>-1&&(delete o.value[e],delete s.value[e],r.children.splice(t,1))}};return{columnsSource:r,columnsMap:i,columnsMaps:f,columnsConfigMap:a,cellMap:o,cellConfigMap:s,blockMap:c,blockConfigMap:l,selectedBlockKey:t,selectedBlockType:n,pageConfig:u,selectBlock:p,insertColumnSourceAt:_,moveColumnSource:x,generateNewCell:v,applyNewWidthColumnsInCell:C,delColumnsInCell:S,insertBlockToCell:T,moveBlockInCell:E,moveBlockBetweenCells:D,duplicateBlock:k,duplicateColumn:j,removeBlock:M,removeColumn:e=>{let t=r.value.findIndex(t=>t===e);t>-1&&(p(``,``),i.value[e].children.forEach(t=>{N(t,e)}),delete i.value[e],delete a.value[e],r.value.splice(t,1)),d()}}};M();var We={class:`block-toolbar`},Ge=K(k({__name:`Toolbar`,props:{cellKey:{type:String,required:!0},data:{type:Object,required:!0}},setup(e){let{duplicateBlock:n,duplicateColumn:i,removeBlock:a,removeColumn:o}=X(),s=()=>{e.data.type===`columns`?i(e.data.key):n(e.cellKey,e.data.key)},l=()=>{e.data.type===`columns`?o(e.data.key):a(e.cellKey,e.data.key)};return(e,n)=>{let i=_e;return c(),t(`div`,We,[x(`button`,{class:`tool-btn`,onClick:E(s,[`stop`])},[r(i,{name:`drag-copy`,size:`16`,color:`#fff`})]),x(`button`,{class:`tool-btn`,onClick:E(l,[`stop`])},[r(i,{name:`drag-remove`,size:`16`,color:`#fff`})])])}}}),[[`__scopeId`,`data-v-c5cb1fa1`]]);M();var Ke=[`data-block-id`],qe={class:`block-section`},Je={class:`block-content`},Ye=K(k({__name:`Section`,props:{data:{type:Object,required:!0},cellKey:{type:String,default:``},blockType:{type:String,required:!0},blockIndex:{type:Number,default:-1}},emits:[`select`,`unSelect`],setup(e,{emit:n}){let i=n,{selectedBlockKey:a,columnsConfigMap:o,blockConfigMap:s,selectBlock:l}=X(),{configToStyle:u}=Y(),p=z(()=>a.value===e.data.key),m=()=>{l(e.data.key,e.data.type),i(`select`)},h=z(()=>{let t={};return t=e.data.type===`columns`?o.value[e.data.key].containerStyle:s.value[e.data.key].containerStyle,u(t)}),[y,b,S]=Se(()=>({type:`SORT_BASE_BLOCK`,item:()=>({type:`SORT_BASE_BLOCK`,sourceIndex:e.blockIndex,sourceCellKey:e.cellKey,blockData:O(e.data)}),collect:e=>({isDragging:e.isDragging()})})),[C,w]=Se(()=>({type:`SORT_COLUMNS_BLOCK`,item:()=>({type:`SORT_COLUMNS_BLOCK`,sourceIndex:e.blockIndex,blockData:O(e.data)}),collect:e=>({isDragging:e.isDragging()})})),T=z(()=>y.value.isDragging||C.value.isDragging);return N(()=>T.value,e=>{e===!0&&i(`unSelect`)}),N(()=>p.value,(e,t)=>{e===!1&&t===!0&&i(`unSelect`)}),(n,i)=>(c(),t(`div`,{ref:d(S),class:g([`block-base`,[`block-${e.blockType}`,{"is-selected":d(p)},{"is-dragging":d(T)}]]),"data-block-id":e.data.key,style:v(d(h)),onClick:E(m,[`stop`])},[x(`div`,qe,[A(r(Ge,{"cell-key":e.cellKey,data:e.data},null,8,[`cell-key`,`data`]),[[F,d(p)&&!d(T)]]),e.data.type===`columns`?(c(),t(`div`,{key:0,ref:d(w),class:`drag-handle columns-drag-handle`},[...i[0]||(i[0]=[x(`i`,{class:`drag-icon`},`≡`,-1)])],512)):f(``,!0),e.data.type===`columns`?f(``,!0):(c(),t(`div`,{key:1,ref:d(b),class:`drag-handle`},[...i[1]||(i[1]=[x(`i`,{class:`drag-icon`},`≡`,-1)])],512))]),x(`div`,Je,[_(n.$slots,`default`,{},void 0,!0)])],14,Ke))}}),[[`__scopeId`,`data-v-f8113c96`]]);M();var Xe={ref:`editorBoxRef`,class:`editor-box`},Ze=K(k({__name:`Editor`,props:u({type:{type:String,default:`button`}},{value:{},valueModifiers:{}}),emits:[`update:value`],setup(e,{expose:i}){let a=n(void 0),s=b(`toolbarRef`),l=P(e,`value`),u=S({}),f=()=>{switch(e.type){case`button`:return[`bold`,`underline`,`italic`,`through`];case`text`:return[`bold`,`underline`,`italic`,`through`,`sup`,`sub`,`color`,`bgColor`,`bulletedList`,`numberedList`,`insertLink`];case`header`:return[`bold`,`underline`,`italic`,`through`,`color`,`bgColor`,`bulletedList`,`numberedList`,`insertLink`]}};we(`en`);let p={toolbarKeys:f()},m={autoFocus:!1,placeholder:``},h=S(!1),g=!1,_=()=>{if(!a.value||!s.value)return;let e=a.value.getEditableContainer();if(!e)return;let t=e.getBoundingClientRect();if(!s.value.selector)return;let n=s.value.$el.querySelector(`.w-e-toolbar`),r=300;n&&(r=n.getBoundingClientRect().width);let i=t.left+(t.width-r)/2;u.value={top:`${t.top-56}px`,left:`${i}px`}},y=e=>{a.value=e,B(()=>{window.addEventListener(`resize`,_);let t=Ee.getToolbar(e);t&&t.$box.find(`button[data-menu-key="insertLink"]`).on(`click`,()=>{g=!0})})},x=()=>{h.value=!0,B(()=>{_()})},C=()=>{if(g){g=!1;return}h.value=!1};return o(()=>{let e=a.value;e!=null&&(e.destroy(),window.removeEventListener(`resize`,_))}),i({focus:()=>{var e;h.value=!0,(e=a.value)==null||e.focus()},blur:()=>{h.value=!1}}),(e,n)=>(c(),t(`div`,Xe,[A(r(d(Te),{ref_key:`toolbarRef`,ref:s,class:`toolbar`,mode:`default`,editor:d(a),style:v(d(u)),defaultConfig:p},null,8,[`editor`,`style`]),[[F,d(h)]]),r(d(De),{modelValue:l.value,"onUpdate:modelValue":n[0]||(n[0]=e=>l.value=e),class:`editor`,mode:`simple`,defaultConfig:m,onOnCreated:y,onOnFocus:x,onOnBlur:C},null,8,[`modelValue`])],512))}}),[[`__scopeId`,`data-v-320a6ce4`]]);M();var Qe=k({__name:`Button`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:t}=X(),{configToStyle:n}=Y(),i=b(`editorRef`),a=z({get(){return t.value[e.data.key].attr},set(n){t.value[e.data.key].attr=n}}),o=z(()=>{let{style:r}=t.value[e.data.key];return{...n(r)}}),s=()=>{var e;(e=i.value)==null||e.focus()},l=()=>{var e;(e=i.value)==null||e.blur()};return(t,n)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex,onSelect:s,onUnSelect:l},{default:C(()=>[x(`div`,{style:v(d(o))},[r(Ze,{ref_key:`editorRef`,ref:i,value:d(a).content,"onUpdate:value":n[0]||(n[0]=e=>d(a).content=e)},null,8,[`value`])],4)]),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}});M();var $e=k({__name:`Link`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:t}=X(),{configToStyle:n}=Y(),i=b(`editorRef`),a=z({get(){return t.value[e.data.key].attr},set(n){t.value[e.data.key].attr=n}}),o=z(()=>{let{style:r}=t.value[e.data.key];return{...n(r)}}),s=()=>{var e;(e=i.value)==null||e.focus()},l=()=>{var e;(e=i.value)==null||e.blur()};return(t,n)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex,onSelect:s,onUnSelect:l},{default:C(()=>[x(`div`,{style:v(d(o))},[r(Ze,{ref_key:`editorRef`,ref:i,value:d(a).content,"onUpdate:value":n[0]||(n[0]=e=>d(a).content=e)},null,8,[`value`])],4)]),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}});M();var et=k({__name:`Divider`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:t}=X(),{configToStyle:n}=Y(),r=z(()=>{let{style:r}=t.value[e.data.key];return{...n(r)}});return(t,n)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex},{default:C(()=>[x(`div`,{style:v(d(r))},null,4)]),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}});M();var tt=k({__name:`Header`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:t}=X(),{configToStyle:n}=Y(),i=b(`editorRef`),a=z({get(){return t.value[e.data.key].attr},set(n){t.value[e.data.key].attr=n}}),o=z(()=>{let{style:r}=t.value[e.data.key];return{...n(r),width:`100%`}}),s=()=>{var e;(e=i.value)==null||e.focus()},l=()=>{var e;(e=i.value)==null||e.blur()};return(t,n)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex,onSelect:s,onUnSelect:l},{default:C(()=>[x(`div`,{style:v(d(o))},[r(Ze,{ref_key:`editorRef`,ref:i,value:d(a).content,"onUpdate:value":n[0]||(n[0]=e=>d(a).content=e),type:`header`},null,8,[`value`])],4)]),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}});M();var nt=k({__name:`Text`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:t}=X(),{configToStyle:n}=Y(),i=b(`editorRef`),a=z({get(){return t.value[e.data.key].attr},set(n){t.value[e.data.key].attr=n}}),o=z(()=>{let{style:r}=t.value[e.data.key];return{...n(r),width:`100%`}}),s=()=>{var e;(e=i.value)==null||e.focus()},l=()=>{var e;(e=i.value)==null||e.blur()};return(t,n)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex,onSelect:s,onUnSelect:l},{default:C(()=>[x(`div`,{style:v(d(o))},[r(Ze,{ref_key:`editorRef`,ref:i,value:d(a).content,"onUpdate:value":n[0]||(n[0]=e=>d(a).content=e),type:`text`},null,8,[`value`])],4)]),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}});M();var rt={},it={class:`block-none`};function at(e,n){return c(),t(`div`,it,[_(e.$slots,`default`,{},void 0,!0)])}var ot=K(rt,[[`render`,at],[`__scopeId`,`data-v-1e66913b`]]);M();var st=[`src`,`alt`],ct=K(k({__name:`Image`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:n}=X(),{configToStyle:r}=Y(),a=z(()=>{let{style:t}=n.value[e.data.key];return{...r(t)}}),o=z({get(){return n.value[e.data.key].attr},set(t){n.value[e.data.key].attr=t}});return(n,r)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex},{default:C(()=>[x(`div`,{style:v(d(a))},[d(o).src?(c(),t(`img`,{key:0,src:d(o).src,alt:d(o).alt},null,8,st)):(c(),R(ot,{key:1},{default:C(()=>[...r[0]||(r[0]=[i(`Image`,-1)])]),_:1}))],4)]),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}}),[[`__scopeId`,`data-v-a891cab1`]]);M();var lt=k({__name:`Menu`,props:{data:{type:Object,required:!0},cellKey:{type:String,required:!0},blockIndex:{type:Number,required:!0}},setup(e){let{blockConfigMap:n}=X(),{configToStyle:r}=Y(),a=z(()=>{let{style:t}=n.value[e.data.key];return{...r(t)}}),o=z(()=>n.value[e.data.key].attr);return(n,r)=>(c(),R(Ye,{data:e.data,"cell-key":e.cellKey,"block-type":e.data.type,"block-index":e.blockIndex},{default:C(()=>{var e;return[x(`div`,null,[((e=d(o).links)==null?void 0:e.length)===0?(c(),R(ot,{key:0},{default:C(()=>[...r[0]||(r[0]=[i(`Menu`,-1)])]),_:1})):f(``,!0),(c(!0),t(j,null,m(d(o).links,e=>(c(),t(`a`,{key:e.id,style:v(d(a))},w(e.label),5))),128))])]}),_:1},8,[`data`,`cell-key`,`block-type`,`block-index`]))}});M();var ut=[`data-cell-key`],dt={key:0,class:`column-placeholder`},ft=K(k({__name:`Cell`,props:{data:{type:Object,required:!0},blockKey:{type:String,required:!0}},setup(n){let{cellMap:r,cellConfigMap:i,blockMap:o,insertBlockToCell:s,moveBlockInCell:u,moveBlockBetweenCells:p}=X(),{configToStyle:h}=Y(),_=S(null),b=S(null),C=S([]),w=e=>{e&&(_.value=e,ie(e))},E=(e,t)=>{e&&(C.value.length<=t&&(C.value=C.value.concat(Array(t-C.value.length+1).fill(null))),C.value[t]=e)},D=z(()=>`${n.data.width}%`),O=z(()=>{let{style:e}=i.value[n.blockKey];return{...h(e),width:D.value}}),k=z(()=>r.value[n.blockKey]?r.value[n.blockKey].children.filter(e=>!!o.value[e]).map(e=>o.value[e]):[]),A=z(()=>k.value&&k.value.length>0),M=S(!1),N=S(-1),P=S(-1),F=S(``),ee=S(``),I=S({x:0,y:0}),L=z(()=>M.value&&F.value===n.blockKey&&P.value!==-1),B=S([]),V=e=>!M.value||N.value===-1||e<N.value?e:e-1,H=z(()=>{if(!A.value||!M.value||N.value===-1)return k.value||[];let e=[...k.value||[]];if(L.value){if(P.value===N.value)return e;let t=e.splice(P.value,1)[0];return e.splice(N.value>P.value?N.value-1:N.value,0,t),e}let t={key:`drag-placeholder`,type:`placeholder`,name:`Placeholder`};return N.value<=e.length?e.splice(N.value,0,t):e.push(t),e}),U=()=>{if(!_.value||!b.value||C.value.length===0)return;let e=[],t=_.value.getBoundingClientRect();C.value.forEach((n,r)=>{if(!n)return;let i=n.getBoundingClientRect();e.push({index:r,top:i.top-t.top,bottom:i.bottom-t.top,center:i.top+i.height/2-t.top,height:i.height})}),e.sort((e,t)=>e.top-t.top),B.value=e},te=(e,t)=>{if(t.length===0||e<t[0].top)return 0;if(e>t[t.length-1].bottom)return t.length;let n=0,r=t.length-1;for(;n<=r;){let i=Math.floor((n+r)/2),a=t[i];if(e>=a.top&&e<=a.bottom)return e<a.top+a.height/2?a.index:a.index+1;e<a.top?r=i-1:n=i+1}return n<t.length?n:t.length},W=()=>{if(!_.value){N.value=0;return}let e=_.value.getBoundingClientRect(),t=I.value.y-e.top;if(t<20){N.value=0;return}if(t>e.height-20){N.value=k.value.length;return}if(!B.value.length&&(U(),!B.value.length)){N.value=0;return}N.value=te(t,B.value)},ne=y(()=>{W()},10,{leading:!0,trailing:!0}),re=()=>{M.value=!1,N.value=-1,P.value=-1,F.value=``,ee.value=``,B.value=[]},[,ie]=xe(()=>({accept:[`ADD_BASE_BLOCK`,`SORT_BASE_BLOCK`],hover:y((e,t)=>{if(ee.value=e.type,M.value||U(),!t.isOver()){re();return}M.value=!0,e.type===`SORT_BASE_BLOCK`&&(P.value=e.sourceIndex===void 0?-1:e.sourceIndex,F.value=e.sourceCellKey||``);let n=t.getClientOffset();n&&(I.value={x:n.x,y:n.y},ne())},16),drop(e){if(e.type===`ADD_BASE_BLOCK`&&(A.value&&N.value!==-1?s(N.value,n.blockKey,e.blockData):s(0,n.blockKey,e.blockData)),e.type===`SORT_BASE_BLOCK`&&N.value!==-1)if(e.sourceCellKey===n.blockKey){let t=e.sourceIndex<N.value?N.value-1:N.value;e.sourceIndex!==t&&u(n.blockKey,e.sourceIndex,N.value)}else e.sourceCellKey&&p(e.sourceCellKey,n.blockKey,e.sourceIndex,N.value,e.blockData.key);re()},collect:e=>(e.isOver()||re(),{})})),ae=e=>({button:Qe,link:$e,divider:et,header:tt,text:nt,image:ct,menu:lt})[e]||null,oe=e(()=>{M.value&&U()},100,{leading:!0,maxWait:200}),se=e(()=>{M.value&&U()},100,{leading:!0,maxWait:200});return a(()=>{window.addEventListener(`scroll`,oe,{passive:!0}),window.addEventListener(`resize`,se,{passive:!0})}),l(()=>{window.removeEventListener(`scroll`,oe),window.removeEventListener(`resize`,se),ne.cancel(),oe.cancel(),se.cancel()}),(e,r)=>(c(),t(`div`,{ref:w,class:g([`cell-container`,{"drop-active":d(M)}]),style:v(d(O)),"data-cell-key":n.blockKey},[x(`div`,{ref_key:`contentRef`,ref:b,class:`cell-content`},[(c(!0),t(j,null,m(d(H),(e,i)=>(c(),t(j,{key:e.key||`placeholder-${i}`},[e.type===`placeholder`?(c(),t(`div`,{key:1,class:g([`block-placeholder`,{active:d(M)}])},[...r[0]||(r[0]=[x(`div`,{class:`placeholder-content`},[x(`span`,null,`Place new content here`)],-1)])],2)):(c(),t(`div`,{key:0,class:`block-wrapper`,ref_for:!0,ref:e=>E(e,i)},[(c(),R(T(ae(e.type)),{data:e,"block-index":V(i),"cell-key":n.blockKey,class:`block-item`},null,8,[`data`,`block-index`,`cell-key`]))],512))],64))),128))],512),d(A)?f(``,!0):(c(),t(`div`,dt,[...r[1]||(r[1]=[x(`span`,null,`Drag and drop contents to this column`,-1)])]))],14,ut))}}),[[`__scopeId`,`data-v-98374d19`]]);M();var pt=[`onMousedown`],mt=K(k({__name:`Columns`,props:{index:Number,data:{type:Object,required:!0}},setup(e){let{columnsConfigMap:i,cellMap:o,selectedBlockKey:s,pageConfig:u}=X(),{configToStyle:p}=Y(),h=n(null),_=S([]),y=S(!1),b=S(-1),w=S(0),T=S([]),E=z(()=>{let{style:t}=i.value[e.data.key];return{...p(t),width:u.value.style.width}}),D=z(()=>s.value===e.data.key),O=S(null),k=(t,n)=>{O.value&&clearTimeout(O.value),O.value=window.setTimeout(()=>{o.value[e.data.children[t]].width=_.value[t],o.value[e.data.children[n]].width=_.value[n],O.value=null},16)};N(()=>e.data.children.length,()=>M());let M=()=>{var t;if(!(!((t=e.data)==null||(t=t.children)==null)&&t.length))return;let n=e.data.children.length,r=Math.floor(100/n),i=100-r*n;_.value=e.data.children.map((e,t)=>{let a=o.value[e];if(typeof a.width==`number`&&!isNaN(a.width))return a.width;{let e=t===n-1?r+i:r;return a.width=e,e}}),P()},P=()=>{if(!_.value||_.value.length===0)return;let t=_.value.reduce((e,t)=>e+(isNaN(t)?0:t),0);if(t!==100){let n=100-t,r=_.value.length-1;_.value[r]=Math.max(10,(_.value[r]||0)+n),e.data.children[r]&&(o.value[e.data.children[r]].width=_.value[r])}},ee=(t,n)=>{var r;if(n<0||n>=e.data.children.length-1)return;t.preventDefault(),y.value=!0,b.value=n,w.value=t.clientX,_.value.length===0&&M();let i=(r=h.value)==null?void 0:r.querySelectorAll(`.cell-container`);if(!i||i.length<=n+1){y.value=!1;return}let a=i[n].getBoundingClientRect().width,o=i[n+1].getBoundingClientRect().width;a>0&&o>0?(T.value=[a,o],I(),document.body.style.userSelect=`none`,document.body.style.cursor=`col-resize`):y.value=!1},I=()=>{document.addEventListener(`mousemove`,U,{passive:!1,capture:!0}),document.addEventListener(`mouseup`,W,{passive:!1,capture:!0}),document.addEventListener(`touchmove`,B,{passive:!1,capture:!0}),document.addEventListener(`touchend`,W,{passive:!1,capture:!0}),document.addEventListener(`touchcancel`,W,{passive:!1,capture:!0})},L=()=>{document.removeEventListener(`mousemove`,U,{capture:!0}),document.removeEventListener(`mouseup`,W,{capture:!0}),document.removeEventListener(`touchmove`,B,{capture:!0}),document.removeEventListener(`touchend`,W,{capture:!0}),document.removeEventListener(`touchcancel`,W,{capture:!0})},B=e=>{if(!y.value||!e.touches[0])return;e.preventDefault();let t={clientX:e.touches[0].clientX,preventDefault:()=>e.preventDefault()};U(t)},V=null,H=null,U=e=>{e.preventDefault(),y.value&&(H=e,V===null&&(V=requestAnimationFrame(te)))},te=()=>{if(V=null,!H||!y.value)return;let e=H,t=b.value;if(t<0||t>=_.value.length-1||T.value.length<2||T.value[0]<=0||T.value[1]<=0)return;let n=T.value[0]+T.value[1],r=e.clientX-w.value,i=Math.max(50,Math.min(n-50,T.value[0]+r)),a=_.value[t]+_.value[t+1],o=a-10,s=Math.round(i/n*a);s=Math.max(10,Math.min(o,s));let c=a-s;_.value[t]=s,_.value[t+1]=c,k(t,t+1)},W=t=>{if(t.preventDefault(),y.value=!1,V!==null&&(cancelAnimationFrame(V),V=null),O.value){clearTimeout(O.value),O.value=null;let t=b.value;t>=0&&t<_.value.length-1&&(o.value[e.data.children[t]].width=_.value[t],o.value[e.data.children[t+1]].width=_.value[t+1])}L(),document.body.style.userSelect=``,document.body.style.cursor=``,H=null};return a(()=>{M()}),l(()=>{V!==null&&cancelAnimationFrame(V),O.value&&clearTimeout(O.value),L()}),(n,i)=>(c(),R(Ye,{data:e.data,"block-type":`columns`,"block-index":e.index},{default:C(()=>[x(`div`,{ref_key:`columnsLayoutRef`,ref:h,class:`columns-layout`,style:v(d(E))},[(c(!0),t(j,null,m(e.data.children,(n,i)=>(c(),t(j,{key:n},[r(ft,{blockKey:n,data:d(o)[n]},null,8,[`blockKey`,`data`]),i<e.data.children.length-1?A((c(),t(`div`,{key:0,class:g([`column-divider`,{active:d(y)&&d(b)===i}]),onMousedown:e=>ee(e,i)},null,42,pt)),[[F,d(D)]]):f(``,!0)],64))),128))],4)]),_:1},8,[`data`,`block-index`]))}}),[[`__scopeId`,`data-v-741ae7b5`]]);M();var ht={key:0,class:`empty-container`},gt=K(k({__name:`Canvas`,setup(e){let{pageConfig:n,columnsMaps:i,selectBlock:a,insertColumnSourceAt:o,moveColumnSource:s}=X(),l=S(null),u=S(null),p=e=>{e&&(l.value=e,oe(e))},h=S(new Map),_=S([]),b=ee({needsUpdate:!0,isUpdating:!1,lastUpdateTime:0,lastColumnsLength:0}),C=S({x:0,y:0}),w=ee({isDragging:!1,isProcessingDrop:!1,placeholderIndex:-1,highlightIndex:-1,insertPosition:null,currentDragType:null,sortingActive:!1}),T=ee({isSorting:!1,sourceIndex:-1,lastAppliedTarget:-1,originalOrder:[],draggedElement:null,dragSourceDisplayIndex:-1}),D=S(0),O=z(()=>{if(T.isSorting||!w.isDragging||w.placeholderIndex<0)return i.value;let e=[...i.value],t={key:`drag-placeholder`,type:`placeholder`,name:`Placeholder`,children:[]},n=Math.min(Math.max(0,w.placeholderIndex),e.length);return e.splice(n,0,t),e}),k=z(()=>({backgroundColor:n.value.style.backgroundColor})),A=e=>{let t=O.value[e];if(!t||!T.isSorting)return e;let n=i.value.findIndex(e=>e===t);return n===-1?e:n},M={isAllowedDragType(e){return e===`SORT_COLUMNS_BLOCK`||i.value.length===0||e===`ADD_COLUMNS_BLOCK`},findTargetPosition(e){if(_.value.length===0)return null;if(e<_.value[0].top)return{targetIndex:0,targetPosition:`before`};let t=_.value[_.value.length-1];if(e>t.bottom)return{targetIndex:t.index,targetPosition:`after`};for(let t of _.value)if(!(T.isSorting&&t.index===T.sourceIndex)&&e>=t.top&&e<=t.bottom)return{targetIndex:t.index,targetPosition:e<t.center?`before`:`after`};for(let t=0;t<_.value.length-1;t++){let n=_.value[t],r=_.value[t+1];if(!(T.isSorting&&(n.index===T.sourceIndex||r.index===T.sourceIndex))&&e>n.bottom&&e<r.top)return{targetIndex:n.index,targetPosition:`after`}}return null},getMoveToIndex(e){return e?e.targetPosition===`before`?e.targetIndex:e.targetIndex+1:-1},shouldSkipMove(e,t,n){return t===e||t===e+1||t===n},getNewSourceIndex(e,t){return t>e?t-1:t}},P=(e,t)=>{if(!e){h.value.delete(t);return}let n=A(t);e.dataset.index=n.toString(),h.value.set(t,e),b.needsUpdate=!0},F=(e=!1)=>{if(!(b.isUpdating&&!e)&&!(!b.needsUpdate&&!e)){b.isUpdating=!0;try{let e=l.value;if(!e)return;let t=e.getBoundingClientRect(),n=[],r=e.querySelectorAll(`.block-columns-wrapper`);if(r.length===0){_.value=[],b.needsUpdate=!1;return}r.forEach((e,r)=>{let i=e.getBoundingClientRect(),a=e.dataset.index,o=a?parseInt(a,10):r;n.push({index:o,domIndex:r,top:i.top-t.top,bottom:i.bottom-t.top,height:i.height,center:i.top-t.top+i.height/2,element:e})}),_.value=n.sort((e,t)=>e.top-t.top),b.needsUpdate=!1,b.lastUpdateTime=Date.now(),b.lastColumnsLength=i.value.length}finally{b.isUpdating=!1}}};N(()=>i.value.length,(e,t)=>{e!==t&&(b.needsUpdate=!0,B(()=>{F()}))});let I=()=>{a(``,``)},L=y(e=>{w.isProcessingDrop||(C.value={x:e.clientX,y:e.clientY},w.isDragging&&(T.isSorting?U(C.value):H(C.value)))},16),R=()=>{!w.isDragging||w.isProcessingDrop||V()},V=()=>{w.highlightIndex=-1,w.insertPosition=null},H=e=>{if(!w.isDragging||w.isProcessingDrop||T.isSorting)return;if(!M.isAllowedDragType(w.currentDragType||``)){w.placeholderIndex=-1;return}let t=l.value;if(!t)return;let n=t.getBoundingClientRect(),r=e.y-n.top;if(_.value.length===0){w.placeholderIndex=0;return}b.needsUpdate&&F();let i=M.findTargetPosition(r);if(!i)return;let{targetIndex:a,targetPosition:o}=i;w.highlightIndex=a,w.insertPosition=o,w.placeholderIndex=o===`before`?a:a+1},U=y(e=>{!T.isSorting||w.isProcessingDrop||(b.needsUpdate&&F(!0),te(e))},16,{leading:!0,trailing:!0}),te=e=>{var t;if(!T.isSorting)return;let n=(t=l.value)==null?void 0:t.getBoundingClientRect();if(!n)return;let r=e.y-n.top,i=M.findTargetPosition(r);if(!i)return;let a=M.getMoveToIndex(i);if(M.shouldSkipMove(T.sourceIndex,a,T.lastAppliedTarget))return;w.highlightIndex=i.targetIndex,w.insertPosition=i.targetPosition,D.value++,s(T.sourceIndex,a);let o=M.getNewSourceIndex(T.sourceIndex,a);T.lastAppliedTarget=a,T.sourceIndex=o,b.needsUpdate=!0,B(()=>{F(!0)})},W=e=>{if(T.isSorting)return;F(!0);let t=null,n=-1;for(let r of _.value)if(r.index===e){n=r.domIndex,t=r.element;break}if(!t){let r=l.value;r&&r.querySelectorAll(`.block-columns-wrapper`).forEach((r,i)=>{parseInt(r.dataset.index||`-1`,10)===e&&(t=r,n=i)})}n===-1&&(n=e),T.isSorting=!0,T.sourceIndex=e,T.originalOrder=[...i.value],T.lastAppliedTarget=-1,T.draggedElement=t,T.dragSourceDisplayIndex=n,w.isDragging=!0,w.currentDragType=`SORT_COLUMNS_BLOCK`,w.sortingActive=!0,D.value=0,b.needsUpdate=!0,F(!0)},ne=()=>{T.isSorting=!1,T.sourceIndex=-1,T.originalOrder=[],T.lastAppliedTarget=-1,T.draggedElement=null,T.dragSourceDisplayIndex=-1,w.sortingActive=!1,w.highlightIndex=-1,w.insertPosition=null,D.value=0,b.needsUpdate=!0,B(()=>F(!0))},re=e=>{try{let{type:t,blockData:n}=e;if(!n||!M.isAllowedDragType(t))return;if(t===`ADD_COLUMNS_BLOCK`){let e=w.placeholderIndex>=0?w.placeholderIndex:i.value.length;o(e)}else t===`ADD_BASE_BLOCK`&&o(0)}finally{b.needsUpdate=!0,B(()=>F(!0))}},ie=()=>{w.isDragging=!1,w.isProcessingDrop=!1,w.currentDragType=null,w.placeholderIndex=-1,w.highlightIndex=-1,w.insertPosition=null,w.sortingActive=!1,T.isSorting=!1,T.sourceIndex=-1,T.originalOrder=[],T.lastAppliedTarget=-1,T.draggedElement=null,T.dragSourceDisplayIndex=-1,b.needsUpdate=!0},ae=()=>{ie(),B(()=>F())},[,oe]=xe(()=>({accept:[`ADD_COLUMNS_BLOCK`,`ADD_BASE_BLOCK`,`SORT_COLUMNS_BLOCK`],hover:y((e,t)=>{if(w.isProcessingDrop)return;let n=t.isOver({shallow:!0});w.currentDragType=e.type;let r=e.type===`SORT_COLUMNS_BLOCK`||M.isAllowedDragType(e.type),i=n&&t.canDrop()&&r;if(w.isDragging&&!i&&!T.isSorting&&(w.placeholderIndex=-1),w.isDragging=i,!r&&e.type!==`SORT_COLUMNS_BLOCK`||!n)return;let a=t.getClientOffset();a&&(e.type===`SORT_COLUMNS_BLOCK`&&`sourceIndex`in e?(T.isSorting||W(e.sourceIndex),U(a)):(e.type===`ADD_COLUMNS_BLOCK`||e.type===`ADD_BASE_BLOCK`)&&H(a))},16,{leading:!0,trailing:!0}),drop:(e,t)=>{if(!w.isProcessingDrop){w.isProcessingDrop=!0;try{if(!t.isOver({shallow:!0}))return;e.type===`SORT_COLUMNS_BLOCK`?ne():(e.type===`ADD_COLUMNS_BLOCK`||e.type===`ADD_BASE_BLOCK`)&&re(e)}finally{setTimeout(()=>{ae()},50)}}},collect:e=>(w.isDragging&&!e.isOver()&&(T.isSorting||(w.placeholderIndex=-1),w.isDragging=!1),{})}));return(e,n)=>(c(),t(`div`,{ref:p,class:`canvas-area`,onClick:E(I,[`stop`])},[x(`div`,{ref_key:`canvasRef`,ref:u,class:`canvas-container`,style:v(d(k)),onMousemove:n[0]||(n[0]=(...e)=>d(L)&&d(L)(...e)),onMouseleave:R},[(c(!0),t(j,null,m(d(O),(e,i)=>(c(),t(j,{key:e.key||`placeholder-${i}`},[e.type===`columns`?(c(),t(`div`,{key:0,ref_for:!0,ref:e=>P(e,i),class:`block-columns-wrapper`},[r(mt,{data:e,index:A(i)},null,8,[`data`,`index`])],512)):f(``,!0),e.type===`placeholder`?(c(),t(`div`,{key:1,class:g([`block-placeholder`,{active:d(w).isDragging}])},[...n[1]||(n[1]=[x(`div`,{class:`placeholder-content`},[x(`span`,null,`Place the new content here`)],-1)])],2)):f(``,!0)],64))),128)),d(i).length===0&&!d(w).isDragging?(c(),t(`div`,ht,[...n[2]||(n[2]=[x(`div`,{class:`empty-message`},`No content here. Drag content from left.`,-1)])])):f(``,!0)],36)]))}}),[[`__scopeId`,`data-v-53cd2711`]]);M();var _t=[`innerHTML`],vt=k({__name:`index`,setup(e){let{html:n,generateHtml:r}=Be();return r(),(e,r)=>(c(),t(`div`,{innerHTML:d(n)},null,8,_t))}});M();var yt={class:`editor-tools`},bt=K(k({__name:`index`,setup(e){let n=()=>{ge({title:`Preview`,width:800,height:600,component:vt})};return(e,i)=>{let a=_e;return c(),t(`div`,yt,[x(`div`,null,[x(`span`,{class:`cursor-pointer`,onClick:n},[r(a,{name:`drag-preview`,size:`18`})])]),x(`div`,null,[f(``,!0)])])}}}),[[`__scopeId`,`data-v-428569d7`]]);M();var xt={class:`editor-container`},St={class:`flex-1`},Ct=K(k({__name:`Editor`,setup(e){return(e,n)=>(c(),t(`div`,xt,[r(bt),x(`div`,St,[r(gt)])]))}}),[[`__scopeId`,`data-v-b95fec5b`]]);M();var wt={class:`text`},Tt=K(k({__name:`block`,props:{type:{type:String,required:!0},data:{type:Object,required:!0}},setup(e){let[,n]=Se(()=>({type:e.type===`columns`?`ADD_COLUMNS_BLOCK`:`ADD_BASE_BLOCK`,item:{type:e.type===`columns`?`ADD_COLUMNS_BLOCK`:`ADD_BASE_BLOCK`,blockData:O(e.data)}}));return(i,a)=>{let o=_e;return c(),t(`div`,{ref:d(n),class:`block-item`},[r(o,{name:`drag-${e.type}`,size:`18`},null,8,[`name`]),x(`div`,wt,w(e.data.name),1)],512)}}}),[[`__scopeId`,`data-v-ea0cad5e`]]);M();var Et={class:`block-panel`},Dt={class:`block-list`},Ot=K(k({__name:`index`,setup(e){let n=S([{type:`columns`,name:`Columns`,key:`0`},{type:`button`,name:`Button`,key:`0`},{type:`link`,name:`Link`,key:`0`},{type:`divider`,name:`Divider`,key:`0`},{type:`header`,name:`Header`,key:`0`},{type:`text`,name:`Text`,key:`0`},{type:`image`,name:`Image`,key:`0`},{type:`menu`,name:`Menu`,key:`0`}]);return(e,r)=>(c(),t(`div`,Et,[x(`div`,Dt,[(c(!0),t(j,null,m(d(n),e=>(c(),R(Tt,{key:e.type,type:e.type,data:e},null,8,[`type`,`data`]))),128))])]))}}),[[`__scopeId`,`data-v-2cd77b18`]]);M();var kt={class:`editor-menu`},At=K(k({__name:`EditorMenu`,setup(e){return(e,n)=>(c(),t(`div`,kt,[r(Ot)]))}}),[[`__scopeId`,`data-v-7b19c6e6`]]);M();var jt={};function Mt(e,t){let n=ce;return c(),R(n,{"arrow-placement":`right`,"display-directive":`show`},{default:C(()=>[_(e.$slots,`default`,{},void 0,!0)]),_:3})}var Nt=K(jt,[[`render`,Mt],[`__scopeId`,`data-v-be0a8b1b`]]);M();var Pt={class:`columns-panel`},Ft={class:`layout-grid`},It=[`onClick`],Lt={class:`layout-preview`},Rt={class:`text`},zt={key:0,class:`layout-option active mt-16px`},Bt={class:`layout-preview`},Vt={class:`text`},Ht=K(k({__name:`ColumnsPanel`,setup(e){let{columnsMap:n,cellMap:r,selectedBlockKey:i,generateNewCell:a}=X(),{autoSaveFn:o}=J(),s=z(()=>n.value[i.value]),l=[{type:`single`,columns:[100]},{type:`two-equal`,columns:[50,50]},{type:`three-equal`,columns:[33,33,33]},{type:`four-equal`,columns:[25,25,25,25]},{type:`two-left-small`,columns:[33,67]},{type:`two-right-small`,columns:[67,33]},{type:`four-left-small`,columns:[17,33,17,33]},{type:`four-right-small`,columns:[33,17,33,17]}],u=new Map(l.map(e=>[e.type,e.columns])),p=S(null),h=z(()=>{var e;let t=(e=s.value)==null?void 0:e.children;return t!=null&&t.length?t.map(e=>r.value[e].width||0):[]}),_=z(()=>{let e=h.value;if(!e.length)return``;for(let t=0;t<l.length;t++){let n=l[t];if(n.columns.length!==e.length)continue;let r=!0;for(let t=0;t<e.length;t++)if(Math.abs(e[t]-n.columns[t])>3){r=!1;break}if(r)return n.type}return``}),y=z(()=>h.value.length>0&&l.some(e=>e.columns.length===h.value.length&&e.columns.every((e,t)=>Math.abs(e-h.value[t])<=1))),b=z(()=>y.value?_.value:``),C=e=>u.get(e)||[100],T=e=>{if(p.value=e,!s.value)return;let t=C(e),c=s.value.children||[],l=Math.max(0,t.length-c.length),u=l>0?Array.from({length:l},()=>a()):[],d=t.map((e,t)=>{if(t<c.length)return r.value[c[t]].width=e,c[t];let n=u[t-c.length];return n.width=e,n.key});i.value&&(n.value[i.value].children=d),o()};return(e,n)=>(c(),t(`div`,Pt,[x(`div`,Ft,[(c(),t(j,null,m(l,e=>x(`div`,{key:e.type,class:g([`layout-option`,{active:d(b)===e.type}]),onClick:t=>T(e.type)},[x(`div`,Lt,[(c(!0),t(j,null,m(e.columns,(e,n)=>(c(),t(`div`,{key:n,class:`column`,style:v({width:e+`%`})},[x(`span`,Rt,w(e),1)],4))),128))])],10,It)),64))]),d(y)?f(``,!0):(c(),t(`div`,zt,[x(`div`,Bt,[(c(!0),t(j,null,m(d(h),(e,n)=>(c(),t(`div`,{key:n,class:`column`,style:v({width:e+`%`})},[x(`span`,Vt,w(e),1)],4))),128))])]))]))}}),[[`__scopeId`,`data-v-44ad3be7`]]);M();var Ut={class:`style-container`},Wt={class:`style-rows`},Gt={class:`style-label`},Kt={class:`style-value`},Z=K(k({__name:`BaseContainer`,props:{label:{type:String,default:``}},setup(e){return(n,r)=>(c(),t(`div`,Ut,[x(`div`,Wt,[x(`div`,Gt,w(e.label),1),x(`div`,Kt,[_(n.$slots,`value`,{},void 0,!0)])]),_(n.$slots,`options`,{},void 0,!0)]))}}),[[`__scopeId`,`data-v-2bc44916`]]);M();var qt=k({__name:`Head`,props:{value:{},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>{let a=re,o=ae;return c(),R(Z,{label:`Heading Type`},{value:C(()=>[r(o,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},{default:C(()=>[r(a,{value:`22px`},{default:C(()=>[...n[1]||(n[1]=[i(`H1`,-1)])]),_:1}),r(a,{value:`20px`},{default:C(()=>[...n[2]||(n[2]=[i(`H2`,-1)])]),_:1}),r(a,{value:`18px`},{default:C(()=>[...n[3]||(n[3]=[i(`H3`,-1)])]),_:1}),r(a,{value:`16px`},{default:C(()=>[...n[4]||(n[4]=[i(`H4`,-1)])]),_:1})]),_:1},8,[`value`])]),_:1})}}});M();var Jt={class:`w-32px`},Yt=k({__name:`Color`,props:u({label:{default:``}},{value:{default:``},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`);return(n,i)=>{let a=oe;return c(),R(Z,{label:e.label},{value:C(()=>[x(`div`,Jt,[r(a,{value:t.value,"onUpdate:value":i[0]||(i[0]=e=>t.value=e),modes:[`hex`]},{label:C(()=>[...i[1]||(i[1]=[x(`span`,null,null,-1)])]),_:1},8,[`value`])])]),_:1},8,[`label`])}}});M();var Xt={class:`w-180px`},Zt=k({__name:`Width`,props:{value:{default:``},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`),n=S(100);N(()=>t.value,e=>{n.value=Number.parseFloat(e)},{immediate:!0});let i=e=>{t.value=`${e}%`};return(e,t)=>{let a=he;return c(),R(Z,{label:`Width`},{value:C(()=>[x(`div`,Xt,[r(a,{value:n.value,"onUpdate:value":[t[0]||(t[0]=e=>n.value=e),i],step:1},null,8,[`value`])])]),_:1})}}});M();var Qt={class:`flex items-center h-32px`},$t={key:0,class:`ml-8px whitespace-nowrap`},en=k({__name:`WidthAuto`,props:{value:{default:``},valueModifiers:{}},emits:[`update:value`],setup(e){let n=P(e,`value`),i=S(!0),a=S(100);N(()=>n.value,e=>{e===`auto`?i.value=!0:(i.value=!1,a.value=Number.parseFloat(e)),i.value||(a.value=Number.parseFloat(e))},{immediate:!0});let o=e=>{a.value=100,e?n.value=`100%`:n.value=`${a.value}%`},s=e=>{n.value=`${e}%`};return(e,n)=>{let l=de,u=he;return c(),R(Z,{label:`Width`},{value:C(()=>[n[2]||(n[2]=x(`span`,{class:`mr-12px`},`Auto On`,-1)),r(l,{value:i.value,"onUpdate:value":[n[0]||(n[0]=e=>i.value=e),o]},null,8,[`value`])]),options:C(()=>[x(`div`,Qt,[r(u,{value:a.value,"onUpdate:value":[n[1]||(n[1]=e=>a.value=e),s],step:1,disabled:i.value},null,8,[`value`,`disabled`]),i.value?f(``,!0):(c(),t(`span`,$t,w(a.value)+`%`,1))])]),_:1})}}});M();var Q=k({__name:`BaseNumber`,props:u({unit:{type:String,default:`px`},step:{type:Number,default:1}},{value:{default:``},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`),n=S(0);N(()=>t.value,e=>{n.value=e?Number.parseFloat(e):0},{immediate:!0});let a=n=>{t.value=`${n||0}${e.unit}`};return(t,o)=>{let s=U,l=se,u=me;return c(),R(u,{class:`w-130px`},{default:C(()=>[r(s,{value:d(n),"onUpdate:value":[o[0]||(o[0]=e=>D(n)?n.value=e:null),a],min:0,step:e.step,placeholder:``},null,8,[`value`,`step`]),r(l,{class:`w-40px text-center`},{default:C(()=>[i(w(e.unit),1)]),_:1})]),_:1})}}});M();var tn=k({__name:`WidthNumber`,props:{value:{default:`500px`},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>(c(),R(Z,{label:`Width`},{value:C(()=>[r(Q,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},null,8,[`value`])]),_:1}))}});M();var nn={class:`w-100px`},rn=k({__name:`FontWeight`,props:u({label:{default:``}},{value:{default:``},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`),n=[{label:`Normal`,value:`normal`},{label:`Bold`,value:`bold`}];return t.value||(t.value=n[0].value),(e,i)=>{let a=pe;return c(),R(Z,{label:`Font Weight`},{value:C(()=>[x(`div`,nn,[r(a,{value:t.value,"onUpdate:value":i[0]||(i[0]=e=>t.value=e),options:n},null,8,[`value`])])]),_:1})}}});M();var an=k({__name:`FontSize`,props:{value:{default:`14px`},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>(c(),R(Z,{label:`Font Size`},{value:C(()=>[r(Q,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},null,8,[`value`])]),_:1}))}});M();var on=k({__name:`LineHeight`,props:{value:{default:`120%`},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>(c(),R(Z,{label:`Line Height`},{value:C(()=>[r(Q,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e),unit:`%`,step:10},null,8,[`value`])]),_:1}))}});M();var sn=k({__name:`LetterSpacing`,props:{value:{default:`0px`},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>(c(),R(Z,{label:`Letter Spacing`},{value:C(()=>[r(Q,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},null,8,[`value`])]),_:1}))}});M();var cn=k({__name:`TextAlign`,props:u({label:{default:``}},{value:{},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`);return(n,a)=>{let o=re,s=ae;return c(),R(Z,{label:e.label||`Text Align`},{value:C(()=>[r(s,{value:t.value,"onUpdate:value":a[0]||(a[0]=e=>t.value=e)},{default:C(()=>[r(o,{value:`left`},{default:C(()=>[...a[1]||(a[1]=[i(`Left`,-1)])]),_:1}),r(o,{value:`center`},{default:C(()=>[...a[2]||(a[2]=[i(`Center`,-1)])]),_:1}),r(o,{value:`right`},{default:C(()=>[...a[3]||(a[3]=[i(`Right`,-1)])]),_:1})]),_:1},8,[`value`])]),_:1},8,[`label`])}}});M();var ln={class:`flex flex-col gap-8px`},un={class:`w-92px`},dn={class:`w-32px`},fn=k({__name:`BaseBorder`,props:{value:{default:()=>({width:`0`,style:`solid`,color:``})},valueModifiers:{}},emits:[`update:value`],setup(e){let n=P(e,`value`),i=[{label:`Solid`,value:`solid`},{label:`Dotted`,value:`dotted`},{label:`Dashed`,value:`dashed`}];return(e,a)=>{let o=pe,s=oe;return c(),t(`div`,ln,[r(Q,{value:n.value.width,"onUpdate:value":a[0]||(a[0]=e=>n.value.width=e),placeholder:``},null,8,[`value`]),x(`div`,un,[r(o,{value:n.value.style,"onUpdate:value":a[1]||(a[1]=e=>n.value.style=e),options:i,placeholder:``},null,8,[`value`])]),x(`div`,dn,[r(s,{value:n.value.color,"onUpdate:value":a[2]||(a[2]=e=>n.value.color=e),modes:[`hex`]},{label:C(()=>[...a[3]||(a[3]=[x(`span`,null,null,-1)])]),_:1},8,[`value`])])])}}});M();var pn=k({__name:`Line`,props:{value:{default:()=>({width:`0`,style:`solid`,color:``})},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>(c(),R(Z,{label:`Line`},{value:C(()=>[r(fn,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},null,8,[`value`])]),_:1}))}});M();var mn={},hn={class:`flex items-center h-32px`};function gn(e,n){return c(),t(`div`,hn,[_(e.$slots,`default`)])}var _n=K(mn,[[`render`,gn]]);M();var vn=k({__name:`MoreOptions`,props:{show:{type:Boolean,default:!1},topLabel:{default:`Top`},rightLabel:{default:`Right`},leftLabel:{default:`Left`},bottomLabel:{default:`Bottom`}},setup(e){return(n,a)=>{let o=ne,s=W;return e.show?(c(),R(s,{key:1,"x-gap":`8`,"y-gap":`8`,cols:2},{default:C(()=>[r(o,null,{default:C(()=>[r(_n,null,{default:C(()=>[i(w(e.topLabel),1)]),_:1}),_(n.$slots,`top`)]),_:3}),r(o,null,{default:C(()=>[r(_n,null,{default:C(()=>[i(w(e.rightLabel),1)]),_:1}),_(n.$slots,`right`)]),_:3}),r(o,null,{default:C(()=>[r(_n,null,{default:C(()=>[i(w(e.leftLabel),1)]),_:1}),_(n.$slots,`left`)]),_:3}),r(o,null,{default:C(()=>[r(_n,null,{default:C(()=>[i(w(e.bottomLabel),1)]),_:1}),_(n.$slots,`bottom`)]),_:3})]),_:3})):(c(),t(j,{key:0},[r(_n,null,{default:C(()=>[...a[0]||(a[0]=[i(`All Sides`,-1)])]),_:1}),_(n.$slots,`all`)],64))}}});M();var yn=k({__name:`Border`,props:u({label:{default:``}},{value:{default:()=>({more:!1,all:{width:`0`,style:`solid`,color:``},top:{width:`0`,style:`solid`,color:``},left:{width:`0`,style:`solid`,color:``},right:{width:`0`,style:`solid`,color:``},bottom:{width:`0`,style:`solid`,color:``}})},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`),n=e=>{e?(t.value.top=t.value.all,t.value.right=t.value.all,t.value.bottom=t.value.all,t.value.left=t.value.all):t.value.all=t.value.top};return(i,a)=>{let o=de;return c(),R(Z,{label:e.label||`Border`},{value:C(()=>[a[6]||(a[6]=x(`span`,{class:`mr-12px`},`More Options`,-1)),r(o,{value:t.value.more,"onUpdate:value":[a[0]||(a[0]=e=>t.value.more=e),n]},null,8,[`value`])]),options:C(()=>[r(vn,{show:t.value.more},{all:C(()=>[r(fn,{value:t.value.all,"onUpdate:value":a[1]||(a[1]=e=>t.value.all=e)},null,8,[`value`])]),top:C(()=>[r(fn,{value:t.value.top,"onUpdate:value":a[2]||(a[2]=e=>t.value.top=e)},null,8,[`value`])]),left:C(()=>[r(fn,{value:t.value.left,"onUpdate:value":a[3]||(a[3]=e=>t.value.left=e)},null,8,[`value`])]),right:C(()=>[r(fn,{value:t.value.right,"onUpdate:value":a[4]||(a[4]=e=>t.value.right=e)},null,8,[`value`])]),bottom:C(()=>[r(fn,{value:t.value.bottom,"onUpdate:value":a[5]||(a[5]=e=>t.value.bottom=e)},null,8,[`value`])]),_:1},8,[`show`])]),_:1},8,[`label`])}}});M();var bn=k({__name:`Padding`,props:u({label:{default:``}},{value:{default:()=>({more:!1,all:``,top:``,left:``,right:``,bottom:``})},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`),n=e=>{e?(t.value.top=t.value.all,t.value.right=t.value.all,t.value.bottom=t.value.all,t.value.left=t.value.all):t.value.all=t.value.top};return(i,a)=>{let o=de;return c(),R(Z,{label:e.label||`Padding`},{value:C(()=>[a[6]||(a[6]=x(`span`,{class:`mr-12px`},`More Options`,-1)),r(o,{value:t.value.more,"onUpdate:value":[a[0]||(a[0]=e=>t.value.more=e),n]},null,8,[`value`])]),options:C(()=>[r(vn,{show:t.value.more},{all:C(()=>[r(Q,{value:t.value.all,"onUpdate:value":a[1]||(a[1]=e=>t.value.all=e)},null,8,[`value`])]),top:C(()=>[r(Q,{value:t.value.top,"onUpdate:value":a[2]||(a[2]=e=>t.value.top=e)},null,8,[`value`])]),left:C(()=>[r(Q,{value:t.value.left,"onUpdate:value":a[3]||(a[3]=e=>t.value.left=e)},null,8,[`value`])]),right:C(()=>[r(Q,{value:t.value.right,"onUpdate:value":a[4]||(a[4]=e=>t.value.right=e)},null,8,[`value`])]),bottom:C(()=>[r(Q,{value:t.value.bottom,"onUpdate:value":a[5]||(a[5]=e=>t.value.bottom=e)},null,8,[`value`])]),_:1},8,[`show`])]),_:1},8,[`label`])}}});M();var xn=k({__name:`Rounded`,props:{value:{default:()=>({more:!1,all:``,top:``,left:``,right:``,bottom:``})},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`),n=e=>{e?(t.value.top=t.value.all,t.value.right=t.value.all,t.value.bottom=t.value.all,t.value.left=t.value.all):t.value.all=t.value.top};return(e,i)=>{let a=de;return c(),R(Z,{label:`Rounded Border`},{value:C(()=>[i[6]||(i[6]=x(`span`,{class:`mr-12px`},`More Options`,-1)),r(a,{value:t.value.more,"onUpdate:value":[i[0]||(i[0]=e=>t.value.more=e),n]},null,8,[`value`])]),options:C(()=>[r(vn,{show:t.value.more,"top-label":`Top Left`,"left-label":`Bottom Left`,"right-label":`Top Right`,"bottom-label":`Bottom Right`},{all:C(()=>[r(Q,{value:t.value.all,"onUpdate:value":i[1]||(i[1]=e=>t.value.all=e)},null,8,[`value`])]),top:C(()=>[r(Q,{value:t.value.top,"onUpdate:value":i[2]||(i[2]=e=>t.value.top=e)},null,8,[`value`])]),left:C(()=>[r(Q,{value:t.value.left,"onUpdate:value":i[3]||(i[3]=e=>t.value.left=e)},null,8,[`value`])]),right:C(()=>[r(Q,{value:t.value.right,"onUpdate:value":i[4]||(i[4]=e=>t.value.right=e)},null,8,[`value`])]),bottom:C(()=>[r(Q,{value:t.value.bottom,"onUpdate:value":i[5]||(i[5]=e=>t.value.bottom=e)},null,8,[`value`])]),_:1},8,[`show`])]),_:1})}}});M();var Sn={class:`w-140px`},Cn=k({__name:`Layout`,props:u({label:{default:``}},{value:{default:``},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=P(e,`value`),n=[{label:`Horizontal`,value:`inline-block`},{label:`Vertical`,value:`block`}];return t.value||(t.value=n[0].value),(e,i)=>{let a=pe;return c(),R(Z,{label:`Layout`},{value:C(()=>[x(`div`,Sn,[r(a,{value:t.value,"onUpdate:value":i[0]||(i[0]=e=>t.value=e),options:n},null,8,[`value`])])]),_:1})}}});M();function wn(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!s(e)}function $(e){return[k({setup(t,{slots:n}){return()=>r(Tn,{options:e},wn(n)?n:{default:()=>[n]})}})]}var Tn=k({props:{value:{type:Object,default:()=>({})},options:{type:Array,default:()=>[]}},setup(e,{slots:t}){return()=>r(j,null,[e.options.map(n=>En(n,e.value,t))])}});function En(e,t,n){let{key:i,attrKey:a,label:o}=e,s=i||a;switch(a){case`color`:case`backgroundColor`:return r(Yt,{value:t[s],"onUpdate:value":e=>t[s]=e,label:o},null);case`head`:return r(qt,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`padding`:return r(bn,{value:t[s],"onUpdate:value":e=>t[s]=e,label:o},null);case`border`:return r(yn,{value:t[s],"onUpdate:value":e=>t[s]=e,label:o},null);case`borderTop`:return r(pn,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`width`:return r(Zt,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`widthAuto`:return r(en,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`widthNumber`:return r(tn,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`fontWeight`:return r(rn,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`fontSize`:return r(an,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`lineHeight`:return r(on,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`letterSpacing`:return r(sn,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`textAlign`:return r(cn,{value:t[s],"onUpdate:value":e=>t[s]=e,label:o},null);case`borderRadius`:return r(xn,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`layout`:return r(Cn,{value:t[s],"onUpdate:value":e=>t[s]=e},null);case`custom`:return Dn(e,n)}}function Dn(e,t){if(e.render)return r(j,null,[e.render()]);if(e.key){var n;return(n=t[e.key])==null?void 0:n.call(t)}}M();var On={class:`mb-8px`},kn={class:`py-16px`},An=K(k({__name:`ColumnPropertiesPanel`,setup(e){let{selectedBlockKey:n,columnsMap:a,cellMap:o,cellConfigMap:s,applyNewWidthColumnsInCell:l,delColumnsInCell:u}=X(),{autoSaveFn:p}=J(),h=b(`tabsRef`),g=z(()=>a.value[n.value]),_=z(()=>g.value.children.map(e=>o.value[e])),v=S(0),y=()=>{let e=[];_.value.forEach(t=>{e.push(t.width)});let t=Math.floor(100/(e.length+1)),r=e.reduce((e,t)=>e+t,0),i=(100-(r+t))/r;e.push(t);for(let t=0;t<e.length-1;t++)e[t]=Math.floor(e[t]+e[t]*i);l(n.value,e),v.value=e.length-1,B(()=>{var e;(e=h.value)==null||e.syncBarPosition()})},w=()=>{if(_.value.length<=1)return;let e=_.value.reduce((e,t)=>{let n=t.width;return{...e,[t.key]:n}},{}),t=_.value[v.value];delete e[t.key];let r=Object.values(e),i=r.reduce((e,t)=>e+t,0),a=(100-i)/i;r=r.map(e=>Math.floor(e*(1+a)));let o=100-r.reduce((e,t)=>e+t,0);o!==0&&(r[r.length-1]+=o),u(n.value,t.key),l(n.value,r),v.value>=r.length&&(v.value=r.length-1),B(()=>{var e;(e=h.value)==null||e.syncBarPosition()})},T=z(()=>{var e;return((e=_.value[v.value])==null?void 0:e.key)||``}),E=z({get(){return s.value[T.value].style},set(e){s.value[T.value].style=e,p()}}),[O]=$([{attrKey:`backgroundColor`,label:`Background Color`},{attrKey:`padding`,label:`Padding`},{attrKey:`border`,label:`Border`}]);return(e,n)=>{let a=ue,o=fe,s=le;return c(),t(`div`,null,[x(`div`,On,[r(a,{onClick:y},{default:C(()=>[...n[2]||(n[2]=[i(` Add `,-1)])]),_:1}),r(a,{class:`ml-10px`,disabled:d(_).length<=1,onClick:w},{default:C(()=>[...n[3]||(n[3]=[i(`Delete`,-1)])]),_:1},8,[`disabled`])]),r(s,{ref_key:`tabsRef`,ref:h,value:d(v),"onUpdate:value":n[0]||(n[0]=e=>D(v)?v.value=e:null),class:`mb-8px`,type:`line`},{default:C(()=>[(c(!0),t(j,null,m(d(_),(e,t)=>(c(),R(o,{key:e.key,name:t,tab:`Column ${t+1}`},null,8,[`name`,`tab`]))),128))]),_:1},8,[`value`]),x(`div`,kn,[d(T)?(c(),R(d(O),{key:0,value:d(E),"onUpdate:value":n[1]||(n[1]=e=>D(E)?E.value=e:null)},null,8,[`value`])):f(``,!0)])])}}}),[[`__scopeId`,`data-v-9e21eccb`]]);M();var jn={class:`py-8px`},Mn=k({__name:`RowPropertiesPanel`,setup(e){let{selectedBlockKey:n,columnsConfigMap:i}=X(),{autoSaveFn:a}=J(),o=z({get(){return i.value[n.value].style},set(e){i.value[n.value].style=e,a()}}),s=z({get(){return i.value[n.value].containerStyle},set(e){i.value[n.value].containerStyle=e,a()}}),[l]=$([{attrKey:`backgroundColor`,label:`Background Color`},{attrKey:`custom`,render:()=>r(Yt,{label:`Content Background Color`,value:s.value.backgroundColor,"onUpdate:value":e=>{s.value.backgroundColor=e}},null)},{attrKey:`padding`,label:`Padding`}]);return(e,n)=>(c(),t(`div`,jn,[r(d(l),{value:d(o),"onUpdate:value":n[0]||(n[0]=e=>D(o)?o.value=e:null)},null,8,[`value`])]))}});M();var Nn=k({__name:`Columns`,setup(e){return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`,`3`]},{default:C(()=>[r(n,{title:`Columns`,name:`1`},{default:C(()=>[r(Ht)]),_:1}),r(n,{title:`Column Properties`,name:`2`},{default:C(()=>[r(An)]),_:1}),r(n,{title:`Row Properties`,name:`3`},{default:C(()=>[r(Mn)]),_:1})]),_:1})}}});M();var Pn={class:`mt-12px`},Fn={class:`mt-12px`},In=k({__name:`Link`,props:{value:{},valueModifiers:{},target:{},targetModifiers:{}},emits:[`update:value`,`update:target`],setup(e){let t=P(e,`value`),n=P(e,`target`),i=S(!1),a=e=>{e?t.value=`__UNSUBSCRIBE_URL__`:t.value=``};return(e,o)=>{let s=ie,l=de;return c(),R(Z,{label:`Link`},{options:C(()=>[x(`div`,null,[r(s,{value:t.value,"onUpdate:value":o[0]||(o[0]=e=>t.value=e),disabled:d(i)},null,8,[`value`,`disabled`])]),x(`div`,Pn,[r(l,{value:n.value,"onUpdate:value":o[1]||(o[1]=e=>n.value=e),"checked-value":`_blank`,"unchecked-value":`_self`},null,8,[`value`]),o[3]||(o[3]=x(`span`,{class:`ml-8px`},`Open link in new tab`,-1))]),x(`div`,Fn,[r(l,{value:d(i),"onUpdate:value":[o[2]||(o[2]=e=>D(i)?i.value=e:null),a]},null,8,[`value`]),o[4]||(o[4]=x(`span`,{class:`ml-8px`},`Unsubscribe`,-1))])]),_:1})}}});M();var Ln={class:`pb-10px`},Rn={class:`py-8px`},zn={class:`py-8px`},Bn=k({__name:`Button`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].attr},set(e){n.value[t.value].attr=e,i()}}),o=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),s=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[l]=$([{attrKey:`custom`,render:()=>r(In,{value:a.value.href,"onUpdate:value":e=>a.value.href=e,target:a.value.target,"onUpdate:target":e=>a.value.target=e},null)}]),[u]=$([{attrKey:`backgroundColor`,label:`Background Color`},{attrKey:`color`,label:`Text Color`},{attrKey:`widthAuto`,key:`width`,label:`Width`},{attrKey:`fontWeight`},{attrKey:`fontSize`},{attrKey:`lineHeight`},{attrKey:`letterSpacing`},{attrKey:`padding`},{attrKey:`border`},{attrKey:`borderRadius`}]),[f]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`,`3`]},{default:C(()=>[r(n,{title:`Action`,name:`1`},{default:C(()=>[x(`div`,Ln,[r(d(l))])]),_:1}),r(n,{title:`Button Options`,name:`2`},{default:C(()=>[x(`div`,Rn,[r(d(u),{value:d(o),"onUpdate:value":t[0]||(t[0]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`3`},{default:C(()=>[x(`div`,zn,[r(d(f),{value:d(s),"onUpdate:value":t[1]||(t[1]=e=>D(s)?s.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var Vn={class:`pb-10px`},Hn={class:`py-8px`},Un={class:`py-8px`},Wn=k({__name:`Link`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].attr},set(e){n.value[t.value].attr=e,i()}}),o=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),s=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[l]=$([{attrKey:`custom`,render:()=>r(In,{value:a.value.href,"onUpdate:value":e=>a.value.href=e,target:a.value.target,"onUpdate:target":e=>a.value.target=e},null)}]),[u]=$([{attrKey:`color`,label:`Text Color`},{attrKey:`fontWeight`},{attrKey:`fontSize`},{attrKey:`lineHeight`},{attrKey:`letterSpacing`}]),[f]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`,`3`]},{default:C(()=>[r(n,{title:`Action`,name:`1`},{default:C(()=>[x(`div`,Vn,[r(d(l))])]),_:1}),r(n,{title:`Link Options`,name:`2`},{default:C(()=>[x(`div`,Hn,[r(d(u),{value:d(o),"onUpdate:value":t[0]||(t[0]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`3`},{default:C(()=>[x(`div`,Un,[r(d(f),{value:d(s),"onUpdate:value":t[1]||(t[1]=e=>D(s)?s.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var Gn={class:`py-8px`},Kn={class:`py-8px`},qn=k({__name:`Divider`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),o=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[s]=$([{attrKey:`width`},{attrKey:`borderTop`}]),[l]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`]},{default:C(()=>[r(n,{title:`Line`,name:`1`},{default:C(()=>[x(`div`,Gn,[r(d(s),{value:d(a),"onUpdate:value":t[0]||(t[0]=e=>D(a)?a.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`2`},{default:C(()=>[x(`div`,Kn,[r(d(l),{value:d(o),"onUpdate:value":t[1]||(t[1]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var Jn={class:`py-8px`},Yn={class:`py-8px`},Xn=k({__name:`Header`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),o=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[s]=$([{attrKey:`head`,key:`fontSize`},{attrKey:`fontWeight`},{attrKey:`fontSize`},{attrKey:`color`,label:`Text Color`},{attrKey:`lineHeight`},{attrKey:`letterSpacing`}]),[l]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`]},{default:C(()=>[r(n,{title:`Header`,name:`1`},{default:C(()=>[x(`div`,Jn,[r(d(s),{value:d(a),"onUpdate:value":t[0]||(t[0]=e=>D(a)?a.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`2`},{default:C(()=>[x(`div`,Yn,[r(d(l),{value:d(o),"onUpdate:value":t[1]||(t[1]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var Zn={class:`py-8px`},Qn={class:`py-8px`},$n=k({__name:`Text`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),o=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[s]=$([{attrKey:`fontWeight`},{attrKey:`fontSize`},{attrKey:`color`,label:`Text Color`},{attrKey:`lineHeight`},{attrKey:`letterSpacing`}]),[l]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`]},{default:C(()=>[r(n,{title:`Text`,name:`1`},{default:C(()=>[x(`div`,Zn,[r(d(s),{value:d(a),"onUpdate:value":t[0]||(t[0]=e=>D(a)?a.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`2`},{default:C(()=>[x(`div`,Qn,[r(d(l),{value:d(o),"onUpdate:value":t[1]||(t[1]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var er=k({__name:`Image`,props:{value:{},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>{let i=ie;return c(),R(Z,{label:`Image URL`},{options:C(()=>[r(i,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},null,8,[`value`])]),_:1})}}});M();var tr=k({__name:`Title`,props:{value:{},valueModifiers:{}},emits:[`update:value`],setup(e){let t=P(e,`value`);return(e,n)=>{let i=ie;return c(),R(Z,{label:`Alternate Text`},{options:C(()=>[r(i,{value:t.value,"onUpdate:value":n[0]||(n[0]=e=>t.value=e)},null,8,[`value`])]),_:1})}}});M();var nr={class:`pb-10px`},rr={class:`pb-10px`},ir={class:`py-8px`},ar=k({__name:`Image`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].attr},set(e){n.value[t.value].attr=e,i()}}),o=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),s=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[l]=$([{attrKey:`custom`,render:()=>r(er,{value:a.value.src,"onUpdate:value":e=>a.value.src=e},null)},{attrKey:`widthAuto`,key:`width`},{attrKey:`custom`,render:()=>r(tr,{value:a.value.alt,"onUpdate:value":e=>a.value.alt=e},null)}]),[u]=$([{attrKey:`custom`,render:()=>r(In,{value:a.value.href,"onUpdate:value":e=>a.value.href=e,target:a.value.target,"onUpdate:target":e=>a.value.target=e},null)}]),[f]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`,`3`]},{default:C(()=>[r(n,{title:`Image`,name:`1`},{default:C(()=>[x(`div`,nr,[r(d(l),{value:d(o),"onUpdate:value":t[0]||(t[0]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Action`,name:`2`},{default:C(()=>[x(`div`,rr,[r(d(u),{value:d(o),"onUpdate:value":t[1]||(t[1]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`3`},{default:C(()=>[x(`div`,ir,[r(d(f),{value:d(s),"onUpdate:value":t[2]||(t[2]=e=>D(s)?s.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var or={class:`flex-1`},sr={class:`flex-1`},cr=K(k({__name:`Item`,props:u({id:{},index:{},moveLink:{type:Function},findLink:{type:Function}},{label:{},labelModifiers:{},href:{},hrefModifiers:{}}),emits:u([`del`],[`update:label`,`update:href`]),setup(e,{emit:n}){let i=e,a=n,o=P(e,`label`),s=P(e,`href`),l=()=>{a(`del`)},[u,f,p]=Se({type:`MenuLink`,item:()=>({id:i.id,index:i.index}),collect:e=>({isDragging:e.isDragging()}),end:(e,t)=>{let{id:n,index:r}=e;t.didDrop()||i.moveLink(n,r)}}),[,m]=xe(()=>({accept:`MenuLink`,hover({id:e}){if(e!==i.id){let{index:t}=i.findLink(i.id);i.moveLink(e,t)}}})),h=e=>{e&&p(m(e))},g=z(()=>+!u.value.isDragging);return(e,n)=>{let i=ie,a=_e;return c(),t(`li`,{ref:h,class:`link-items`,style:v({opacity:d(g)})},[x(`div`,or,[r(i,{value:o.value,"onUpdate:value":n[0]||(n[0]=e=>o.value=e)},null,8,[`value`])]),x(`div`,sr,[r(i,{value:s.value,"onUpdate:value":n[1]||(n[1]=e=>s.value=e)},null,8,[`value`])]),x(`div`,{class:`w-auto cursor-pointer`,onClick:l},[r(a,{name:`drag-remove`,size:`13`})]),x(`div`,{ref:d(f),class:`w-auto cursor-grab`},[r(a,{name:`drag-sort`,size:`16`})],512)],4)}}}),[[`__scopeId`,`data-v-6755f2fb`]]);M();var lr={class:`w-full`},ur={class:`link-group`},dr=K(k({__name:`List`,setup(e){let{selectedBlockKey:n,blockConfigMap:a}=X(),{autoSaveFn:o}=J(),s=z({get(){return a.value[n.value].attr.links||[]},set(e){a.value[n.value].attr.links=e,o()}}),l=e=>{s.value.splice(e,1)},u=()=>{s.value.push({id:q(6),label:``,href:``})},f=e=>{let t=s.value.filter(t=>`${t.id}`===e)[0];return{link:t,index:s.value.indexOf(t)}},p=(e,t)=>{let{link:n,index:r}=f(e);s.value.splice(r,1),s.value.splice(t,0,n)};return(e,n)=>{let a=ue;return c(),t(`div`,lr,[x(`ul`,ur,[(c(!0),t(j,null,m(d(s),(e,t)=>(c(),R(cr,{label:e.label,"onUpdate:label":t=>e.label=t,href:e.href,"onUpdate:href":t=>e.href=t,key:e.id,id:e.id,index:t,"find-link":f,"move-link":p,onDel:e=>l(t)},null,8,[`label`,`onUpdate:label`,`href`,`onUpdate:href`,`id`,`index`,`onDel`]))),128))]),r(a,{block:``,class:`mt-12px`,onClick:u},{default:C(()=>[...n[0]||(n[0]=[i(`Add`,-1)])]),_:1})])}}}),[[`__scopeId`,`data-v-1b62ebe3`]]);M();var fr={class:`py-8px`},pr={class:`py-8px`},mr=k({__name:`Menu`,setup(e){let{selectedBlockKey:t,blockConfigMap:n}=X(),{autoSaveFn:i}=J(),a=z({get(){return n.value[t.value].style},set(e){n.value[t.value].style=e,i()}}),o=z({get(){return n.value[t.value].containerStyle},set(e){n.value[t.value].containerStyle=e,i()}}),[s]=$([{attrKey:`fontWeight`},{attrKey:`fontSize`},{attrKey:`letterSpacing`},{attrKey:`color`,label:`Text Color`},{attrKey:`layout`,key:`display`},{attrKey:`padding`}]),[l]=$([{attrKey:`textAlign`},{attrKey:`padding`}]);return(e,t)=>{let n=G;return c(),R(Nt,{"default-expanded-names":[`1`,`2`,`3`]},{default:C(()=>[r(n,{title:`Menu Items`,name:`1`},{default:C(()=>[r(dr)]),_:1}),r(n,{title:`Style`,name:`2`},{default:C(()=>[x(`div`,fr,[r(d(s),{value:d(a),"onUpdate:value":t[0]||(t[0]=e=>D(a)?a.value=e:null)},null,8,[`value`])])]),_:1}),r(n,{title:`Container`,name:`3`},{default:C(()=>[x(`div`,pr,[r(d(l),{value:d(o),"onUpdate:value":t[1]||(t[1]=e=>D(o)?o.value=e:null)},null,8,[`value`])])]),_:1})]),_:1})}}});M();var hr={},gr={class:`h-full pb-100px flex items-center justify-center`};function _r(e,n){let i=te;return c(),t(`div`,gr,[r(i,{size:`large`,description:`Please select a component`})])}var vr=K(hr,[[`render`,_r]]);M();var yr=k({__name:`Content`,setup(e){let{selectedBlockType:t,selectedBlockKey:n}=X(),r=z(()=>{switch(t.value){case`columns`:return Nn;case`button`:return Bn;case`link`:return Wn;case`divider`:return qn;case`header`:return Xn;case`text`:return $n;case`image`:return ar;case`menu`:return mr;default:return vr}});return(e,t)=>(c(),R(T(d(r)),{key:d(n)}))}});M();var br={class:`p-20px`},xr=k({__name:`Page`,setup(e){let{pageConfig:n}=X(),i=z({get(){return n.value.style},set(e){n.value.style=e}}),[a]=$([{attrKey:`backgroundColor`,label:`Background Color`},{attrKey:`widthNumber`,label:`Width`,key:`width`}]);return(e,n)=>(c(),t(`div`,br,[r(d(a),{value:d(i),"onUpdate:value":n[0]||(n[0]=e=>D(i)?i.value=e:null)},null,8,[`value`])]))}});M();var Sr=K(k({__name:`ConfigTabs`,setup(e){let n=S(`config`),i=[{name:`config`,label:`Content`,component:yr},{name:`page`,label:`Page`,component:xr}];return(e,a)=>{let o=fe,s=le;return c(),R(s,{value:d(n),"onUpdate:value":a[0]||(a[0]=e=>D(n)?n.value=e:null),type:`line`},{default:C(()=>[(c(),t(j,null,m(i,e=>r(o,{key:e.name,name:e.name,tab:e.label},{default:C(()=>[(c(),R(T(e.component)))]),_:2},1032,[`name`,`tab`])),64))]),_:1},8,[`value`])}}}),[[`__scopeId`,`data-v-83e94fc5`]]);M();var Cr={class:`editor-sidebar`},wr=K(k({__name:`EditorSidebar`,setup(e){return(e,n)=>(c(),t(`div`,Cr,[r(Sr)]))}}),[[`__scopeId`,`data-v-51030538`]]);M();var Tr={class:`email-editor`},Er=K(k({__name:`index`,props:{save:{}},setup(e,{expose:t}){let n=e,{setData:i,getData:a,resetData:s,setSaveFn:l}=J(),{html:u,generateHtml:d}=Be();return n.save&&l(n.save),o(()=>{s()}),t({setEmailData:e=>{i(e)},getEmailData:()=>a(),getEmailHTML:()=>(d(),u.value)}),(e,t)=>(c(),R(Ue,null,{default:C(()=>[x(`div`,Tr,[r(At),r(Ct),r(wr)])]),_:1}))}}),[[`__scopeId`,`data-v-cec325ed`]]),Dr=`{"version":"2.0","pageConfig":{"meta":{"version":"2.0","createdAt":"","updatedAt":""},"style":{"backgroundColor":"#ffffff","width":"500px"}},"blockMap":{"9d79c91fd764":{"key":"9d79c91fd764","type":"divider","name":"Divider"},"b37fb9a4cfad":{"key":"b37fb9a4cfad","type":"link","name":"Link"}},"blockConfigMap":{"9d79c91fd764":{"key":"9d79c91fd764","name":"Divider","type":"divider","meta":{"version":"2.0","createdAt":"2025-03-25 11:16:12","updatedAt":"2025-03-25 11:16:12"},"attr":{},"style":{"display":"inline-block","width":"100%","height":"1px","lineHeight":"1px","verticalAlign":"middle","borderTop":{"color":"#bbbbbb","width":"1px","style":"solid"}},"containerStyle":{"textAlign":"center","padding":{"more":false,"all":"10px","top":"0","left":"0","right":"0","bottom":"0"}}},"b37fb9a4cfad":{"key":"b37fb9a4cfad","name":"Link","type":"link","meta":{"version":"2.0","createdAt":"2025-03-25 11:16:18","updatedAt":"2025-03-25 11:16:18"},"attr":{"href":"__UNSUBSCRIBE_URL__","target":"_blank","content":"<p><u>Unsubscribe</u></p>"},"style":{"display":"inline-block","color":"#A2A2A2FF","fontWeight":"normal","fontSize":"12px","lineHeight":"120%","letterSpacing":"0px"},"containerStyle":{"textAlign":"center","padding":{"more":false,"all":"10px","top":"0","left":"0","right":"0","bottom":"0"}}}},"cellMap":{"29b965b1ee6b":{"key":"29b965b1ee6b","width":100,"name":"Cell","type":"cell","children":[]},"91fef345521e":{"key":"91fef345521e","width":100,"name":"Cell","type":"cell","children":["9d79c91fd764","b37fb9a4cfad"]}},"cellConfigMap":{"29b965b1ee6b":{"key":"29b965b1ee6b","name":"Cell","type":"cell","meta":{"version":"2.0","createdAt":"2025-03-25 11:16:05","updatedAt":"2025-03-25 11:16:05"},"attr":{},"style":{"backgroundColor":"","padding":{"more":false,"all":"0","top":"0","left":"0","right":"0","bottom":"0"},"border":{"more":false,"all":{"color":"","width":"0","style":"solid"},"top":{"color":"","width":"0","style":"solid"},"right":{"color":"","width":"0","style":"solid"},"bottom":{"color":"","width":"0","style":"solid"},"left":{"color":"","width":"0","style":"solid"}}},"containerStyle":{}},"91fef345521e":{"key":"91fef345521e","name":"Cell","type":"cell","meta":{"version":"2.0","createdAt":"2025-03-25 11:16:08","updatedAt":"2025-03-25 11:16:08"},"attr":{},"style":{"backgroundColor":"","padding":{"more":false,"all":"0","top":"0","left":"0","right":"0","bottom":"0"},"border":{"more":false,"all":{"color":"","width":"0","style":"solid"},"top":{"color":"","width":"0","style":"solid"},"right":{"color":"","width":"0","style":"solid"},"bottom":{"color":"","width":"0","style":"solid"},"left":{"color":"","width":"0","style":"solid"}}},"containerStyle":{}}},"columnsConfigMap":{"75faa7472294":{"key":"75faa7472294","name":"Columns","type":"columns","meta":{"version":"2.0","createdAt":"2025-03-25 11:16:05","updatedAt":"2025-03-25 11:16:05"},"attr":{},"style":{"backgroundColor":"","padding":{"more":false,"all":"0","top":"0","left":"0","right":"0","bottom":"0"}},"containerStyle":{"backgroundColor":""}},"73fc2135ce3e":{"key":"73fc2135ce3e","name":"Columns","type":"columns","meta":{"version":"2.0","createdAt":"2025-03-25 11:16:08","updatedAt":"2025-03-25 11:16:08"},"attr":{},"style":{"backgroundColor":"","padding":{"more":false,"all":"0","top":"0","left":"0","right":"0","bottom":"0"}},"containerStyle":{"backgroundColor":""}}},"columnsMap":{"75faa7472294":{"key":"75faa7472294","type":"columns","name":"Columns","children":["29b965b1ee6b"]},"73fc2135ce3e":{"key":"73fc2135ce3e","type":"columns","name":"Columns","children":["91fef345521e"]}},"columnsSource":["75faa7472294","73fc2135ce3e"]}`,Or=`<table style="background-color: rgb(255, 255, 255); width: 100%;"><tr><td><div style="padding: 0px; width: 500px; margin: 0px auto;"><table style="width: 100%;"><tr><td style="width: 100%; padding: 0px;"></td></tr></table></div></td></tr><tr><td><div style="padding: 0px; width: 500px; margin: 0px auto;"><table style="width: 100%;"><tr><td style="width: 100%; padding: 0px;"><div style="text-align: center; padding: 10px;"><div style="display: inline-block; width: 100%; height: 1px; line-height: 1px; vertical-align: middle; border-top: 1px solid rgb(187, 187, 187);"></div></div><div style="text-align: center; padding: 10px;"><a href="__UNSUBSCRIBE_URL__" target="_blank" style="display: inline-block; color: rgb(162, 162, 162); font-weight: normal; font-size: 12px; line-height: 120%; letter-spacing: 0px;"><p><u>Unsubscribe</u></p></a></div></td></tr></table></div></td></tr></table>`;export{J as a,Be as i,Or as n,q as o,Er as r,Dr as t};
Reference in New Issue View Git Blame Copy Permalink