react-edit-to-html 1.3.1 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/react-edit-to-html.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -55,7 +55,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
|
|
|
55
55
|
<rect width="100%" height="100%" fill="white" />
|
|
56
56
|
<g>${o}</g>
|
|
57
57
|
<text x="${a/2}" y="67" font-family="monospace" font-size="10" text-anchor="middle" fill="black">${n}</text>
|
|
58
|
-
</svg>`},bb=(e,t)=>{let n=`11px`,r=`400`;return e===`h1`?(n=`24px`,r=`700`):e===`h2`?(n=`20px`,r=`700`):e===`h3`?(n=`16px`,r=`600`):e===`h4`?(n=`14px`,r=`600`):e===`h5`?(n=`12px`,r=`600`):e===`h6`?(n=`10px`,r=`600`):e===`title`?(n=`28px`,r=`800`):e===`subtitle`?(n=`14px`,r=`300`):e===`caption`&&(n=`9px`,r=`400`),{id:`block-${Math.random().toString(36).substr(2,9)}`,type:e,content:t,style:{fontSize:n,fontWeight:r,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`left`,bold:[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`title`].includes(e),italic:!1,underline:!1,strikethrough:!1,width:`100%`,marginBottom:`8px`,padding:`8px`,minHeight:`auto`}}},xb=e=>{let t=new DOMParser().parseFromString(e,`text/html`),n=[],r=Array.from(t.body.children),i=t.querySelector(`.paper-sheet`);if(i&&i.children.length>0&&(r=Array.from(i.children)),r.length===0){let e=t.body.innerText||t.body.textContent||``;e.trim()&&n.push(bb(`p`,e.trim()))}else{let e=t.querySelectorAll(`style`),i=[];e.forEach(e=>{let t=e.textContent||``,n=/([^{]+)\{([^}]+)\}/g,r;for(;(r=n.exec(t))!==null;){let e=r[1].trim(),t=r[2].trim(),n={};t.split(`;`).forEach(e=>{let t=e.split(`:`);t.length===2&&(n[t[0].trim().toLowerCase()]=t[1].trim())}),i.push({selector:e,styles:n})}});let a=e=>{let t={fontSize:`11px`,fontWeight:`400`,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`left`,bold:!1,italic:!1,underline:!1,strikethrough:!1,width:`100%`,marginBottom:`8px`,padding:`8px`},n=e.style;return n.fontSize&&(t.fontSize=n.fontSize),n.fontWeight&&(t.fontWeight=n.fontWeight),n.color&&(t.color=n.color),n.backgroundColor&&(t.backgroundColor=n.backgroundColor),n.textAlign&&(t.textAlign=n.textAlign),n.padding&&(t.padding=n.padding),n.marginBottom&&(t.marginBottom=n.marginBottom),n.width&&(t.width=n.width),i.forEach(n=>{try{e.matches(n.selector)&&(n.styles[`font-size`]&&(t.fontSize=n.styles[`font-size`]),n.styles[`font-weight`]&&(t.fontWeight=n.styles[`font-weight`]),n.styles.color&&(t.color=n.styles.color),n.styles[`background-color`]&&(t.backgroundColor=n.styles[`background-color`]),n.styles[`text-align`]&&(t.textAlign=n.styles[`text-align`]),n.styles.padding&&(t.padding=n.styles.padding),n.styles[`margin-bottom`]&&(t.marginBottom=n.styles[`margin-bottom`]),n.styles.width&&(t.width=n.styles.width))}catch(e){}}),(t.fontWeight===`bold`||parseInt(t.fontWeight)>=600)&&(t.bold=!0),t};r.forEach(e=>{let t=e;if(t.tagName===`STYLE`)return;let r=Array.from(t.querySelectorAll(`.layout-column`));if(t.classList.contains(`layout-container`)||t.getAttribute(`data-block-type`)===`layout`||r.length>0){let e=r.length>0?r:Array.from(t.children),i=e.map(t=>{let n=t.style,r={};n.borderColor&&(r.borderColor=n.borderColor),n.borderStyle&&(r.borderStyle=n.borderStyle),n.borderWidth&&(r.borderWidth=n.borderWidth),n.borderRadius&&(r.borderRadius=n.borderRadius),n.backgroundColor&&(r.backgroundColor=n.backgroundColor),n.padding&&(r.padding=n.padding);let i=Array.from(t.querySelectorAll(`table, img, h1, h2, h3, h4, h5, h6, p, span`)),o=[];i.length>0&&i.forEach(e=>{let t=e.tagName.toLowerCase(),n=a(e);if(t===`table`){let t=Array.from(e.querySelectorAll(`thead th`));t.length===0&&(t=Array.from(e.querySelectorAll(`tr:first-child th, tr:first-child td`))),o.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`table`,content:``,style:n,tableInfo:{tableName:`imported_table`,columns:t.map(e=>{var t,n;return{columnName:((t=e.textContent)==null?void 0:t.trim())||`Header`,placeholder:`{{item.${((n=e.textContent)==null?void 0:n.trim().toLowerCase().replace(/\s+/g,`_`))||`field`}}}`,enabled:!0}}),loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1}})}else if(t===`img`)o.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`image`,content:``,style:n,imageInfo:{imageType:`logo`,url:e.getAttribute(`src`)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}});else{let r=`p`;[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].includes(t)&&(r=t),o.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:r,content:e.innerHTML||e.textContent||``,style:n})}});let s=n.width,c=n.flex,l=s||``;if(!l||l===`0%`||l===`0px`)if(c&&c.includes(`%`)){let e=c.match(/(\d+(\.\d+)?)%/);l=e&&e[1]!==`0`?`${e[1]}%`:``}else l=``;return!l&&e.length>0&&(l=`${Math.floor(100/e.length)}%`),{id:`col-${Math.random().toString(36).substr(2,9)}`,width:l,style:r,blocks:o}});n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`layout`,content:``,style:a(t),layoutInfo:{columnsCount:i.length||2,columns:i.length>0?i:[{id:`col-${Math.random().toString(36).substr(2,9)}`,blocks:[]},{id:`col-${Math.random().toString(36).substr(2,9)}`,blocks:[]}],gap:t.style.gap||`16px`}});return}let i=t.querySelector(`table, img, h1, h2, h3, h4, h5, h6, p, span, div`)||t,o=i.tagName.toLowerCase(),s=a(i);if(o===`table`){let e=Array.from(i.querySelectorAll(`thead th`));e.length===0&&(e=Array.from(i.querySelectorAll(`tr:first-child th, tr:first-child td`)));let t=e.map(e=>{var t,n;return{columnName:((t=e.textContent)==null?void 0:t.trim())||`Header`,placeholder:`{{item.${((n=e.textContent)==null?void 0:n.trim().toLowerCase().replace(/\s+/g,`_`))||`field`}}}`,enabled:!0}});n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`table`,content:``,style:s,tableInfo:{tableName:`imported_table`,columns:t,loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1}})}else if(o===`img`)n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`image`,content:``,style:s,imageInfo:{imageType:`logo`,url:i.getAttribute(`src`)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}});else if(o===`svg`)n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`image`,content:``,style:s,imageInfo:{imageType:`barcode`,barcodeValue:`SHIP-99201`,barcodePlaceholder:`{{barcode}}`}});else{let e=`p`;[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].includes(o)?e=o:o===`span`&&(e=`caption`),n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:e,content:i.innerHTML||i.textContent||``,style:s})}})}return n},Sb=function(){var e=v(function*(e,t){let n=yield t.getDocument({data:new Uint8Array(e)}).promise,r=[],i=Math.min(n.numPages,3);for(let e=1;e<=i;e++){let t=(yield(yield n.getPage(e)).getTextContent()).items.map(e=>({text:e.str,x:e.transform[4],y:e.transform[5],fontSize:e.transform[3]})).filter(e=>e.text.trim()!==``);if(t.length===0)continue;t.sort((e,t)=>Math.abs(e.y-t.y)<6?e.x-t.x:t.y-e.y);let i=[],a=[];if(t.forEach(e=>{if(a.length===0)a.push(e);else{let t=a[a.length-1];if(Math.abs(e.y-t.y)<6)a.push(e);else{let t=a.map(e=>e.text).join(` `),n=a.reduce((e,t)=>e+t.y,0)/a.length,r=Math.max(...a.map(e=>e.fontSize));i.push({y:n,fontSize:r,text:t}),a=[e]}}}),a.length>0){let e=a.map(e=>e.text).join(` `),t=a.reduce((e,t)=>e+t.y,0)/a.length,n=Math.max(...a.map(e=>e.fontSize));i.push({y:t,fontSize:n,text:e})}i.forEach(e=>{let t=`p`,n=e.fontSize>16;n?t=e.fontSize>26?`h1`:e.fontSize>20?`h2`:`h3`:e.fontSize<10&&(t=`caption`);let i=Math.round(e.fontSize*1.15)+`px`;r.push({id:`pdf-block-${Math.random().toString(36).substr(2,9)}`,type:t,content:e.text,style:{fontSize:i,fontWeight:n?`700`:`400`,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`left`,bold:n,italic:!1,underline:!1,strikethrough:!1}})})}return r});return function(t,n){return e.apply(this,arguments)}}();function Cb({initialBlocks:e,defaultStyles:t,defaultLogo:n,defaultBanner:r,onChange:i}={}){let[a,o]=(0,l.useState)(e||[]),[s,c]=(0,l.useState)(null);(0,l.useEffect)(()=>{i&&i(a)},[a,i]);let u=()=>{if(!s)return null;let e=t=>{for(let n of t){if(n.id===s)return n;if(n.type===`layout`&&n.layoutInfo)for(let t of n.layoutInfo.columns){let n=e(t.blocks);if(n)return n}}return null};return e(a)},d=(e,t,n)=>{let r={};return e===`title`?r={fontSize:`24px`,fontWeight:`800`}:e===`subtitle`?r={fontSize:`14px`,fontWeight:`700`,color:`#64748b`}:e===`h1`?r={fontSize:`20px`,fontWeight:`800`}:e===`h2`?r={fontSize:`18px`,fontWeight:`700`}:e===`h3`?r={fontSize:`16px`,fontWeight:`600`}:e===`caption`&&(r={fontSize:`10px`,color:`#94a3b8`}),{id:Math.random().toString(36).substring(2,11),type:e,content:t,style:T(T({fontSize:`12px`,fontWeight:`normal`,textAlign:`left`,color:`#1e293b`,backgroundColor:`transparent`,marginBottom:`0px`,padding:`0px`,bold:!1,italic:!1,underline:!1,strikethrough:!1},r),n)}},f=e=>T(T({},e),{},{columns:e.columns?e.columns.map(f):void 0}),p=e=>({id:Math.random().toString(36).substring(2,11),type:`table`,content:``,style:T({fontSize:`11px`,fontWeight:`normal`,textAlign:`left`,color:`#334155`,backgroundColor:`transparent`,marginBottom:`0px`,padding:`0px`,bold:!1,italic:!1,underline:!1,strikethrough:!1},(t==null?void 0:t.table)||{}),tableInfo:T(T({},e),{},{columns:e.columns.map(f),mockRows:[]})}),m=e=>{let i=`100%`,a=`120px`;return e===`logo`?(i=`120px`,a=`60px`):e===`banner`?(i=`100%`,a=`150px`):e===`barcode`?(i=`200px`,a=`80px`):e===`watermark`&&(i=`300px`,a=`300px`),{id:Math.random().toString(36).substring(2,11),type:`image`,content:``,style:T(T({fontSize:`12px`,fontWeight:`normal`,color:`#000055`,backgroundColor:`transparent`,textAlign:`center`,marginBottom:`0px`,padding:`0px`,width:`100%`,imageWidth:i,height:a,minHeight:a,bold:!1,italic:!1,underline:!1,strikethrough:!1},(t==null?void 0:t.image)||{}),e===`watermark`?{opacity:`0.2`,position:`absolute`,top:`0`,left:`0`,zIndex:10,height:`100%`}:{}),imageInfo:{imageType:e,url:e===`logo`?n||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`:e===`banner`?r||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`:mb,barcodeValue:e===`barcode`?`SHIP-99201`:void 0,barcodePlaceholder:e===`barcode`?`{{barcode}}`:void 0}}},h=(e=2)=>{let n=Math.max(1,Math.min(4,e)),r=Array.from({length:n}).map(()=>({id:Math.random().toString(36).substring(2,11),blocks:[]}));return{id:Math.random().toString(36).substring(2,11),type:`layout`,content:``,style:T({fontSize:`12px`,fontWeight:`normal`,color:`#1e293b`,backgroundColor:`transparent`,marginBottom:`12px`,padding:`8px`,bold:!1,italic:!1,underline:!1,strikethrough:!1,gap:`16px`},(t==null?void 0:t.layout)||{}),layoutInfo:{columnsCount:n,columns:r,gap:`16px`}}},g=e=>{let t=n=>n.filter(t=>t.id!==e).map(e=>e.type===`layout`&&e.layoutInfo?T(T({},e),{},{layoutInfo:T(T({},e.layoutInfo),{},{columns:e.layoutInfo.columns.map(e=>T(T({},e),{},{blocks:t(e.blocks)}))})}):e);o(e=>t(e)),s===e&&c(null)},_=e=>{let t=a.find(t=>t.id===e);if(!t)return;let n=T(T({},t),{},{id:Math.random().toString(36).substring(2,11),style:T({},t.style),tableInfo:t.tableInfo?T(T({},t.tableInfo),{},{columns:t.tableInfo.columns.map(f),mockRows:t.tableInfo.mockRows?[...t.tableInfo.mockRows]:void 0}):void 0,imageInfo:t.imageInfo?T({},t.imageInfo):void 0,layoutInfo:t.layoutInfo?T(T({},t.layoutInfo),{},{columns:t.layoutInfo.columns.map(e=>T(T({},e),{},{id:Math.random().toString(36).substring(2,11),blocks:[...e.blocks]}))}):void 0}),r=a.findIndex(t=>t.id===e);o(e=>{let t=[...e];return t.splice(r+1,0,n),t}),c(n.id)},v=e=>{e!==0&&o(t=>{let n=[...t],r=n[e];return n[e]=n[e-1],n[e-1]=r,n})},y=e=>{e!==a.length-1&&o(t=>{let n=[...t],r=n[e];return n[e]=n[e+1],n[e+1]=r,n})},b=(e,t)=>{if(!s)return;let n=r=>r.map(r=>r.id===s?T(T({},r),{},{style:T(T({},r.style),{},{[e]:t})}):r.type===`layout`&&r.layoutInfo?T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columns:r.layoutInfo.columns.map(e=>T(T({},e),{},{blocks:n(e.blocks)}))})}):r);o(e=>n(e))},x=(e,t,n)=>{o(r=>r.map(r=>{if(r.id===e&&r.type===`layout`&&r.layoutInfo){let e=[...r.layoutInfo.columns],i=Math.min(t,n),a=Math.max(t,n);if(i<0||a>=e.length)return r;let o=[...e[i].blocks,...e[a].blocks],s=T(T({},e[i]),{},{blocks:o});return e.splice(a,1),e[i]=s,T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columnsCount:e.length,columns:e})})}return r}))},S=(e,t,n)=>{o(r=>r.map(r=>{if(r.id===e&&r.type===`layout`&&r.layoutInfo){let e=r.layoutInfo.columns.map((e,r)=>r===t?T(T({},e),{},{style:T(T({},e.style),n)}):e);return T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columns:e})})}return r}))},C=(e,t,n)=>{o(r=>r.map(r=>{if(r.id===e&&r.type===`layout`&&r.layoutInfo){let e=r.layoutInfo.columns.map((e,r)=>r===t?T(T({},e),{},{width:n}):e);return T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columns:e})})}return r}))},w=(e,t)=>e.map(e=>{let n=t(e);return n.type===`layout`&&n.layoutInfo&&(n=T(T({},n),{},{layoutInfo:T(T({},n.layoutInfo),{},{columns:n.layoutInfo.columns.map(e=>T(T({},e),{},{blocks:w(e.blocks,t)}))})})),n});return{blocks:a,setBlocks:o,selectedBlockId:s,setSelectedBlockId:c,getSelectedBlock:u,createTextBlock:d,createTableBlock:p,createImageBlock:m,createLayoutBlock:h,addColumnToLayout:(e,t)=>{o(n=>n.map(n=>{if(n.id===e&&n.type===`layout`&&n.layoutInfo){let e=[...n.layoutInfo.columns],r={id:Math.random().toString(36).substring(2,11),blocks:[]},i=t!==void 0&&t>=0?t+1:e.length;return e.splice(i,0,r),T(T({},n),{},{layoutInfo:T(T({},n.layoutInfo),{},{columnsCount:e.length,columns:e})})}return n}))},deleteColumnFromLayout:(e,t)=>{o(n=>n.map(n=>{if(n.id===e&&n.type===`layout`&&n.layoutInfo){let e=[...n.layoutInfo.columns];if(e.length<=1)return n;let r=t!==void 0&&t>=0?t:e.length-1;return e.splice(r,1),T(T({},n),{},{layoutInfo:T(T({},n.layoutInfo),{},{columnsCount:e.length,columns:e})})}return n}))},mergeColumns:x,updateColumnStyle:S,updateColumnWidth:C,handleDeleteBlock:g,handleDuplicateBlock:_,handleMoveBlockUp:v,handleMoveBlockDown:y,updateSelectedStyle:b,updateSelectedImageInfo:(e,t)=>{s&&o(i=>w(i,i=>{if(i.id===s&&i.type===`image`){let a={};return e===`imageType`&&(a=t===`logo`?{url:n||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}:t===`banner`?{url:r||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}:t===`barcode`?{barcodeValue:`SHIP-99201`,barcodePlaceholder:`{{barcode}}`}:{url:mb}),T(T({},i),{},{imageInfo:T(T({},i.imageInfo),{},{[e]:t},a)})}return i}))},handleRemoveTableColumn:(e,t)=>{s&&o(n=>w(n,n=>{if(n.id===s&&n.type===`table`&&n.tableInfo){var r;let i=[...n.tableInfo.columns];if(t!==void 0&&(r=i[e])!=null&&r.columns){let n=i[e].columns.filter((e,n)=>n!==t);i[e]=T(T({},i[e]),{},{columns:n})}else i.splice(e,1);return T(T({},n),{},{tableInfo:T(T({},n.tableInfo),{},{columns:i})})}return n}))},handleAddTableColumn:(e,t,n,r)=>{!s||!e.trim()||o(i=>w(i,i=>{if(i.id===s&&i.type===`table`&&i.tableInfo){let a=[...i.tableInfo.columns];if(r!==void 0&&a[r]){let n=a[r].columns||[];a[r]=T(T({},a[r]),{},{loop:!0,columns:[...n,{columnName:e.trim(),placeholder:t.trim(),enabled:!0}]})}else n?a.push({columnName:e.trim(),placeholder:t.trim(),enabled:!0,loop:!0,columns:[]}):a.push({columnName:e.trim(),placeholder:t.trim(),enabled:!0});return T(T({},i),{},{tableInfo:T(T({},i.tableInfo),{},{columns:a})})}return i}))},handleUpdateTableColumn:(e,t,n,r)=>{s&&o(i=>w(i,i=>{if(i.id===s&&i.type===`table`&&i.tableInfo){var a;let o=[...i.tableInfo.columns];if(r!==void 0&&(a=o[e])!=null&&a.columns){let i=[...o[e].columns];i[r]=T(T({},i[r]),{},{columnName:t.trim(),placeholder:n.trim()}),o[e]=T(T({},o[e]),{},{columns:i})}else o[e]&&(o[e]=T(T({},o[e]),{},{columnName:t.trim(),placeholder:n.trim()}));return T(T({},i),{},{tableInfo:T(T({},i.tableInfo),{},{columns:o})})}return i}))},handleReorderTableColumn:(e,t,n)=>{s&&o(r=>w(r,r=>{if(r.id===s&&r.type===`table`&&r.tableInfo){var i;let a=[...r.tableInfo.columns];if(n!==void 0&&(i=a[e])!=null&&i.columns){let r=[...a[e].columns],i=t===`up`?n-1:n+1;if(i>=0&&i<r.length){let t=r[n];r[n]=r[i],r[i]=t,a[e]=T(T({},a[e]),{},{columns:r})}}else{let n=t===`up`?e-1:e+1;if(n>=0&&n<a.length){let t=a[e];a[e]=a[n],a[n]=t}}return T(T({},r),{},{tableInfo:T(T({},r.tableInfo),{},{columns:a})})}return r}))},handleAddTableRow:e=>{let t=e||s;t&&o(e=>w(e,e=>{if(e.id===t&&e.type===`table`&&e.tableInfo){let t=e.tableInfo.columns||[],n=e.tableInfo.mockRows&&e.tableInfo.mockRows.length>0?e.tableInfo.mockRows:[{}],r={};return t.forEach(e=>{e.columnName&&(r[e.columnName]=e.placeholder||``)}),T(T({},e),{},{tableInfo:T(T({},e.tableInfo),{},{mockRows:[...n,r]})})}return e}))},handleRemoveTableRow:(e,t)=>{let n=t||s;n&&o(t=>w(t,t=>{if(t.id===n&&t.type===`table`&&t.tableInfo){let n=t.tableInfo.mockRows&&t.tableInfo.mockRows.length>0?t.tableInfo.mockRows:[{}];if(n.length<=1)return T(T({},t),{},{tableInfo:T(T({},t.tableInfo),{},{mockRows:[{}]})});let r=n.filter((t,n)=>n!==e);return T(T({},t),{},{tableInfo:T(T({},t.tableInfo),{},{mockRows:r})})}return t}))}}}function wb(){let[e,t]=(0,l.useState)(.7),[n,r]=(0,l.useState)({x:0,y:0}),[i,a]=(0,l.useState)(!1),[o,s]=(0,l.useState)(!1),[c,u]=(0,l.useState)(1123),d=(0,l.useRef)({x:0,y:0}),f=(0,l.useRef)(null),p=(0,l.useRef)(null),m=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let e=e=>{let t=document.activeElement,n=t&&(t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.getAttribute(`contenteditable`)===`true`);e.code===`Space`&&!n&&(s(!0),e.preventDefault())},t=e=>{e.code===`Space`&&s(!1)};return window.addEventListener(`keydown`,e),window.addEventListener(`keyup`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`keyup`,t)}},[]),(0,l.useEffect)(()=>{let e=()=>{if(m.current){let e=Array.from(m.current.children),t=0;e.forEach(e=>{let n=e.offsetTop+e.offsetHeight;n>t&&(t=n)});let n=1123,r=t>0?t+120:n;u(Math.max(n,r))}else p.current&&u(p.current.scrollHeight)};e();let t=new ResizeObserver(()=>{e()}),n=new MutationObserver(()=>{e()});return m.current?(t.observe(m.current),Array.from(m.current.children).forEach(e=>{t.observe(e)}),n.observe(m.current,{childList:!0,subtree:!0,attributes:!0})):p.current&&t.observe(p.current),()=>{t.disconnect(),n.disconnect()}},[]),{zoom:e,setZoom:t,panOffset:n,setPanOffset:r,isPanning:i,setIsPanning:a,spacePressed:o,setSpacePressed:s,canvasHeight:c,setCanvasHeight:u,viewportRef:f,canvasContainerRef:p,contentRef:m,handleMouseDown:e=>{o&&(a(!0),d.current={x:e.clientX-n.x,y:e.clientY-n.y})},handleMouseMove:e=>{i&&o&&r({x:e.clientX-d.current.x,y:e.clientY-d.current.y})},handleMouseUp:()=>{a(!1)},handleZoomIn:()=>t(e=>Math.min(e+.1,2)),handleZoomOut:()=>t(e=>Math.max(e-.1,.5)),handleZoomReset:()=>{t(1),r({x:0,y:0})}}}function Tb({tableSchemas:e}={}){let[t,n]=(0,l.useState)(`invoice_items`),[r,i]=(0,l.useState)(`{% for item in invoice.items %}`),[a,o]=(0,l.useState)(`{% endfor %}`),[s,c]=(0,l.useState)(``),[u,d]=(0,l.useState)(``),[f,p]=(0,l.useState)(null),[m,h]=(0,l.useState)([]),[g,_]=(0,l.useState)(!1),[v,y]=(0,l.useState)(``),[b,x]=(0,l.useState)(null),[S,C]=(0,l.useState)(``),[w,E]=(0,l.useState)(null),[D,O]=(0,l.useState)(null),[k,A]=(0,l.useState)(``),[ee,j]=(0,l.useState)([]),te=e=>({columnName:e.columnName||e.columnNameEn||e.columnNameDe||``,placeholder:e.placeholder||``,enabled:e.enabled!==!1,loop:!!e.loop,columns:Array.isArray(e.columns)?e.columns.map(te):void 0});(0,l.useEffect)(()=>{e&&e.length>0?h(e.map(e=>T(T({},e),{},{columns:e.columns.map(te)}))):h([])},[e]);let ne=()=>{if(!t.trim())return;let e={tableName:t.trim().replace(/\s+/g,`_`).toLowerCase(),columns:[],loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1,loopStartTag:r,loopEndTag:a};h(t=>[...t,e]),n(``)},re=()=>{if(!k.trim())return;let e=k.trim().toLowerCase().replace(/\s+/g,`_`);if(ee.some(t=>t.imageType===e)){A(``);return}j(t=>[...t,{label:k.trim(),imageType:e,description:`Placeholder container for ${k.trim()}`}]),A(``)},ie=(e,t,n)=>{h(r=>r.map((r,i)=>{if(i===e){var a;let e=[...r.columns];if(n!==void 0&&(a=e[t])!=null&&a.columns){let r=[...e[t].columns];r[n]=T(T({},r[n]),{},{enabled:r[n].enabled===!1}),e[t]=T(T({},e[t]),{},{columns:r})}else e[t]=T(T({},e[t]),{},{enabled:e[t].enabled===!1});return T(T({},r),{},{columns:e})}return r}))},[ae,oe]=(0,l.useState)(null);return{customTableName:t,setCustomTableName:n,customLoopStart:r,setCustomLoopStart:i,customLoopEnd:a,setCustomLoopEnd:o,newColName:s,setNewColName:c,newColPlaceholder:u,setNewColPlaceholder:d,bubbleCoords:f,setBubbleCoords:p,schemas:m,setSchemas:h,isParsing:g,setIsParsing:_,parseStatusText:v,setParseStatusText:y,parseError:b,setParseError:x,draggedSidebarItem:w,setDraggedSidebarItem:E,dragOverIndex:D,setDragOverIndex:O,newImgTypeName:k,setNewImgTypeName:A,customImageTypes:ee,setCustomImageTypes:j,searchPlaceholder:S,setSearchPlaceholder:C,handleAddCustomTable:ne,handleAddCustomImageType:re,toggleSchemaColumn:ie,applySelectionFormat:(e,t=``)=>{if(ae){let e=window.getSelection();e==null||e.removeAllRanges(),e==null||e.addRange(ae)}document.execCommand(e,!1,t),p(null)},setSavedRange:oe}}var Eb=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Db=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),Ob=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),kb=e=>{let t=Ob(e);return t.charAt(0).toUpperCase()+t.slice(1)},Ab={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},jb=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},Mb=(0,l.createContext)({}),Nb=()=>(0,l.useContext)(Mb);function Pb(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function Fb(e,t){if(e==null)return{};var n,r,i=Pb(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var Ib=[`color`,`size`,`strokeWidth`,`absoluteStrokeWidth`,`className`,`children`,`iconNode`],Lb=(0,l.forwardRef)((e,t)=>{var n,r,i;let{color:a,size:o,strokeWidth:s,absoluteStrokeWidth:c,className:u=``,children:d,iconNode:f}=e,p=Fb(e,Ib),{size:m=24,strokeWidth:h=2,absoluteStrokeWidth:g=!1,color:_=`currentColor`,className:v=``}=(n=Nb())==null?{}:n,y=(c==null?g:c)?Number(s==null?h:s)*24/Number(o==null?m:o):s==null?h:s;return(0,l.createElement)(`svg`,T(T(T({ref:t},Ab),{},{width:(r=o==null?m:o)==null?Ab.width:r,height:(i=o==null?m:o)==null?Ab.height:i,stroke:a==null?_:a,strokeWidth:y,className:Eb(`lucide`,v,u)},!d&&!jb(p)&&{"aria-hidden":`true`}),p),[...f.map(([e,t])=>(0,l.createElement)(e,t)),...Array.isArray(d)?d:[d]])}),Rb=[`className`],$=(e,t)=>{let n=(0,l.forwardRef)((n,r)=>{let{className:i}=n,a=Fb(n,Rb);return(0,l.createElement)(Lb,T({ref:r,iconNode:t,className:Eb(`lucide-${Db(kb(e))}`,`lucide-${e}`,i)},a))});return n.displayName=kb(e),n},zb=$(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]),Bb=$(`arrow-up`,[[`path`,{d:`m5 12 7-7 7 7`,key:`hav0vg`}],[`path`,{d:`M12 19V5`,key:`x0mq9r`}]]),Vb=$(`barcode`,[[`path`,{d:`M3 5v14`,key:`1nt18q`}],[`path`,{d:`M8 5v14`,key:`1ybrkv`}],[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`M17 5v14`,key:`ycjyhj`}],[`path`,{d:`M21 5v14`,key:`nzette`}]]),Hb=$(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),Ub=$(`columns-2`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M12 3v18`,key:`108xh3`}]]),Wb=$(`columns-4`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M7.5 3v18`,key:`w0wo6v`}],[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M16.5 3v18`,key:`10tjh1`}]]),Gb=$(`columns-3`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}]]),Kb=$(`copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),qb=$(`download`,[[`path`,{d:`M12 15V3`,key:`m9g1x1`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}],[`path`,{d:`m7 10 5 5 5-5`,key:`brsn70`}]]),Jb=$(`eye`,[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]]),Yb=$(`file-text`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]]),Xb=$(`image`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]]),Zb=$(`layout-grid`,[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]),Qb=$(`merge`,[[`path`,{d:`m8 6 4-4 4 4`,key:`ybng9g`}],[`path`,{d:`M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22`,key:`1hyw0i`}],[`path`,{d:`m20 22-5-5`,key:`1m27yz`}]]),$b=$(`pencil`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}]]),ex=$(`plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]),tx=$(`printer`,[[`path`,{d:`M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2`,key:`143wyd`}],[`path`,{d:`M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6`,key:`1itne7`}],[`rect`,{x:`6`,y:`14`,width:`12`,height:`8`,rx:`1`,key:`1ue0tg`}]]),nx=$(`search`,[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]]),rx=$(`sliders-vertical`,[[`path`,{d:`M10 8h4`,key:`1sr2af`}],[`path`,{d:`M12 21v-9`,key:`17s77i`}],[`path`,{d:`M12 8V3`,key:`13r4qs`}],[`path`,{d:`M17 16h4`,key:`h1uq16`}],[`path`,{d:`M19 12V3`,key:`o1uvq1`}],[`path`,{d:`M19 21v-5`,key:`qua636`}],[`path`,{d:`M3 14h4`,key:`bcjad9`}],[`path`,{d:`M5 10V3`,key:`cb8scm`}],[`path`,{d:`M5 21v-7`,key:`1w1uti`}]]),ix=$(`sparkles`,[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,key:`1s2grr`}],[`path`,{d:`M20 2v4`,key:`1rf3ol`}],[`path`,{d:`M22 4h-4`,key:`gwowj6`}],[`circle`,{cx:`4`,cy:`20`,r:`2`,key:`6kqj1y`}]]),ax=$(`square-check-big`,[[`path`,{d:`M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344`,key:`2acyp4`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]]),ox=$(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),sx=$(`table`,[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}],[`path`,{d:`M3 15h18`,key:`5xshup`}]]),cx=$(`text-align-center`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M17 12H7`,key:`16if0g`}],[`path`,{d:`M19 19H5`,key:`vjpgq2`}]]),lx=$(`text-align-end`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M21 19H7`,key:`4cu937`}]]),ux=$(`text-align-justify`,[[`path`,{d:`M3 5h18`,key:`1u36vt`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`path`,{d:`M3 19h18`,key:`awlh7x`}]]),dx=$(`text-align-start`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M15 12H3`,key:`6jk70r`}],[`path`,{d:`M17 19H3`,key:`z6ezky`}]]),fx=$(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]),px=$(`type`,[[`path`,{d:`M12 4v16`,key:`1654pz`}],[`path`,{d:`M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2`,key:`e0r10z`}],[`path`,{d:`M9 20h6`,key:`s66wpe`}]]),mx=$(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),hx=$(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);function gx({headerLogo:e,headerTitle:t,headerSubtitle:n,parseError:r,isParsing:i,parseStatusText:a,themeColor:o=`#ea580c`}){return(0,d.jsxs)(`header`,{className:`bg-white border-b border-gray-200 px-6 py-3.5 flex items-center justify-between sticky top-0 z-10 shadow-xs gap-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-3`,children:[e||(0,d.jsx)(`div`,{style:{backgroundColor:o},className:`h-9 w-9 rounded-xl flex items-center justify-center text-white shadow-md`,children:(0,d.jsx)(ix,{className:`h-5 w-5`})}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h1`,{className:`text-lg font-bold tracking-tight text-slate-800`,children:t}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:n})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[r&&(0,d.jsxs)(`span`,{className:`text-[10px] text-red-500 font-bold bg-red-50 px-2 py-0.5 rounded inline-block border border-red-100`,children:[`Error: `,r]}),i&&(0,d.jsx)(`span`,{style:{color:o,borderColor:`${o}40`,backgroundColor:`${o}15`},className:`text-[10px] font-bold px-2 py-0.5 rounded inline-block border animate-pulse`,children:a||`Parsing...`})]})]})}function _x({handleSidebarDragStart:e,createTextBlock:t,setBlocks:n,setSelectedBlockId:r,setActiveTab:i,defaultStyles:a}){return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Typography Elements`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Select standard headings or paragraphs to structure your page layout.`})]}),(0,d.jsx)(`div`,{className:`grid grid-cols-1 gap-3 select-none`,children:[{label:`Document Title`,type:`title`,style:`text-2xl font-extrabold text-slate-900 tracking-tight`},{label:`Document Subtitle`,type:`subtitle`,style:`text-sm font-bold text-slate-500`},{label:`Heading 1`,type:`h1`,style:`text-xl font-extrabold text-slate-850`},{label:`Heading 2`,type:`h2`,style:`text-lg font-bold text-slate-800`},{label:`Heading 3`,type:`h3`,style:`text-md font-semibold text-slate-750`},{label:`Normal Paragraph`,type:`p`,style:`text-xs text-slate-600 leading-relaxed`},{label:`Caption Note`,type:`caption`,style:`text-[10px] text-slate-400 font-mono italic`}].map(o=>(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>e(t,o.type),className:`border border-gray-200 rounded-xl p-3 bg-white hover:border-slate-350 transition-all flex flex-col space-y-2 cursor-grab shadow-xs group`,children:[(0,d.jsx)(`span`,{className:`text-[9px] font-bold text-slate-400 uppercase tracking-wide`,children:o.type}),(0,d.jsx)(`div`,{className:`${o.style} truncate pr-4`,children:o.label}),(0,d.jsx)(`button`,{onClick:()=>{let e=t(o.type,o.label,a==null?void 0:a[o.type]);n(t=>[...t,e]),r(e.id),i(`styles`)},className:`w-full py-1 bg-slate-50 hover:bg-slate-200 text-slate-600 rounded-lg text-[9px] font-semibold transition-all text-center border border-gray-150`,children:`Insert at End`})]},o.type))})]})}function vx({handleSidebarDragStart:e,createLayoutBlock:t,setBlocks:n,setSelectedBlockId:r,setActiveTab:i,themeColor:a=`#ea580c`}){let[o,s]=(0,l.useState)(null),[c,u]=(0,l.useState)(null);return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`h3`,{className:`text-sm font-bold text-slate-800 flex items-center gap-1.5`,children:[(0,d.jsx)(Zb,{className:`h-4 w-4`,style:{color:a}}),(0,d.jsx)(`span`,{children:`Multi-Column Layouts`})]}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500 mt-0.5`,children:`Drag multi-column layouts into the editor canvas. You can drop text, images, tables, or placeholders into each column!`})]}),(0,d.jsx)(`div`,{className:`grid grid-cols-1 gap-3 select-none`,children:[{columnsCount:1,title:`1 Column`,description:`Single column container layout (100%)`,icon:(0,d.jsx)(ox,{className:`h-5 w-5`,style:{color:a}}),previewCols:1,badge:`1 Col`},{columnsCount:2,title:`2 Columns`,description:`Side-by-side split layout (50% / 50%)`,icon:(0,d.jsx)(Ub,{className:`h-5 w-5`,style:{color:a}}),previewCols:2,badge:`2 Col`},{columnsCount:3,title:`3 Columns`,description:`Triple column layout (33% / 33% / 33%)`,icon:(0,d.jsx)(Gb,{className:`h-5 w-5`,style:{color:a}}),previewCols:3,badge:`3 Col`},{columnsCount:4,title:`4 Columns`,description:`Quad column layout (25% / 25% / 25% / 25%)`,icon:(0,d.jsx)(Wb,{className:`h-5 w-5`,style:{color:a}}),previewCols:4,badge:`4 Col`}].map(l=>{let f=o===l.columnsCount,p=c===l.columnsCount;return(0,d.jsxs)(`div`,{draggable:!0,onMouseEnter:()=>s(l.columnsCount),onMouseLeave:()=>s(null),onDragStart:t=>{t.dataTransfer.setData(`source`,`sidebar`),t.dataTransfer.setData(`blockType`,`layout`),t.dataTransfer.setData(`columnsCount`,String(l.columnsCount)),e&&e(t,`layout`,void 0,void 0,l.columnsCount)},style:{borderColor:f?a:void 0,boxShadow:f?`0 4px 12px ${a}15`:void 0},className:`border border-gray-200 rounded-xl p-3.5 bg-white transition-all flex flex-col space-y-3 cursor-grab shadow-xs group`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2.5`,children:[(0,d.jsx)(`div`,{style:{backgroundColor:f?`${a}15`:`#f8fafc`},className:`p-2 rounded-lg transition-colors`,children:l.icon}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h4`,{style:{color:f?a:void 0},className:`text-xs font-bold text-slate-800 transition-colors`,children:l.title}),(0,d.jsx)(`p`,{className:`text-[10px] text-slate-400`,children:l.description})]})]}),(0,d.jsx)(`span`,{style:{backgroundColor:f?`${a}15`:`#f1f5f9`,color:f?a:`#475569`},className:`text-[9px] font-extrabold px-2 py-0.5 rounded-full transition-colors`,children:l.badge})]}),(0,d.jsx)(`div`,{className:`grid gap-1.5 p-2 bg-slate-50 border border-slate-100 rounded-lg`,style:{gridTemplateColumns:`repeat(${l.previewCols}, minmax(0, 1fr))`},children:Array.from({length:l.previewCols}).map((e,t)=>(0,d.jsx)(`div`,{style:{borderColor:f?`${a}60`:void 0,backgroundColor:f?`${a}08`:`#ffffff`},className:`h-9 border border-dashed border-slate-300 rounded flex flex-col items-center justify-center p-1 text-[8px] font-semibold text-slate-400 transition-all`,children:(0,d.jsxs)(`span`,{children:[`Col `,t+1]})},t))}),(0,d.jsxs)(`button`,{onMouseEnter:()=>u(l.columnsCount),onMouseLeave:()=>u(null),onClick:()=>{let e=t(l.columnsCount);n(t=>[...t,e]),r(e.id),i(`styles`)},style:{backgroundColor:p?`${a}dd`:a,color:`#ffffff`},className:`w-full py-1.5 rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer active:scale-[0.99]`,children:[(0,d.jsx)(ex,{className:`h-3 w-3`}),(0,d.jsxs)(`span`,{children:[`Add `,l.title,` to Editor`]})]})]},l.columnsCount)})})]})}function yx({schemas:e,toggleSchemaColumn:t,customTableName:n,setCustomTableName:r,customLoopStart:i,setCustomLoopStart:a,customLoopEnd:o,setCustomLoopEnd:s,handleAddCustomTable:c,handleSidebarDragStart:l,setBlocks:u,setSelectedBlockId:f,setActiveTab:p,defaultStyles:m,isTablesLoading:h,tablesLoading:g,themeColor:_=`#ea580c`}){return h||g?(0,d.jsxs)(`div`,{className:`space-y-6`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Dynamic Tables`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Configure loop table templates and drag onto the canvas.`})]}),(0,d.jsx)(`div`,{className:`space-y-4 animate-pulse`,children:[1,2].map(e=>(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-2xl p-4 bg-white space-y-3 shadow-xs`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`div`,{className:`h-4 bg-slate-200 rounded w-1/3`}),(0,d.jsx)(`div`,{className:`h-3 bg-slate-100 rounded w-16`})]}),(0,d.jsx)(`div`,{className:`h-9 bg-slate-100 rounded-lg w-full`}),(0,d.jsxs)(`div`,{className:`space-y-2`,children:[(0,d.jsx)(`div`,{className:`h-3 bg-slate-100 rounded w-1/4`}),(0,d.jsxs)(`div`,{className:`h-20 bg-slate-50 border border-gray-100 rounded-lg w-full p-2 space-y-2`,children:[(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-200/70 rounded w-3/4`}),(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-200/70 rounded w-2/3`})]})]})]},e))})]}):(0,d.jsxs)(`div`,{className:`space-y-6`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Dynamic Tables`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Configure loop table templates and drag onto the canvas.`})]}),(0,d.jsx)(`div`,{className:`space-y-4`,children:e.map((e,n)=>(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-2xl p-4 bg-white space-y-3 shadow-xs`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(sx,{className:`h-4 w-4 text-slate-650`}),(0,d.jsx)(`h4`,{className:`font-bold text-xs uppercase text-slate-700 tracking-wider`,children:e.tableName})]}),(0,d.jsx)(`span`,{className:`px-1.5 py-0.5 bg-slate-100 text-[8px] font-bold text-slate-600 rounded`,children:`loop = true`})]}),(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>l(t,`table`,e),className:`bg-slate-50 border border-slate-200 hover:border-slate-400 rounded-lg p-2.5 flex items-center justify-between cursor-grab`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`div`,{className:`h-5 w-5 bg-slate-200 rounded flex items-center justify-center`,children:(0,d.jsx)(ex,{className:`h-3 w-3 text-slate-600`})}),(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700`,children:`Drag to Canvas`})]}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400 italic`,children:`Drag & Drop`})]}),(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400 font-bold uppercase tracking-wider block`,children:`Columns:`}),(0,d.jsx)(`div`,{className:`max-h-[180px] overflow-y-auto border border-gray-150 rounded-lg p-2 space-y-1.5 bg-slate-50/50`,children:e.columns.map((e,r)=>{let i=!!(e.loop||Array.isArray(e.columns));return(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`button`,{onClick:()=>t(n,r),className:`flex items-center space-x-2 w-full text-left py-0.5 text-xs text-slate-600 hover:text-slate-800 transition-colors font-medium`,children:[e.enabled===!1?(0,d.jsx)(ox,{className:`h-3.5 w-3.5 text-slate-300 flex-shrink-0`}):(0,d.jsx)(ax,{className:`h-3.5 w-3.5 text-slate-700 flex-shrink-0`}),(0,d.jsxs)(`span`,{className:`truncate flex items-center gap-1`,children:[(0,d.jsx)(`span`,{children:e.columnName}),i&&(0,d.jsx)(`span`,{className:`px-1 bg-slate-200 text-slate-600 rounded text-[8px] font-mono`,children:`(sub-table)`})]})]}),i&&e.enabled!==!1&&(0,d.jsxs)(`div`,{className:`ml-4 pl-2.5 border-l-2 border-slate-200 space-y-1 my-1`,children:[(0,d.jsx)(`span`,{className:`text-[8px] text-slate-400 font-bold uppercase tracking-wider block`,children:`Sub Columns:`}),e.columns.map((e,i)=>(0,d.jsxs)(`button`,{onClick:()=>t(n,r,i),className:`flex items-center space-x-2 w-full text-left py-0.5 text-[11px] text-slate-500 hover:text-slate-800 transition-colors`,children:[e.enabled===!1?(0,d.jsx)(ox,{className:`h-3 w-3 text-slate-300 flex-shrink-0`}):(0,d.jsx)(ax,{className:`h-3 w-3 text-slate-600 flex-shrink-0`}),(0,d.jsxs)(`span`,{className:`truncate`,children:[e.columnName,` `,(0,d.jsxs)(`span`,{className:`text-[8px] text-slate-400`,children:[`(`,e.placeholder,`)`]})]})]},i))]})]},r)})})]}),(0,d.jsx)(`button`,{onClick:()=>{let t={id:Math.random().toString(36).substring(2,11),type:`table`,content:``,style:T({fontSize:`10px`,fontWeight:`400`,color:`#334155`,backgroundColor:`transparent`,textAlign:`left`,bold:!1,italic:!1,underline:!1,strikethrough:!1,width:`100%`,marginBottom:`12px`,padding:`8px`},m==null?void 0:m.table),tableInfo:T(T({},e),{},{columns:e.columns.map(e=>T({},e))})};u(e=>[...e,t]),f(t.id),p(`styles`)},className:`w-full py-1 bg-slate-50 hover:bg-slate-200 text-slate-600 rounded-lg text-[9px] font-semibold transition-all text-center border border-gray-150`,children:`Insert at End`})]},e.tableName))}),(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-2xl p-4 bg-slate-50/20 border-dashed space-y-4 mt-6`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 pb-2 border-b border-gray-150`,children:[(0,d.jsx)(ix,{className:`h-4 w-4 text-slate-655`}),(0,d.jsx)(`h4`,{className:`font-bold text-xs uppercase text-slate-800 tracking-wider`,children:`Custom Table Builder`})]}),(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block mb-1`,children:`Table Name`}),(0,d.jsx)(`input`,{type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`invoice_items`,className:`w-full px-3 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white`})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block mb-1`,children:`Loop Start tag`}),(0,d.jsx)(`input`,{type:`text`,value:i,onChange:e=>a(e.target.value),placeholder:`{% for item in invoice.items %}`,className:`w-full px-3 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500 bg-white text-slate-600 font-bold`})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block mb-1`,children:`Loop End tag`}),(0,d.jsx)(`input`,{type:`text`,value:o,onChange:e=>s(e.target.value),placeholder:`{% endfor %}`,className:`w-full px-3 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500 bg-white text-slate-600 font-bold`})]}),(0,d.jsxs)(`button`,{onClick:c,style:{backgroundColor:_},className:`w-full py-2 text-white rounded-xl text-xs font-bold transition-all shadow-sm flex items-center justify-center space-x-1.5`,children:[(0,d.jsx)(ex,{className:`h-4 w-4`}),(0,d.jsx)(`span`,{children:`Add Custom Loop Table`})]})]})]})]})}function bx({customImageTypes:e,newImgTypeName:t,setNewImgTypeName:n,handleAddCustomImageType:r,handleSidebarDragStart:i,createImageBlock:a,setBlocks:o,setSelectedBlockId:s,setActiveTab:c,themeColor:l=`#ea580c`}){let u=[{label:`Brand Logo`,imageType:`logo`,description:`Standard document vector logo`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})},{label:`Campaign Banner`,imageType:`banner`,description:`Wide horizontal graphics banner`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})},{label:`Dynamic Barcode`,imageType:`barcode`,description:`Barcode replaced dynamically`,icon:(0,d.jsx)(Vb,{className:`h-4 w-4 text-slate-550`})},{label:`Watermark`,imageType:`watermark`,description:`Background graphic with low opacity`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})},...e.map(e=>({label:e.label,imageType:e.imageType,description:e.description,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})}))];return(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Image & Barcode Elements`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Drag elements onto the canvas, or insert below.`})]}),(0,d.jsx)(`div`,{className:`space-y-3`,children:u.map(e=>(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-xl p-3 bg-white space-y-3 shadow-xs`,children:[(0,d.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[e.icon,(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h4`,{className:`font-bold text-xs text-slate-700`,children:e.label}),(0,d.jsx)(`p`,{className:`text-[9px] text-slate-400`,children:e.description})]})]})}),(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>i(t,`image`,void 0,e.imageType),className:`bg-slate-50 border border-slate-200 hover:border-slate-450 rounded-lg p-2 flex items-center justify-between cursor-grab transition-all`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`div`,{className:`h-5 w-5 bg-slate-200 rounded flex items-center justify-center`,children:(0,d.jsx)(ex,{className:`h-3 w-3 text-slate-750`})}),(0,d.jsx)(`span`,{className:`text-[11px] font-bold text-slate-700`,children:`Drag to Canvas`})]}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400 italic`,children:`Drag`})]}),(0,d.jsx)(`button`,{onClick:()=>{let t=a(e.imageType);o(e=>[...e,t]),s(t.id),c(`styles`)},className:`w-full py-1 bg-slate-100 hover:bg-slate-200 text-slate-600 rounded-lg text-[10px] font-semibold transition-all text-center border border-gray-150`,children:`Insert at End`})]},e.imageType))}),(0,d.jsxs)(`div`,{className:`border border-dashed border-gray-200 rounded-xl p-3 space-y-2 bg-slate-50/50 mt-4`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block`,children:`Add Custom Image Type`}),(0,d.jsx)(`input`,{type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`e.g. Signature`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs focus:outline-none focus:border-slate-500 bg-white`}),(0,d.jsxs)(`button`,{onClick:r,style:{backgroundColor:l},className:`w-full py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Add Custom Category`})]})]})]})}function xx({placeholders:e,schemas:t,searchPlaceholder:n,setSearchPlaceholder:r,selectedBlockId:i,setBlocks:a,isPlaceholdersLoading:o,placeholdersLoading:s}){if(o||s)return(0,d.jsxs)(`div`,{className:`space-y-4 flex-1 flex flex-col min-h-0`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Variables Palette`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Click to copy, or drag variables into text areas or table cells.`})]}),(0,d.jsx)(`div`,{className:`h-9 bg-slate-100 rounded-xl w-full animate-pulse`}),(0,d.jsx)(`div`,{className:`flex-1 overflow-y-auto space-y-2 pr-1 animate-pulse`,children:[1,2,3,4].map(e=>(0,d.jsxs)(`div`,{className:`w-full border border-gray-200 p-2.5 rounded-xl bg-white shadow-xs space-y-2`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-200 rounded w-1/2`}),(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-100 rounded w-1/4`})]}),(0,d.jsx)(`div`,{className:`h-6 bg-slate-50 rounded border border-gray-100 w-full`})]},e))})]});let c=()=>{let t=[];return(e||[]).forEach(e=>{t.push({label:e.label,placeholder:e.placeholder,category:e.category||`General`})}),t.filter(e=>e.label.toLowerCase().includes(n.toLowerCase())||e.placeholder.toLowerCase().includes(n.toLowerCase()))},l=e=>{if(i){let t=`{{${e.replace(/[{}]/g,``)}}}`;a(e=>e.map(e=>e.id===i&&e.type!==`table`?T(T({},e),{},{content:e.content+t}):e))}},u=c();return(0,d.jsxs)(`div`,{className:`space-y-4 flex-1 flex flex-col min-h-0`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Variables Palette`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Click to copy, or drag variables into text areas or table cells.`})]}),(0,d.jsxs)(`div`,{className:`relative`,children:[(0,d.jsx)(nx,{className:`absolute left-3 top-2.5 h-4 w-4 text-slate-400`}),(0,d.jsx)(`input`,{type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`Search variables...`,className:`w-full pl-9 pr-4 py-2 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-slate-500 transition-colors`})]}),(0,d.jsx)(`div`,{className:`flex-1 overflow-y-auto space-y-2 pr-1`,children:u.length===0?(0,d.jsx)(`div`,{className:`text-xs text-slate-400 italic text-center py-4`,children:`No variables available.`}):u.map((e,t)=>{let n=e.placeholder.replace(/[{}]/g,``);return(0,d.jsx)(`div`,{className:`w-full border border-gray-200 p-2.5 rounded-xl bg-white shadow-xs cursor-grab active:cursor-grabbing hover:bg-slate-50 transition-colors`,draggable:!0,onDragStart:e=>{e.dataTransfer.setData(`source`,`sidebar`),e.dataTransfer.setData(`placeholder`,n),e.dataTransfer.setData(`blockType`,`p`),e.dataTransfer.effectAllowed=`copy`},onClick:()=>l(e.placeholder),title:`Drag into text or cells, or click to insert`,children:(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-xs font-semibold text-slate-700 truncate mr-2`,children:e.label}),(0,d.jsx)(`code`,{className:`text-[9px] bg-slate-100 px-1.5 py-0.5 rounded text-slate-800 font-bold shrink-0 border border-slate-200/50`,children:e.placeholder})]})},t)})})]})}var Sx=e=>{if(!e)return 100;if(e.endsWith(`%`)){let t=parseInt(e,10);return isNaN(t)?100:Math.min(100,Math.max(10,t))}return 100};function Cx({selectedBlockId:e,getSelectedBlock:t,updateSelectedStyle:n,updateSelectedImageInfo:r,fontSizesState:i,fontFamiliesState:a,fontWeightsState:o,handleDeleteBlock:s,newColName:c,setNewColName:u,newColPlaceholder:f,setNewColPlaceholder:p,handleAddTableColumn:m,handleRemoveTableColumn:h,handleUpdateTableColumn:g,handleReorderTableColumn:_,handleAddTableRow:v,handleRemoveTableRow:y,addColumnToLayout:b,deleteColumnFromLayout:x,mergeColumns:S,updateColumnStyle:C,updateColumnWidth:w,setBlocks:E,themeColor:D=`#ea580c`}){var O;let[k,A]=(0,l.useState)(null),[ee,j]=(0,l.useState)(``),[te,ne]=(0,l.useState)(``),[re,ie]=(0,l.useState)(null),[ae,oe]=(0,l.useState)(``),[se,ce]=(0,l.useState)(``),[le,ue]=(0,l.useState)(0),M=t();if(!e||!M)return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Formatting Panel`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Customize the styles of the selected block.`})]}),(0,d.jsxs)(`div`,{className:`border border-dashed border-gray-200 rounded-xl p-6 text-center bg-slate-50/50`,children:[(0,d.jsx)(rx,{className:`h-8 w-8 text-slate-350 mx-auto mb-2`}),(0,d.jsx)(`span`,{className:`text-xs font-semibold text-slate-500 block`,children:`No block selected`}),(0,d.jsx)(`p`,{className:`text-[10px] text-slate-400 mt-1`,children:`Select any element inside the canvas to configure typography, sizing, colors, or templating loop engines.`})]})]});if(M.type===`layout`){var de,fe,pe;let e=M.layoutInfo||{columnsCount:2,columns:[],gap:`16px`},t=Math.min(le,Math.max(0,e.columns.length-1)),n=e.columns[t];return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Layout & Column Styles`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Configure layout gaps, column structure, borders, background, padding, and merging.`})]}),(0,d.jsxs)(`div`,{className:`space-y-4 border border-slate-200 rounded-xl p-3.5 bg-white shadow-xs`,children:[(0,d.jsxs)(`h4`,{className:`text-xs font-bold text-slate-700 flex items-center gap-1.5`,children:[(0,d.jsx)(Zb,{className:`h-4 w-4 text-indigo-600`}),(0,d.jsxs)(`span`,{children:[`Layout Container (`,e.columns.length,` Column`,e.columns.length>1?`s`:``,`)`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,d.jsxs)(`button`,{onClick:()=>{b&&b(M.id,t)},className:`flex-1 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Add Column to Right`})]}),e.columns.length>1&&(0,d.jsxs)(`button`,{onClick:()=>{x&&x(M.id,t)},className:`py-1.5 px-3 bg-red-50 hover:bg-red-100 text-red-600 border border-red-200 rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1 cursor-pointer`,title:`Delete Selected Column`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Delete Col`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Column Gap`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1.5`,children:[`8px`,`16px`,`24px`,`32px`].map(t=>(0,d.jsx)(`button`,{onClick:()=>{E(e=>e.map(e=>e.id===M.id&&e.layoutInfo?T(T({},e),{},{layoutInfo:T(T({},e.layoutInfo),{},{gap:t})}):e))},className:`py-1 rounded text-[10px] font-bold border transition-all ${(e.gap||`16px`)===t?`bg-indigo-600 text-white border-indigo-600`:`bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100`}`,children:t},t))})]})]}),(0,d.jsxs)(`div`,{className:`space-y-4 border border-slate-200 rounded-xl p-3.5 bg-white shadow-xs`,children:[(0,d.jsxs)(`h4`,{className:`text-xs font-bold text-slate-700 flex items-center gap-1.5`,children:[(0,d.jsx)(Ub,{className:`h-4 w-4 text-indigo-600`}),(0,d.jsx)(`span`,{children:`Column Styling`})]}),(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Select Column`}),(0,d.jsx)(`select`,{value:t,onChange:e=>ue(parseInt(e.target.value,10)),className:`w-full text-xs p-2 border border-slate-200 rounded-lg bg-slate-50 font-bold text-slate-700`,children:e.columns.map((e,t)=>(0,d.jsxs)(`option`,{value:t,children:[`Column `,t+1,` (`,e.blocks.length,` items)`]},e.id||t))})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Column Width`}),(0,d.jsx)(`span`,{className:`text-[10px] font-semibold text-slate-400`,children:n!=null&&n.width?n.width.endsWith(`%`)?`${parseInt(n.width,10)}%`:n.width:`Auto (Equal)`})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`100`,step:`5`,value:n!=null&&n.width&&n.width.endsWith(`%`)?parseInt(n.width,10):50,onChange:e=>{w&&w(M.id,t,`${e.target.value}%`)},className:`flex-1 accent-indigo-600 h-1.5 bg-slate-200 rounded-lg cursor-pointer`}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>{w&&w(M.id,t,``)},className:`px-2 py-1 text-[9px] font-bold bg-slate-100 text-slate-600 rounded hover:bg-slate-200`,title:`Reset to Auto / Equal width`,children:`Auto`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Border Style`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1`,children:[`none`,`solid`,`dashed`,`dotted`].map(e=>{var r;return(0,d.jsx)(`button`,{onClick:()=>{C&&C(M.id,t,{borderStyle:e})},className:`py-1 rounded text-[10px] font-bold border capitalize transition-all ${((n==null||(r=n.style)==null?void 0:r.borderStyle)||`dashed`)===e?`bg-indigo-600 text-white border-indigo-600`:`bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100`}`,children:e},e)})})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Border Color`}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`color`,value:(n==null||(de=n.style)==null?void 0:de.borderColor)||`#cbd5e1`,onChange:e=>{C&&C(M.id,t,{borderColor:e.target.value})},className:`w-8 h-8 rounded border border-gray-200 cursor-pointer p-0.5`}),(0,d.jsx)(`input`,{type:`text`,value:(n==null||(fe=n.style)==null?void 0:fe.borderColor)||`#cbd5e1`,onChange:e=>{C&&C(M.id,t,{borderColor:e.target.value})},className:`flex-1 text-xs p-1.5 border border-slate-200 rounded-lg font-mono uppercase`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Border Width`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1`,children:[`1px`,`2px`,`3px`,`4px`].map(e=>{var r;return(0,d.jsx)(`button`,{onClick:()=>{C&&C(M.id,t,{borderWidth:e})},className:`py-1 rounded text-[10px] font-bold border transition-all ${((n==null||(r=n.style)==null?void 0:r.borderWidth)||`1px`)===e?`bg-indigo-600 text-white border-indigo-600`:`bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100`}`,children:e},e)})})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Background Color`}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`color`,value:(n==null||(pe=n.style)==null?void 0:pe.backgroundColor)||`#ffffff`,onChange:e=>{C&&C(M.id,t,{backgroundColor:e.target.value})},className:`w-8 h-8 rounded border border-gray-200 cursor-pointer p-0.5`}),(0,d.jsx)(`button`,{onClick:()=>{C&&C(M.id,t,{backgroundColor:`transparent`})},className:`px-2 py-1 text-[9px] font-bold bg-slate-100 text-slate-600 rounded hover:bg-slate-200`,children:`Clear Bg`})]})]}),e.columns.length>1&&t<e.columns.length-1&&(0,d.jsx)(`div`,{className:`pt-2 border-t border-slate-100 space-y-2`,children:(0,d.jsxs)(`button`,{onClick:()=>{S&&S(M.id,t,t+1)},className:`w-full py-1.5 bg-indigo-50 hover:bg-indigo-100 text-indigo-700 rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1`,children:[(0,d.jsx)(Qb,{className:`h-3.5 w-3.5`}),(0,d.jsxs)(`span`,{children:[`Merge Column `,t+1,` with Column `,t+2]})]})})]})]}),(0,d.jsxs)(`button`,{onClick:()=>s(M.id),className:`w-full py-2 bg-red-50 hover:bg-red-100 text-red-600 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1.5 border border-red-200`,children:[(0,d.jsx)(fx,{className:`h-4 w-4`}),(0,d.jsx)(`span`,{children:`Delete Layout Block`})]})]})}let me=M.type===`table`,he=()=>{c.trim()&&(m(c,f),u(``),p(``))};if(M.type===`image`){let e=M.imageInfo||{imageType:`logo`};return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Formatting Panel`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Customize the styles of the selected block.`})]}),(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 pb-3 border-b border-gray-100`,children:[(0,d.jsx)(`div`,{className:`h-6 w-6 bg-slate-100 rounded flex items-center justify-center text-slate-700`,children:(0,d.jsx)(Xb,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 capitalize`,children:`Editing Image Element`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Row Alignment`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Display side-by-side`})]}),(0,d.jsx)(`button`,{onClick:()=>{let e=!M.style.sameRow;n(`sameRow`,e),e?(n(`width`,`48%`),E(e=>{let t=e.findIndex(e=>e.id===M.id);return t>0?e.map((e,n)=>n===t-1&&(!e.style.width||e.style.width===`100%`)?T(T({},e),{},{style:T(T({},e.style),{},{width:`48%`})}):e):e})):n(`width`,`100%`)},style:{backgroundColor:M.style.sameRow?D:`#cbd5e1`},className:`w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer`,children:(0,d.jsx)(`span`,{className:`bg-white w-4 h-4 rounded-full shadow-md`})})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Image Category`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1 bg-slate-50 p-1 border border-gray-200 rounded-lg`,children:[`logo`,`banner`,`barcode`,`watermark`].map(t=>(0,d.jsx)(`button`,{onClick:()=>r(`imageType`,t),className:`py-1 text-[9px] font-bold rounded capitalize transition-all ${e.imageType===t?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:t},t))})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Alignment (Position)`}),(0,d.jsx)(`div`,{className:`flex items-center space-x-1 border border-gray-200 rounded-lg p-1 bg-slate-50 w-fit`,children:[{value:`left`,icon:(0,d.jsx)(dx,{className:`h-3.5 w-3.5`})},{value:`center`,icon:(0,d.jsx)(cx,{className:`h-3.5 w-3.5`})},{value:`right`,icon:(0,d.jsx)(lx,{className:`h-3.5 w-3.5`})}].map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`textAlign`,e.value),type:`button`,className:`p-1.5 rounded transition-all ${M.style.textAlign===e.value?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:e.icon},e.value))})]}),(0,d.jsxs)(`div`,{className:`space-y-1 pt-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Block Width (%)`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:[Sx(M.style.width),`%`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`100`,step:`5`,value:Sx(M.style.width),onChange:e=>n(`width`,`${Math.min(100,Math.max(10,parseInt(e.target.value,10)))}%`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 w-10 text-right`,children:[Sx(M.style.width),`%`]})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1 pt-1 mt-2`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Image Element Width (px)`}),(0,d.jsx)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:M.style.imageWidth||(M.style.width&&M.style.width.endsWith(`px`)?M.style.width:`100%`)})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`1000`,step:`5`,value:parseInt(M.style.imageWidth||(M.style.width&&M.style.width.endsWith(`px`)?M.style.width:`100`))||100,onChange:e=>n(`imageWidth`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 w-10 text-right`,children:[parseInt(M.style.imageWidth||(M.style.width&&M.style.width.endsWith(`px`)?M.style.width:`100`))||100,`px`]})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1 pt-1 mt-3`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block mb-1`,children:`Object Fit`}),(0,d.jsxs)(`select`,{value:M.style.objectFit||`contain`,onChange:e=>n(`objectFit`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:[(0,d.jsx)(`option`,{value:`contain`,children:`Contain`}),(0,d.jsx)(`option`,{value:`cover`,children:`Cover`}),(0,d.jsx)(`option`,{value:`fill`,children:`Fill`}),(0,d.jsx)(`option`,{value:`none`,children:`None`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Image Height`}),(0,d.jsx)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:M.style.height||M.style.minHeight||`auto`})]}),(0,d.jsx)(`div`,{className:`flex items-center space-x-2`,children:(0,d.jsx)(`input`,{type:`range`,min:`20`,max:`400`,step:`10`,value:parseInt(M.style.height||M.style.minHeight||`100`)||100,onChange:e=>{n(`height`,`${e.target.value}px`),n(`minHeight`,`${e.target.value}px`)},style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})})]}),e.imageType===`barcode`?(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-150`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Barcode Configuration`}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500`,children:`Mock Barcode Value`}),(0,d.jsx)(`input`,{type:`text`,value:e.barcodeValue||``,onChange:e=>r(`barcodeValue`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500`})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500`,children:`Backend Variable`}),(0,d.jsx)(`input`,{type:`text`,value:e.barcodePlaceholder||``,onChange:e=>r(`barcodePlaceholder`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500 text-slate-700 font-bold`})]})]}):(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-150`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Image Asset Upload`}),(0,d.jsxs)(`div`,{className:`flex flex-col items-center p-3 border border-dashed border-gray-200 rounded-lg bg-slate-50/50 hover:bg-slate-50 transition-all cursor-pointer relative`,children:[(0,d.jsx)(mx,{className:`h-5 w-5 text-slate-400 mb-1`}),(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-650`,children:`Choose local image file`}),(0,d.jsx)(`input`,{type:`file`,accept:`image/*`,onChange:e=>{var t;let n=(t=e.target.files)==null?void 0:t[0];if(!n)return;let i=new FileReader;i.onload=e=>{var t;r(`url`,(t=e.target)==null?void 0:t.result)},i.readAsDataURL(n)},className:`absolute inset-0 opacity-0 cursor-pointer`})]})]}),(0,d.jsx)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Bottom Margin`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.marginBottom||`0px`),onChange:e=>n(`marginBottom`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Padding`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.padding||`0px`),onChange:e=>n(`padding`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]})]})}),(0,d.jsx)(`div`,{className:`pt-4 border-t border-red-100 flex items-center justify-between`,children:(0,d.jsxs)(`button`,{onClick:()=>s(M.id),className:`w-full py-2 bg-red-50 hover:bg-red-100 border border-red-200 text-red-650 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Delete Element`})]})})]})]})}return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Formatting Panel`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Customize the styles of the selected block.`})]}),(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 pb-3 border-b border-gray-100`,children:[(0,d.jsx)(`div`,{className:`h-6 px-3 bg-slate-100 rounded flex items-center justify-center text-slate-700 font-bold text-[10px] uppercase`,children:M.type}),(0,d.jsxs)(`span`,{className:`text-xs font-bold text-slate-700 capitalize`,children:[`Editing `,M.type===`table`?`Table Block`:`Typography Element`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Row Alignment`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Display side-by-side`})]}),(0,d.jsx)(`button`,{onClick:()=>{let e=!M.style.sameRow;n(`sameRow`,e),e?(n(`width`,`48%`),E(e=>{let t=e.findIndex(e=>e.id===M.id);return t>0?e.map((e,n)=>n===t-1&&(!e.style.width||e.style.width===`100%`)?T(T({},e),{},{style:T(T({},e.style),{},{width:`48%`})}):e):e})):n(`width`,`100%`)},style:{backgroundColor:M.style.sameRow?D:`#cbd5e1`},className:`w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer`,children:(0,d.jsx)(`span`,{className:`bg-white w-4 h-4 rounded-full shadow-md`})})]}),M.style.sameRow&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Row Direction`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Layout stacked or side-by-side`})]}),(0,d.jsx)(`div`,{className:`grid grid-cols-2 gap-1 bg-slate-100 p-0.5 border border-gray-200 rounded-lg w-[180px]`,children:[`row`,`column`].map(e=>(0,d.jsx)(`button`,{type:`button`,onClick:()=>{n(`flexDirection`,e),E(t=>{let n=t.findIndex(e=>e.id===M.id);if(n===-1)return t;let r=n;for(;r>0&&t[r].style.sameRow;)r--;let i=[r],a=r+1;for(;a<t.length&&t[a].style.sameRow;)i.push(a),a++;return t.map((t,n)=>i.includes(n)?T(T({},t),{},{style:T(T({},t.style),{},{flexDirection:e})}):t)})},className:`px-2 py-1 text-[9px] font-bold rounded capitalize transition-all text-center ${M.style.flexDirection===e||e===`row`&&!M.style.flexDirection?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:e===`row`?`Side-by-side`:`Stacked`},e))})]}),(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Font Size`}),(0,d.jsx)(`select`,{value:M.style.fontSize,onChange:e=>n(`fontSize`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:i.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))})]}),!me&&(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Weight`}),(0,d.jsx)(`select`,{value:M.style.fontWeight,onChange:e=>n(`fontWeight`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:o.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))})]})]}),!me&&(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Font Family`}),(0,d.jsxs)(`select`,{value:M.style.fontFamily||``,onChange:e=>n(`fontFamily`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:[(0,d.jsx)(`option`,{value:``,children:`Default Font (Global)`}),a.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))]})]}),!me&&(0,d.jsxs)(`div`,{className:`space-y-2`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Alignment & Formatting`}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-1 border border-gray-200 rounded-lg p-1 bg-slate-50`,children:[(0,d.jsx)(`div`,{className:`flex items-center space-x-0.5`,children:[{value:`left`,icon:(0,d.jsx)(dx,{className:`h-3.5 w-3.5`})},{value:`center`,icon:(0,d.jsx)(cx,{className:`h-3.5 w-3.5`})},{value:`right`,icon:(0,d.jsx)(lx,{className:`h-3.5 w-3.5`})},{value:`justify`,icon:(0,d.jsx)(ux,{className:`h-3.5 w-3.5`})}].map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`textAlign`,e.value),className:`p-1.5 rounded transition-all ${M.style.textAlign===e.value?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:e.icon},e.value))}),(0,d.jsx)(`div`,{className:`h-5 w-[1px] bg-slate-200 mx-1`}),(0,d.jsx)(`div`,{className:`flex items-center space-x-0.5`,children:[{key:`bold`,label:`B`,className:`font-bold`},{key:`italic`,label:`I`,className:`italic`},{key:`underline`,label:`U`,className:`underline`},{key:`strikethrough`,label:`S`,className:`line-through`}].map(e=>{let t=M.style[e.key]===!0;return(0,d.jsx)(`button`,{onClick:()=>n(e.key,!t),className:`h-7 w-7 rounded text-xs transition-all ${t?`bg-white text-slate-800 shadow-xs border border-gray-200 font-bold`:`text-slate-500 hover:text-slate-800`}`,children:(0,d.jsx)(`span`,{className:e.className,children:e.label})},e.key)})})]})]}),(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Text Color`}),(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[hb.map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`color`,e),className:`h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${M.style.color===e?`scale-120 ring-2 ring-slate-800`:`hover:scale-110`}`,style:{backgroundColor:e}},e)),(0,d.jsx)(`input`,{type:`color`,value:M.style.color,onChange:e=>n(`color`,e.target.value),className:`h-5 w-5 rounded-full border border-gray-200 cursor-pointer overflow-hidden p-0`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Background Color`}),(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[gb.map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`backgroundColor`,e),className:`h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${M.style.backgroundColor===e?`scale-120 ring-2 ring-slate-800`:`hover:scale-110`}`,style:{backgroundColor:e===`transparent`?`#ffffff`:e},children:e===`transparent`&&(0,d.jsx)(`span`,{className:`text-[8px] text-slate-400 font-bold block leading-5 text-center`,children:`T`})},e)),(0,d.jsx)(`input`,{type:`color`,value:M.style.backgroundColor===`transparent`?`#ffffff`:M.style.backgroundColor,onChange:e=>n(`backgroundColor`,e.target.value),className:`h-5 w-5 rounded-full border border-gray-200 cursor-pointer overflow-hidden p-0`})]})]})]}),(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Block Width (%)`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:[Sx(M.style.width),`%`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`100`,step:`5`,value:Sx(M.style.width),onChange:e=>n(`width`,`${Math.min(100,Math.max(10,parseInt(e.target.value,10)))}%`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 w-10 text-right`,children:[Sx(M.style.width),`%`]})]})]}),(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Bottom Margin`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.marginBottom||`0px`),onChange:e=>n(`marginBottom`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Padding`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.padding||`0px`),onChange:e=>n(`padding`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none mt-2`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Page Break Before`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Force new page before this block`})]}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>{n(`pageBreakBefore`,M.style.pageBreakBefore===`always`||M.style.pageBreakBefore===!0?`auto`:`always`)},style:{backgroundColor:M.style.pageBreakBefore===`always`||M.style.pageBreakBefore===!0?D:`#cbd5e1`},className:`w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer`,children:(0,d.jsx)(`span`,{className:`bg-white w-4 h-4 rounded-full shadow-md`})})]})]}),me&&M.tableInfo&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Table Rows`}),(0,d.jsxs)(`span`,{className:`text-[10px] text-slate-400 font-medium`,children:[((O=M.tableInfo.mockRows)==null?void 0:O.length)||1,` row(s) configured`]})]}),(0,d.jsxs)(`button`,{type:`button`,onClick:()=>v&&v(M.id),style:{backgroundColor:D},className:`px-3 py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center space-x-1 shadow-xs cursor-pointer`,title:`Add a new row to table`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Add Row`})]})]}),(0,d.jsx)(`div`,{className:`space-y-1.5 max-h-[140px] overflow-y-auto pr-1`,children:(M.tableInfo.mockRows&&M.tableInfo.mockRows.length>0?M.tableInfo.mockRows:[{}]).map((e,t)=>{var n;return(0,d.jsxs)(`div`,{className:`flex items-center justify-between bg-slate-50 border border-gray-200 rounded-lg p-2 text-xs`,children:[(0,d.jsxs)(`span`,{className:`font-semibold text-slate-700`,children:[`Row #`,t+1]}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>y&&y(t,M.id),disabled:(((n=M.tableInfo)==null||(n=n.mockRows)==null?void 0:n.length)||1)<=1,className:`p-1 text-slate-400 hover:text-red-600 hover:bg-red-50 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors`,title:`Remove row`,children:(0,d.jsx)(fx,{className:`h-3.5 w-3.5`})})]},t)})})]}),(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Table Columns`}),(0,d.jsx)(`div`,{className:`space-y-2 max-h-[300px] overflow-y-auto pr-1`,children:M.tableInfo.columns.map((e,t)=>{var n,r;let i=!!(e.loop||Array.isArray(e.columns));return(0,d.jsxs)(`div`,{className:`bg-slate-50 border border-gray-200 rounded-lg p-2 space-y-1.5 text-xs`,children:[k===String(t)?(0,d.jsxs)(`div`,{className:`space-y-1.5 p-1 bg-white border border-orange-300 rounded`,children:[(0,d.jsx)(`div`,{className:`text-[9px] font-bold text-orange-600 uppercase`,children:`Edit Column`}),(0,d.jsx)(`input`,{type:`text`,value:ee,onChange:e=>j(e.target.value),placeholder:`Header Name`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-xs bg-white`}),(0,d.jsx)(`input`,{type:`text`,value:te,onChange:e=>ne(e.target.value),placeholder:`Value (e.g. {{item.sku}})`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-xs font-mono bg-white`}),(0,d.jsxs)(`div`,{className:`flex justify-end gap-1`,children:[(0,d.jsxs)(`button`,{onClick:()=>{g&&g(t,ee,te),A(null)},style:{backgroundColor:D},className:`p-1 px-2 text-white rounded text-[10px] flex items-center gap-1 font-bold cursor-pointer`,children:[(0,d.jsx)(Hb,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{children:`Save`})]}),(0,d.jsxs)(`button`,{onClick:()=>A(null),className:`p-1 px-2 bg-gray-200 text-slate-700 hover:bg-gray-300 rounded text-[10px] flex items-center gap-1`,children:[(0,d.jsx)(hx,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{children:`Cancel`})]})]})]}):(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`truncate mr-2`,children:[(0,d.jsxs)(`span`,{className:`font-bold text-slate-700 block truncate flex items-center gap-1`,children:[(0,d.jsx)(`span`,{children:e.columnName}),i&&(0,d.jsx)(`span`,{className:`px-1 bg-blue-100 text-blue-700 rounded text-[8px] font-mono`,children:`loop (sub-table)`})]}),(0,d.jsx)(`code`,{className:`text-[9px] font-mono text-slate-500 truncate block`,children:e.placeholder})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`up`),disabled:t===0,className:`p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors`,title:`Move Up`,children:(0,d.jsx)(Bb,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`down`),disabled:t===(((n=M.tableInfo)==null?void 0:n.columns.length)||0)-1,className:`p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors`,title:`Move Down`,children:(0,d.jsx)(zb,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`button`,{onClick:()=>{A(String(t)),j(e.columnName),ne(e.placeholder)},className:`p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 rounded transition-colors`,title:`Edit column`,children:(0,d.jsx)($b,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`button`,{onClick:()=>h(t),className:`p-1 text-slate-400 hover:text-red-600 hover:bg-red-50 rounded transition-colors border border-transparent`,disabled:!M.tableInfo||M.tableInfo.columns.length<=1,title:`Delete column`,children:(0,d.jsx)(fx,{className:`h-3.5 w-3.5`})})]})]}),i&&(0,d.jsxs)(`div`,{className:`ml-2 pl-2 border-l-2 border-blue-200 space-y-1.5 pt-1 mt-1`,children:[(0,d.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,d.jsxs)(`span`,{className:`text-[8px] font-bold text-blue-600 uppercase tracking-wider block`,children:[`Sub-Table Columns (`,((r=e.columns)==null?void 0:r.length)||0,`):`]})}),e.columns.map((n,r)=>{let i=`${t}-${r}`;return k===i?(0,d.jsxs)(`div`,{className:`space-y-1 p-1.5 bg-white border border-blue-300 rounded`,children:[(0,d.jsx)(`div`,{className:`text-[8px] font-bold text-blue-600 uppercase`,children:`Edit Sub-Column`}),(0,d.jsx)(`input`,{type:`text`,value:ee,onChange:e=>j(e.target.value),placeholder:`Header Name`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-[11px] bg-white`}),(0,d.jsx)(`input`,{type:`text`,value:te,onChange:e=>ne(e.target.value),placeholder:`Value`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-[11px] font-mono bg-white`}),(0,d.jsxs)(`div`,{className:`flex justify-end gap-1 pt-0.5`,children:[(0,d.jsxs)(`button`,{onClick:()=>{g&&g(t,ee,te,r),A(null)},className:`p-0.5 px-1.5 bg-blue-600 text-white hover:bg-blue-700 rounded text-[9px] flex items-center gap-1 font-bold`,children:[(0,d.jsx)(Hb,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`Save`})]}),(0,d.jsxs)(`button`,{onClick:()=>A(null),className:`p-0.5 px-1.5 bg-gray-200 text-slate-700 hover:bg-gray-300 rounded text-[9px] flex items-center gap-1`,children:[(0,d.jsx)(hx,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`Cancel`})]})]})]},r):(0,d.jsxs)(`div`,{className:`flex items-center justify-between bg-white border border-gray-150 rounded px-2 py-1 text-[11px]`,children:[(0,d.jsxs)(`div`,{className:`truncate mr-1`,children:[(0,d.jsx)(`span`,{className:`font-semibold text-slate-700 block truncate`,children:n.columnName}),(0,d.jsx)(`code`,{className:`text-[8px] font-mono text-slate-400 truncate block`,children:n.placeholder})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`up`,r),disabled:r===0,className:`p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 disabled:opacity-30 disabled:hover:bg-transparent rounded`,title:`Move Sub-Column Up`,children:(0,d.jsx)(Bb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`down`,r),disabled:r===e.columns.length-1,className:`p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 disabled:opacity-30 disabled:hover:bg-transparent rounded`,title:`Move Sub-Column Down`,children:(0,d.jsx)(zb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:()=>{A(i),j(n.columnName),ne(n.placeholder)},className:`p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 rounded`,title:`Edit sub-column`,children:(0,d.jsx)($b,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:()=>h(t,r),className:`p-0.5 text-slate-400 hover:text-red-600 hover:bg-red-50 rounded`,title:`Delete sub-column`,children:(0,d.jsx)(fx,{className:`h-3 w-3`})})]})]},r)}),re===t?(0,d.jsxs)(`div`,{className:`bg-white border border-blue-200 rounded p-2 space-y-1.5 mt-1`,children:[(0,d.jsx)(`span`,{className:`text-[9px] font-bold text-blue-600 block`,children:`Add Sub-Column`}),(0,d.jsx)(`input`,{type:`text`,value:ae,onChange:e=>oe(e.target.value),placeholder:`Header Name (e.g. Price)`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs bg-white`}),(0,d.jsx)(`input`,{type:`text`,value:se,onChange:e=>ce(e.target.value),placeholder:`Value (e.g. {{item.price}})`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs font-mono bg-white`}),(0,d.jsxs)(`div`,{className:`flex gap-1 pt-1`,children:[(0,d.jsx)(`button`,{onClick:()=>{ae.trim()&&(m(ae,se||`{{item.value}}`,!1,t),oe(``),ce(``),ie(null))},className:`flex-1 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded text-[10px] font-bold`,children:`Add`}),(0,d.jsx)(`button`,{onClick:()=>{ie(null),oe(``),ce(``)},className:`py-1 px-2 bg-gray-100 hover:bg-gray-200 text-slate-600 rounded text-[10px]`,children:`Cancel`})]})]}):(0,d.jsxs)(`button`,{onClick:()=>ie(t),className:`w-full py-1 text-[10px] font-bold text-blue-600 hover:bg-blue-50 border border-dashed border-blue-200 rounded flex items-center justify-center space-x-1 transition-colors mt-1`,children:[(0,d.jsx)(ex,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{children:`Add Sub-Column`})]})]})]},t)})}),(0,d.jsxs)(`div`,{className:`bg-slate-50 border border-gray-200 border-dashed rounded-xl p-3 space-y-3`,children:[(0,d.jsx)(`span`,{className:`text-[9px] font-bold text-slate-500 uppercase tracking-wider block`,children:`Add New Column`}),(0,d.jsx)(`div`,{children:(0,d.jsx)(`input`,{type:`text`,value:c,onChange:e=>u(e.target.value),placeholder:`Header Name`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs focus:outline-none focus:border-slate-500 bg-white`})}),(0,d.jsx)(`div`,{children:(0,d.jsx)(`input`,{type:`text`,value:f,onChange:e=>p(e.target.value),placeholder:`Value (e.g. {{item.sku}})`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs font-mono focus:outline-none focus:border-orange-655 bg-white`})}),(0,d.jsxs)(`div`,{className:`flex gap-2`,children:[(0,d.jsxs)(`button`,{onClick:he,style:{backgroundColor:D},className:`flex-1 py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1 cursor-pointer`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Column`})]}),(0,d.jsxs)(`button`,{onClick:()=>{c.trim()&&(m(c,f||`{{item.price}}`,!0),u(``),p(``))},className:`flex-1 py-1.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1`,title:`Add column as nested sub-table`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Sub-Table`})]})]})]})]})]}),(0,d.jsx)(`div`,{className:`pt-4 border-t border-red-100 flex items-center justify-between`,children:(0,d.jsxs)(`button`,{onClick:()=>s(M.id),className:`w-full py-2 bg-red-50 hover:bg-red-100 border border-red-200 text-red-650 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Delete Element`})]})})]})]})}function wx({activeTab:e,setActiveTab:t,themeColor:n=`#ea580c`,setBlocks:r,selectedBlockId:i,setSelectedBlockId:a,getSelectedBlock:o,defaultStyles:s,createTextBlock:c,createImageBlock:l,createLayoutBlock:u,addColumnToLayout:f,deleteColumnFromLayout:p,mergeColumns:m,updateColumnStyle:h,updateColumnWidth:g,updateSelectedStyle:_,updateSelectedImageInfo:v,handleDeleteBlock:y,handleRemoveTableColumn:b,handleAddTableColumn:x,handleUpdateTableColumn:S,handleReorderTableColumn:C,handleAddTableRow:w,handleRemoveTableRow:T,schemas:E,toggleSchemaColumn:D,customTableName:O,setCustomTableName:k,customLoopStart:A,setCustomLoopStart:ee,customLoopEnd:j,setCustomLoopEnd:te,handleAddCustomTable:ne,newColName:re,setNewColName:ie,newColPlaceholder:ae,setNewColPlaceholder:oe,customImageTypes:se,newImgTypeName:ce,setNewImgTypeName:le,handleAddCustomImageType:ue,placeholders:M,searchPlaceholder:de,setSearchPlaceholder:fe,handleSidebarDragStart:pe,isTablesLoading:me,tablesLoading:he,isPlaceholdersLoading:ge,placeholdersLoading:_e,fontSizesState:ve,fontFamiliesState:ye,fontWeightsState:be,sidebarPosition:xe=`left`}){return(0,d.jsxs)(`aside`,{className:`w-full lg:col-span-4 h-full max-h-full min-h-0 flex flex-col bg-white border-t lg:border-t-0 ${xe===`left`?`lg:border-r lg:order-1`:`lg:border-l lg:order-2`} border-gray-200 overflow-hidden shrink-0`,children:[(0,d.jsx)(`div`,{className:`grid grid-cols-6 gap-1 border-b border-gray-250 p-2 bg-slate-50 shrink-0 select-none`,children:[{value:`text`,icon:(0,d.jsx)(px,{className:`h-4 w-4`})},{value:`layouts`,icon:(0,d.jsx)(Zb,{className:`h-4 w-4`})},{value:`tables`,icon:(0,d.jsx)(sx,{className:`h-4 w-4`})},{value:`images`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4`})},{value:`placeholders`,icon:(0,d.jsx)(ix,{className:`h-4 w-4`})},{value:`styles`,icon:(0,d.jsx)(rx,{className:`h-4 w-4`})}].map(r=>(0,d.jsxs)(`button`,{onClick:()=>t(r.value),style:{backgroundColor:e===r.value?n:`transparent`,color:e===r.value?`#ffffff`:void 0},className:`py-2 px-0.5 flex flex-col items-center justify-center gap-1 font-bold text-[9px] rounded-lg uppercase tracking-wider transition-all duration-150 ${e===r.value?`shadow-sm`:`text-slate-500 hover:text-slate-800 hover:bg-slate-100`}`,children:[r.icon,(0,d.jsx)(`span`,{children:r.value})]},r.value))}),(0,d.jsxs)(`div`,{className:`p-4 flex-1 flex flex-col min-h-0 h-7/9 overflow-y-auto custom-scrollbar`,children:[e===`text`&&(0,d.jsx)(_x,{handleSidebarDragStart:pe,createTextBlock:c,setBlocks:r,setSelectedBlockId:a,setActiveTab:t,defaultStyles:s}),e===`layouts`&&(0,d.jsx)(vx,{handleSidebarDragStart:pe,createLayoutBlock:u||(()=>c(`p`,`Layout`)),setBlocks:r,setSelectedBlockId:a,setActiveTab:t,themeColor:n}),e===`tables`&&(0,d.jsx)(yx,{schemas:E,toggleSchemaColumn:D,customTableName:O,setCustomTableName:k,customLoopStart:A,setCustomLoopStart:ee,customLoopEnd:j,setCustomLoopEnd:te,handleAddCustomTable:ne,handleSidebarDragStart:pe,setBlocks:r,setSelectedBlockId:a,setActiveTab:t,defaultStyles:s,isTablesLoading:me,tablesLoading:he,themeColor:n}),e===`images`&&(0,d.jsx)(bx,{customImageTypes:se,newImgTypeName:ce,setNewImgTypeName:le,handleAddCustomImageType:ue,handleSidebarDragStart:pe,createImageBlock:l,setBlocks:r,setSelectedBlockId:a,setActiveTab:t,themeColor:n}),e===`placeholders`&&(0,d.jsx)(xx,{placeholders:M,schemas:E,searchPlaceholder:de,setSearchPlaceholder:fe,selectedBlockId:i,setBlocks:r,isPlaceholdersLoading:ge,placeholdersLoading:_e}),e===`styles`&&(0,d.jsx)(Cx,{selectedBlockId:i,getSelectedBlock:o,updateSelectedStyle:_,updateSelectedImageInfo:v,fontSizesState:ve,fontFamiliesState:ye,fontWeightsState:be,handleDeleteBlock:y,newColName:re,setNewColName:ie,newColPlaceholder:ae,setNewColPlaceholder:oe,handleAddTableColumn:x,handleRemoveTableColumn:b,handleUpdateTableColumn:S,handleReorderTableColumn:C,handleAddTableRow:w,handleRemoveTableRow:T,addColumnToLayout:f,deleteColumnFromLayout:p,mergeColumns:m,updateColumnStyle:h,updateColumnWidth:g,setBlocks:r,themeColor:n})]})]})}var Tx=[`bold`,`italic`,`underline`,`strikethrough`,`width`],Ex=({block:e,onUpdate:t,onSelect:n,onDrop:r})=>{let i=(0,l.useRef)(null);(0,l.useEffect)(()=>{i.current&&i.current.innerHTML!==e.content&&document.activeElement!==i.current&&(i.current.innerHTML=e.content||`<br/>`)},[e.id,e.content]);let a=e.style,{bold:o,italic:s,underline:c,strikethrough:u,width:f}=a,p=T({},Fb(a,Tx));o&&(p.fontWeight=`bold`),s&&(p.fontStyle=`italic`);let m=[];return c&&m.push(`underline`),u&&m.push(`line-through`),m.length>0&&(p.textDecoration=m.join(` `)),(0,d.jsx)(`div`,{ref:i,contentEditable:!0,suppressContentEditableWarning:!0,onFocus:n,onInput:e=>t(e.currentTarget.innerHTML),onBlur:e=>t(e.currentTarget.innerHTML),style:p,className:`h-fit w-full break-words outline-none`,onDrop:r,onDragOver:e=>e.preventDefault()})},Dx=({blockId:e,colIdx:t,placeholder:n,onUpdate:r,onDrop:i})=>{let a=(0,l.useRef)(null);return(0,l.useEffect)(()=>{a.current&&a.current.innerHTML!==n&&document.activeElement!==a.current&&(a.current.innerHTML=n)},[e,t,n]),(0,d.jsx)(`td`,{ref:a,contentEditable:!0,suppressContentEditableWarning:!0,onInput:e=>r(e.currentTarget.innerText||e.currentTarget.innerHTML),onBlur:e=>r(e.currentTarget.innerText||e.currentTarget.innerHTML),onDrop:i,onDragOver:e=>e.preventDefault(),className:`border border-slate-200 px-2.5 py-2.5 text-slate-500 bg-slate-50/20 font-sans outline-none focus:bg-slate-100/50 transition-colors`})},Ox=e=>{let t=[];return e.forEach(e=>{e.style.sameRow&&t.length>0?t[t.length-1].blocks.push(e):t.push({id:e.id,blocks:[e]})}),t};function kx({blocks:e,setBlocks:t,selectedBlockId:n,setSelectedBlockId:r,setActiveTab:i,showMockData:a,placeholderMockData:o,dragOverIndex:s,setDragOverIndex:c,draggedSidebarItem:u,defaultStyles:f,zoom:p,panOffset:m,spacePressed:h,canvasHeight:g,setCanvasHeight:_,viewportRef:v,canvasContainerRef:y,contentRef:b,handleMouseDown:x,handleMouseMove:S,handleMouseUp:C,createTextBlock:w,createImageBlock:E,createLayoutBlock:D,addColumnToLayout:O,deleteColumnFromLayout:k,mergeColumns:A,duplicateBlock:ee,reorderBlock:j,handleDeleteBlock:te,handleSidebarDrop:ne,handleTableCellDrop:re,updateTableCell:ie,handleTextDrop:ae,themeColor:oe=`#ea580c`}){let[se,ce]=(0,l.useState)(null),[le,ue]=(0,l.useState)(null),[M,de]=(0,l.useState)([]);(0,l.useEffect)(()=>{let e=()=>{if(!(b!=null&&b.current))return;let e=Array.from(b.current.children),t=new Set;e.forEach(e=>{let n=e.offsetTop+60,r=n+(e.offsetHeight||30),i=Math.max(1,Math.ceil(n/1123)),a=Math.max(1,Math.ceil(r/1123));for(let e=i;e<=a;e++)t.add(e)});let n=[],r=Math.max(1,Math.ceil(g/1123));for(let e=1;e<=r;e++)e>1&&!t.has(e)&&n.push(e);de(n)};e();let t=new ResizeObserver(e);return b!=null&&b.current&&(t.observe(b.current),Array.from(b.current.children).forEach(e=>t.observe(e))),()=>t.disconnect()},[e,g,b]);let fe=e=>{t(e=>e.map(e=>{if(e.style&&(e.style.pageBreakBefore===`always`||e.style.pageBreakBefore===!0)){let t=T({},e.style);return delete t.pageBreakBefore,T(T({},e),{},{style:t})}return e})),_&&_(Math.max(1123,(e-1)*1123))},pe=(e,t)=>{e.dataTransfer.setData(`blockIndex`,String(t)),e.dataTransfer.setData(`source`,`canvas`),e.dataTransfer.effectAllowed=`move`},me=(e,n)=>{e.preventDefault(),e.stopPropagation();let r=e.dataTransfer.getData(`source`);if(r===`sidebar`)ne(n);else if(r===`canvas`){let r=e.dataTransfer.getData(`blockIndex`);if(r!==``){let e=parseInt(r,10);!isNaN(e)&&e!==n&&t(t=>{let r=[...t],[i]=r.splice(e,1);return r.splice(n,0,i),r})}}c(null)},he=(n,a,o)=>{n.preventDefault(),n.stopPropagation();let s=n.dataTransfer.getData(`source`),c=n.dataTransfer.getData(`placeholder`),l=null;if(c)l=w(`p`,`{{${c}}}`,f==null?void 0:f.p);else if(s===`sidebar`){let e=n.dataTransfer.getData(`blockType`)||(u==null?void 0:u.type),t=n.dataTransfer.getData(`imageType`)||(u==null?void 0:u.imageType);if(e===`image`)l=E?E(t||`logo`):{id:Math.random().toString(36).substring(2,11),type:`image`,content:``,style:T({fontSize:`12px`,fontWeight:`normal`,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`center`,width:`100%`,marginBottom:`8px`,padding:`0px`,bold:!1,italic:!1,underline:!1,strikethrough:!1},f==null?void 0:f.image),imageInfo:{imageType:t||`logo`,url:mb,barcodeValue:t===`barcode`?`SHIP-99201`:void 0,barcodePlaceholder:t===`barcode`?`{{barcode}}`:void 0}};else if(e===`layout`&&D)l=D(parseInt(n.dataTransfer.getData(`columnsCount`)||`2`,10));else if(e===`table`){let e=(u==null?void 0:u.tableSchema)||{tableName:`items`,columns:[{columnName:`Description`,placeholder:`{{description}}`,enabled:!0},{columnName:`Qty`,placeholder:`{{quantity}}`,enabled:!0},{columnName:`Price`,placeholder:`{{price}}`,enabled:!0}],loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1};l={id:Math.random().toString(36).substring(2,11),type:`table`,content:``,style:T({fontSize:`10px`,fontWeight:`normal`,textAlign:`left`,color:`#334155`,backgroundColor:`transparent`,marginBottom:`8px`,padding:`0px`,width:`100%`,bold:!1,italic:!1,underline:!1,strikethrough:!1},f==null?void 0:f.table),tableInfo:T(T({},e),{},{columns:(e.columns||[]).map(e=>T({},e)),mockRows:[]})}}else e&&e!==`layout`&&(l=w(e,{title:`Document Title`,subtitle:`Document Subtitle`,h1:`Heading 1`,h2:`Heading 2`,h3:`Heading 3`,h4:`Heading 4`,h5:`Heading 5`,h6:`Heading 6`,p:`Normal Paragraph`,caption:`Caption Note`}[e]||`Text Content`,f==null?void 0:f[e]))}else if(s===`canvas`){let s=n.dataTransfer.getData(`blockIndex`);if(s!==``){let n=parseInt(s,10);if(!isNaN(n)&&e[n]){let s=e[n];if(s.id===a||s.type===`layout`)return;t(e=>e.filter((e,t)=>t!==n).map(e=>{if(e.id===a&&e.type===`layout`&&e.layoutInfo){let t=e.layoutInfo.columns.map((e,t)=>t===o?T(T({},e),{},{blocks:[...e.blocks,s]}):e);return T(T({},e),{},{layoutInfo:T(T({},e.layoutInfo),{},{columns:t})})}return e})),r(s.id),i(`styles`);return}}}if(l){let e=l;t(t=>t.map(t=>{if(t.id===a&&t.type===`layout`&&t.layoutInfo){let n=t.layoutInfo.columns.map((t,n)=>n===o?T(T({},t),{},{blocks:[...t.blocks,e]}):t);return T(T({},t),{},{layoutInfo:T(T({},t.layoutInfo),{},{columns:n})})}return t})),r(e.id),i(`styles`)}},ge=(e,n,r,i)=>{t(t=>t.map(t=>{if(t.id===e&&t.type===`layout`&&t.layoutInfo){let e=t.layoutInfo.columns.map((e,t)=>t===n?T(T({},e),{},{blocks:e.blocks.map(e=>e.id===r?T(T({},e),{},{content:i}):e)}):e);return T(T({},t),{},{layoutInfo:T(T({},t.layoutInfo),{},{columns:e})})}return t}))},_e=(e,n,r,i)=>{t(t=>t.map(t=>{if(t.id===e&&t.type===`layout`&&t.layoutInfo){let e=t.layoutInfo.columns.map((e,t)=>{if(t===n){let t=[...e.blocks],n=i===`up`?r-1:r+1;if(n>=0&&n<t.length){let e=t[r];t[r]=t[n],t[n]=e}return T(T({},e),{},{blocks:t})}return e});return T(T({},t),{},{layoutInfo:T(T({},t.layoutInfo),{},{columns:e})})}return t}))},ve=1123,ye=Math.max(1,Math.ceil(g/ve));return(0,d.jsx)(`div`,{ref:v,className:`flex-1 overflow-auto p-8 flex justify-center items-start outline-none transition-all ${h?`cursor-grab active:cursor-grabbing`:`cursor-default`}`,onMouseDown:x,onMouseMove:S,onMouseUp:C,onMouseLeave:C,children:(0,d.jsx)(`div`,{style:{transform:`translate(${m.x}px, ${m.y}px) scale(${p})`,transformOrigin:`top center`},className:`transition-transform duration-75 ease-out select-none`,children:(0,d.jsxs)(`div`,{ref:y,style:{minHeight:`${Math.max(1123,ye*ve)}px`},className:`w-[794px] bg-white shadow-lg border border-gray-300/80 px-[60px] py-[60px] flex flex-col relative canvas-editor-area`,onDragOver:e=>e.preventDefault(),onDrop:n=>{if(n.preventDefault(),n.stopPropagation(),u)ne(e.length);else{let e=n.dataTransfer.getData(`placeholder`);if(e){n.preventDefault();let a=w(`p`,`{{${e}}}`,f==null?void 0:f.p);t(e=>[...e,a]),r(a.id),i(`styles`)}}},children:[Array.from({length:Math.max(0,ye-1)}).map((e,t)=>{let n=t+2,r=(t+1)*ve,i=M.includes(n);return(0,d.jsx)(`div`,{style:{top:`${r}px`},className:`absolute left-0 right-0 z-30 pointer-events-auto flex items-center justify-center border-b-2 border-dashed border-gray-300 py-1 select-none`,children:(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsxs)(`span`,{style:{color:oe,borderColor:`${oe}60`,backgroundColor:`${oe}15`},className:`border px-2.5 py-0.5 rounded-full shadow-xs flex items-center space-x-1.5 font-mono text-[10px] font-bold`,children:[(0,d.jsxs)(`span`,{children:[`📄 Page `,n,` Break (A4 - `,r,`px)`]}),i&&(0,d.jsx)(`span`,{className:`bg-amber-100 text-amber-800 text-[9px] px-1.5 py-0.5 rounded-md font-semibold`,children:`Empty Page`})]}),i&&(0,d.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),fe(n)},className:`flex items-center space-x-1 bg-red-500 hover:bg-red-600 text-white px-2.5 py-1 rounded-full text-[10px] font-bold shadow-md hover:shadow-lg transition-all duration-150 cursor-pointer active:scale-95 z-40`,title:`Delete empty Page ${n}`,children:[(0,d.jsx)(fx,{className:`h-3 w-3`}),(0,d.jsxs)(`span`,{children:[`Delete Page `,n]})]})]})},t)}),(0,d.jsx)(`div`,{ref:b,className:`flex-1 flex flex-col space-y-1 relative z-10`,children:e.length===0?(0,d.jsxs)(`div`,{className:`flex-1 border-2 border-dashed border-gray-200 rounded-2xl flex flex-col items-center justify-center p-8 text-center text-slate-400`,children:[(0,d.jsx)(rx,{className:`h-10 w-10 mb-3 animate-bounce text-slate-350`}),(0,d.jsx)(`span`,{className:`font-bold text-sm text-slate-600 block`,children:`Drag & Drop Editor Canvas`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-400 mt-1 max-w-sm`,children:`Select elements from sidebar (Text, Layouts, Tables, Images) and drag them here to assemble your template structure.`})]}):Ox(e).map(a=>{var o;let s=a.blocks.length>1,l=a.blocks.some(e=>e.type===`table`),u=a.blocks.some(e=>e.style.pageBreakBefore===`always`||e.style.pageBreakBefore===!0);return(0,d.jsx)(`div`,{style:T({pageBreakInside:l?`auto`:`avoid`,breakInside:l?`auto`:`avoid`},u?{pageBreakBefore:`always`,breakBefore:`page`}:{}),className:`group/row ${a.blocks.some(e=>e.style.position===`absolute`)?``:`relative`} border border-transparent rounded-lg hover:border-slate-200/60 p-1 mb-2 ${s?((o=a.blocks[0])==null||(o=o.style)==null?void 0:o.flexDirection)===`column`?`flex flex-col gap-2`:`flex flex-row gap-4`:``}`,children:a.blocks.map(a=>{var o,l,u,f,p,m,h,g;let _=n===a.id,v=T(T({},a.style),vb(a.style.customCss||``));return(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>{let n=t.target;if(n.isContentEditable||n.closest(`[contenteditable="true"]`)){t.preventDefault();return}let r=e.findIndex(e=>e.id===a.id);pe(t,r)},onDragOver:t=>{t.preventDefault(),c(e.findIndex(e=>e.id===a.id))},onDrop:t=>{let n=e.findIndex(e=>e.id===a.id);me(t,n)},onClick:()=>{r(a.id),i(`styles`)},style:T(T({},v),{},{flex:s?a.style.width&&a.style.width.endsWith(`%`)?`0 0 ${a.style.width}`:`1`:void 0,borderColor:_?oe:void 0,boxShadow:_?`0 0 0 2px ${oe}`:void 0}),className:`relative transition-all rounded-lg ${_?`shadow-md z-20 ring-1`:`hover:border-slate-300`}`,children:[_&&(0,d.jsxs)(`div`,{style:{backgroundColor:oe},className:`absolute -top-7 right-2 text-white rounded-lg px-2 py-0.5 text-xs font-bold flex items-center space-x-1.5 shadow-md z-30 select-none`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-extrabold uppercase tracking-wider border-r border-white/30 pr-1.5`,children:a.type}),a.type===`layout`&&(0,d.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),O&&O(a.id)},className:`hover:text-slate-200 flex items-center gap-1 border-r border-white/30 pr-1.5`,title:`Add Column to Right`,children:[(0,d.jsx)(ex,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{className:`text-[9px]`,children:`Add Col`})]}),(0,d.jsx)(`button`,{onClick:t=>{t.stopPropagation(),j(e.findIndex(e=>e.id===a.id),`up`)},className:`hover:text-slate-200`,title:`Move Up`,children:(0,d.jsx)(Bb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:t=>{t.stopPropagation(),j(e.findIndex(e=>e.id===a.id),`down`)},className:`hover:text-slate-200`,title:`Move Down`,children:(0,d.jsx)(zb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:e=>ee(a.id,e),className:`hover:text-slate-200`,title:`Duplicate`,children:(0,d.jsx)(Kb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:e=>te(a.id,e),className:`text-red-200 hover:text-red-300 ml-1`,title:`Delete`,children:(0,d.jsx)(fx,{className:`h-3 w-3`})})]}),a.type===`layout`?(0,d.jsx)(`div`,{className:`w-full relative`,children:(0,d.jsx)(`div`,{style:{display:`flex`,flexDirection:`row`,gap:((o=a.layoutInfo)==null?void 0:o.gap)||`16px`,width:`100%`,padding:a.style.padding||`4px`},className:`w-full select-none`,children:(l=a.layoutInfo)==null?void 0:l.columns.map((e,t)=>{var o,s,c,l,u,f,p,m;return(0,d.jsxs)(`div`,{onClick:e=>{e.stopPropagation(),r(a.id),e.shiftKey?(ce(e=>{if(e&&e.layoutBlockId===a.id){let n=e.colIndices.includes(t)?e.colIndices.filter(e=>e!==t):[...e.colIndices,t];return n.length>0?{layoutBlockId:a.id,colIndices:n}:null}return{layoutBlockId:a.id,colIndices:[t]}}),i(`styles`)):(ce({layoutBlockId:a.id,colIndices:[t]}),i(`styles`))},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),ue({layoutId:a.id,colIdx:t})},onDragLeave:()=>ue(null),onDrop:e=>{he(e,a.id,t),ue(null)},style:{flex:e.width?`0 0 ${e.width}`:`1 1 0%`,width:e.width||void 0,minWidth:0,borderColor:((o=e.style)==null?void 0:o.borderColor)||`#e2e8f0`,borderStyle:((s=e.style)==null?void 0:s.borderStyle)||`dashed`,borderWidth:((c=e.style)==null?void 0:c.borderWidth)||`1px`,borderRadius:((l=e.style)==null?void 0:l.borderRadius)||`8px`,backgroundColor:((u=e.style)==null?void 0:u.backgroundColor)||`#ffffff`,padding:((f=e.style)==null?void 0:f.padding)||`8px`},className:`relative flex flex-col transition-all group/col ${(se==null?void 0:se.layoutBlockId)===a.id&&se.colIndices.includes(t)?`ring-2 ring-indigo-400 shadow-xs`:`hover:border-slate-400`}`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-1.5 text-[9px] font-bold text-slate-400 border-b border-slate-100 pb-1 select-none`,children:[(0,d.jsxs)(`span`,{className:`flex items-center space-x-1`,children:[(0,d.jsx)(Ub,{className:`h-3 w-3 text-slate-400`}),(0,d.jsxs)(`span`,{children:[`Col `,t+1]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-1 opacity-0 group-hover/col:opacity-100 transition-opacity`,children:[(0,d.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),O&&O(a.id,t)},className:`px-1.5 py-0.5 bg-indigo-50 hover:bg-indigo-100 text-indigo-700 rounded text-[8px] font-bold flex items-center gap-0.5 transition-all`,title:`Add Column to Right`,children:[(0,d.jsx)(ex,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`+ Col`})]}),t<(((p=a.layoutInfo)==null?void 0:p.columns.length)||0)-1&&(0,d.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),A&&A(a.id,t,t+1)},className:`px-1.5 py-0.5 bg-slate-100 hover:bg-indigo-100 text-slate-600 hover:text-indigo-700 rounded text-[8px] font-bold flex items-center gap-1 transition-all`,title:`Merge with next column`,children:[(0,d.jsx)(Qb,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`Merge Next`})]}),(((m=a.layoutInfo)==null?void 0:m.columns.length)||0)>1&&(0,d.jsx)(`button`,{onClick:e=>{e.stopPropagation(),k&&k(a.id,t)},className:`px-1 py-0.5 bg-red-50 hover:bg-red-100 text-red-600 rounded text-[8px] font-bold flex items-center gap-0.5 transition-all`,title:`Delete Column`,children:(0,d.jsx)(fx,{className:`h-2.5 w-2.5`})})]})]}),e.blocks.length===0?(0,d.jsx)(`div`,{className:`flex-1 min-h-[50px] border border-dashed border-slate-200 rounded-lg flex flex-col items-center justify-center p-2 text-center text-slate-400 bg-slate-50/40 hover:bg-indigo-50/30 transition-all`,children:(0,d.jsx)(`span`,{className:`text-[10px] font-medium text-slate-400`,children:`Drag block here`})}):(0,d.jsx)(`div`,{className:`space-y-2 flex-1`,children:e.blocks.map((e,o)=>{var s,c,l,u,f,p,m;let h=n===e.id;return(0,d.jsxs)(`div`,{onClick:t=>{t.stopPropagation(),r(e.id),i(`styles`)},className:`relative p-1 rounded-lg border transition-all ${h?`border-indigo-500 ring-2 ring-indigo-500/10`:`border-transparent hover:border-slate-200`}`,children:[h&&(0,d.jsxs)(`div`,{style:{backgroundColor:oe},className:`absolute -top-3 right-1 text-white rounded px-1.5 py-0.5 text-[9px] font-bold flex items-center space-x-1 shadow-sm z-30 select-none`,children:[(0,d.jsx)(`button`,{onClick:e=>{e.stopPropagation(),_e(a.id,t,o,`up`)},title:`Move Up`,children:(0,d.jsx)(Bb,{className:`h-2.5 w-2.5`})}),(0,d.jsx)(`button`,{onClick:e=>{e.stopPropagation(),_e(a.id,t,o,`down`)},title:`Move Down`,children:(0,d.jsx)(zb,{className:`h-2.5 w-2.5`})}),(0,d.jsx)(`button`,{onClick:t=>{t.stopPropagation(),te(e.id,t)},className:`text-red-300 hover:text-red-400`,title:`Delete item`,children:(0,d.jsx)(fx,{className:`h-2.5 w-2.5`})})]}),e.type===`table`?(0,d.jsx)(`div`,{className:`overflow-x-auto w-full select-none`,children:!((s=e.tableInfo)!=null&&s.columns)||e.tableInfo.columns.filter(e=>e.enabled!==!1).length===0?(0,d.jsxs)(`div`,{className:`p-2 border border-dashed border-slate-300 rounded text-center bg-slate-50/50`,children:[(0,d.jsxs)(`span`,{className:`text-[10px] font-semibold text-slate-600 block`,children:[`Table: `,((c=e.tableInfo)==null?void 0:c.tableName)||`table`]}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Select block to add columns in Styles panel.`})]}):(0,d.jsxs)(`table`,{style:e.style,className:`w-full border-collapse`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:(l=e.tableInfo)==null?void 0:l.columns.filter(e=>e.enabled!==!1).map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-2 py-1 text-slate-700 text-left bg-slate-50 font-sans text-[10px]`,children:e.columnName},t))})}),(0,d.jsx)(`tbody`,{children:(0,d.jsx)(`tr`,{className:`bg-slate-50/10`,children:(u=e.tableInfo)==null?void 0:u.columns.filter(e=>e.enabled!==!1).map((t,n)=>{if(t.loop||Array.isArray(t.columns)){let r=(t.columns||[]).filter(e=>e.enabled!==!1);return(0,d.jsx)(`td`,{className:`border border-slate-200 p-1.5 align-top bg-slate-50/20`,children:(0,d.jsxs)(`div`,{className:`w-full overflow-x-auto space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between text-[9px] font-semibold text-slate-500`,children:[(0,d.jsxs)(`span`,{children:[`Sub-table: `,t.columnName]}),(0,d.jsx)(`span`,{className:`px-1 py-0.5 bg-slate-200 text-slate-600 rounded text-[7px]`,children:`loop = true`})]}),r.length>0?(0,d.jsxs)(`table`,{className:`w-full border-collapse border border-slate-200 rounded text-xs bg-white`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:r.map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-1.5 py-0.5 text-slate-700 text-left bg-slate-100/80 font-sans font-semibold text-[9px]`,children:e.columnName},t))})}),(0,d.jsx)(`tbody`,{children:(0,d.jsx)(`tr`,{className:`bg-slate-50/30`,children:r.map((t,r)=>(0,d.jsx)(Dx,{blockId:e.id,colIdx:n,placeholder:t.placeholder,onUpdate:t=>ie(e.id,n,t,r),onDrop:t=>re(t,e.id,n,r)},r))})})]}):(0,d.jsx)(`div`,{className:`p-1 border border-dashed border-slate-300 rounded text-[9px] text-slate-400 text-center bg-white`,children:`Empty sub-table. Add sub-columns in Styles panel.`})]})},n)}return(0,d.jsx)(Dx,{blockId:e.id,colIdx:n,placeholder:t.placeholder,onUpdate:t=>ie(e.id,n,t),onDrop:t=>re(t,e.id,n)},n)})})})]})}):e.type===`image`?(0,d.jsx)(`div`,{className:`w-full text-center`,children:((f=e.imageInfo)==null?void 0:f.imageType)===`barcode`?(0,d.jsx)(`div`,{dangerouslySetInnerHTML:{__html:yb(((p=e.imageInfo)==null?void 0:p.barcodeValue)||`SHIP-99201`)},className:`mx-auto flex justify-center items-center py-1 select-none`,style:{width:e.style.imageWidth||`100%`,height:e.style.height||`50px`}}):(0,d.jsx)(`img`,{src:((m=e.imageInfo)==null?void 0:m.url)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`,style:{width:e.style.imageWidth||`100%`,maxHeight:e.style.height||`150px`,objectFit:e.style.objectFit||`contain`,display:`block`,margin:`0 auto`},alt:`Column graphic`})}):(0,d.jsx)(Ex,{block:e,onUpdate:n=>ge(a.id,t,e.id,n),onSelect:()=>r(e.id),onDrop:t=>ae(t,e.id)})]},e.id)})})]},e.id||t)})})}):a.type===`table`?(0,d.jsx)(`div`,{className:`overflow-x-auto w-full select-none`,children:!((u=a.tableInfo)!=null&&u.columns)||a.tableInfo.columns.filter(e=>e.enabled!==!1).length===0?(0,d.jsxs)(`div`,{className:`p-3 border border-dashed border-slate-300 rounded-lg text-center bg-slate-50/50`,children:[(0,d.jsxs)(`span`,{className:`text-xs font-semibold text-slate-500 block`,children:[`Table: `,((f=a.tableInfo)==null?void 0:f.tableName)||`custom_table`]}),(0,d.jsx)(`span`,{className:`text-[10px] text-slate-400`,children:`No columns added yet. Click to add columns in Styles panel.`})]}):(0,d.jsxs)(`table`,{style:v,className:`w-full border-collapse`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:(p=a.tableInfo)==null?void 0:p.columns.filter(e=>e.enabled!==!1).map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-2.5 py-1 text-slate-700 text-left bg-slate-50 font-sans`,children:e.columnName||``},t))})}),(0,d.jsx)(`tbody`,{children:((m=a.tableInfo)!=null&&m.mockRows&&a.tableInfo.mockRows.length>0?a.tableInfo.mockRows:[{}]).map((e,t)=>{var n;return(0,d.jsx)(`tr`,{className:`bg-slate-50/10 border-b border-slate-100 hover:bg-slate-50/20`,children:(n=a.tableInfo)==null?void 0:n.columns.filter(e=>e.enabled!==!1).map((t,n)=>{let r=e&&typeof e==`object`&&e[t.columnName]||t.placeholder;if(t.loop||Array.isArray(t.columns)){let e=(t.columns||[]).filter(e=>e.enabled!==!1);return(0,d.jsx)(`td`,{className:`border border-slate-200 p-2 align-top bg-slate-50/30`,children:(0,d.jsxs)(`div`,{className:`w-full overflow-x-auto space-y-1.5`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between text-[10px] font-bold text-slate-600`,children:[(0,d.jsxs)(`span`,{children:[`Sub-table: `,t.columnName]}),(0,d.jsx)(`span`,{className:`px-1.5 py-0.5 bg-slate-200 text-slate-700 rounded text-[8px]`,children:`loop = true`})]}),e.length>0?(0,d.jsxs)(`table`,{className:`w-full border-collapse border border-slate-200 rounded-md text-xs bg-white`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:e.map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-2 py-1 text-slate-700 text-left bg-slate-100/80 font-sans font-semibold text-[10px]`,children:e.columnName},t))})}),(0,d.jsx)(`tbody`,{children:(0,d.jsx)(`tr`,{className:`bg-slate-50/30`,children:e.map((e,t)=>(0,d.jsx)(Dx,{blockId:a.id,colIdx:t,placeholder:e.placeholder,onUpdate:e=>ie(a.id,n,e,t),onDrop:e=>re(e,a.id,n,t)},t))})})]}):(0,d.jsx)(`div`,{className:`p-1.5 border border-dashed border-slate-300 rounded text-[9px] text-slate-400 text-center bg-white`,children:`Empty sub-table. Add sub-columns in Styles panel.`})]})},n)}return(0,d.jsx)(Dx,{blockId:a.id,colIdx:n,placeholder:r,onUpdate:e=>ie(a.id,n,e),onDrop:e=>re(e,a.id,n)},n)})},t)})})]})}):a.type===`image`?(0,d.jsx)(`div`,{style:{textAlign:v.textAlign||`left`,width:`100%`,marginBottom:v.marginBottom,padding:v.padding,backgroundColor:v.backgroundColor},className:`w-full select-none`,children:(0,d.jsx)(`div`,{style:{width:s?`100%`:a.style.width&&a.style.width.endsWith(`%`)?a.style.width:`100%`,display:`inline-block`,textAlign:v.textAlign||`left`},children:((h=a.imageInfo)==null?void 0:h.imageType)===`barcode`?(0,d.jsx)(`div`,{style:{width:a.style.imageWidth||(a.style.width&&a.style.width.endsWith(`px`)?a.style.width:`100%`),height:a.style.height||a.style.minHeight||`70px`,marginLeft:v.textAlign===`center`||v.textAlign===`right`?`auto`:`0`,marginRight:v.textAlign===`center`?`auto`:v.textAlign===`right`?`0`:`auto`},className:`border border-dashed border-slate-200 p-2 bg-slate-50/5 rounded-lg flex items-center justify-center overflow-hidden`,dangerouslySetInnerHTML:{__html:yb(a.imageInfo.barcodeValue||`SHIP-99201`)}}):(0,d.jsx)(`img`,{src:((g=a.imageInfo)==null?void 0:g.url)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`,style:{width:a.style.imageWidth||(a.style.width&&a.style.width.endsWith(`px`)?a.style.width:`100%`),height:`auto`,maxHeight:a.style.height||`300px`,objectFit:a.style.objectFit||`contain`,opacity:a.style.opacity||`1`,borderWidth:a.style.borderWidth,borderStyle:a.style.borderStyle,borderColor:a.style.borderColor,borderRadius:a.style.borderRadius,display:`block`,marginLeft:v.textAlign===`center`||v.textAlign===`right`?`auto`:`0`,marginRight:v.textAlign===`center`?`auto`:v.textAlign===`right`?`0`:`auto`},alt:`Uploaded content graphic`})})}):(0,d.jsx)(Ex,{block:a,onUpdate:e=>{t(t=>t.map(t=>t.id===a.id?T(T({},t),{},{content:e}):t))},onSelect:()=>r(a.id),onDrop:e=>ae(e,a.id)})]},a.id)})},a.id)})}),s!==null&&(0,d.jsx)(`div`,{style:{backgroundColor:oe},className:`h-[2px] rounded my-1 shadow-md animate-pulse`})]})})})}function Ax({showImportHtml:e=!0,showImportPdf:t=!0,showPreview:n=!0,showExport:r=!0,showExportPdf:i=!0,showClearCanvas:a,customButtonStyles:o,customButtonClassNames:s,customActionComponents:c,handleHtmlImport:u,handlePdfImport:f,setPreviewOpen:p,handleExport:m,handleExportPdf:h,handleClearCanvas:g,zoom:_,setZoom:v,setPanOffset:y,themeColor:b=`#ea580c`}){let x=(0,l.useRef)(null),S=(0,l.useRef)(null);return(0,d.jsxs)(`div`,{className:`bg-white border-b border-gray-200 px-4 py-2 flex flex-wrap items-center justify-between shadow-xs sticky top-0 z-20 gap-2`,children:[(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[e&&(0,d.jsxs)(d.Fragment,{children:[c!=null&&c.importHtml?c.importHtml({onClick:()=>{var e;return(e=x.current)==null?void 0:e.click()}}):(0,d.jsxs)(`button`,{onClick:()=>{var e;return(e=x.current)==null?void 0:e.click()},style:o==null?void 0:o.importHtml,className:(s==null?void 0:s.importHtml)||`inline-flex items-center space-x-1 px-2.5 py-1 border border-gray-200 rounded-lg text-xs font-semibold bg-white hover:bg-slate-50 text-slate-700 transition-colors shadow-2xs cursor-pointer`,title:`Import local HTML file`,children:[(0,d.jsx)(mx,{className:`h-3.5 w-3.5 text-slate-500`}),(0,d.jsx)(`span`,{children:`Import HTML`})]}),(0,d.jsx)(`input`,{type:`file`,ref:x,onChange:u,accept:`.html`,className:`hidden`})]}),t&&(0,d.jsxs)(d.Fragment,{children:[c!=null&&c.importPdf?c.importPdf({onClick:()=>{var e;return(e=S.current)==null?void 0:e.click()}}):(0,d.jsxs)(`button`,{onClick:()=>{var e;return(e=S.current)==null?void 0:e.click()},style:o==null?void 0:o.importPdf,className:(s==null?void 0:s.importPdf)||`inline-flex items-center space-x-1 px-2.5 py-1 border border-gray-200 rounded-lg text-xs font-semibold bg-white hover:bg-slate-50 text-slate-700 transition-colors shadow-2xs cursor-pointer`,title:`Import PDF layout structure`,children:[(0,d.jsx)(Yb,{className:`h-3.5 w-3.5 text-slate-500`}),(0,d.jsx)(`span`,{children:`Import PDF`})]}),(0,d.jsx)(`input`,{type:`file`,ref:S,onChange:f,accept:`.pdf`,className:`hidden`})]}),n&&(c!=null&&c.preview?c.preview({onClick:()=>p(!0)}):(0,d.jsxs)(`button`,{onClick:()=>p(!0),style:o==null?void 0:o.preview,className:(s==null?void 0:s.preview)||`inline-flex items-center space-x-1 px-2.5 py-1 border border-slate-200 rounded-lg text-xs font-semibold bg-slate-50 text-slate-700 hover:bg-slate-100 transition-colors shadow-2xs cursor-pointer`,children:[(0,d.jsx)(Jb,{className:`h-3.5 w-3.5 text-slate-500`}),(0,d.jsx)(`span`,{children:`Live Preview`})]})),i&&(c!=null&&c.exportPdf?c.exportPdf({onClick:h}):(0,d.jsxs)(`button`,{onClick:h,style:o==null?void 0:o.exportPdf,className:(s==null?void 0:s.exportPdf)||`inline-flex items-center space-x-1 px-2.5 py-1 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-xs font-semibold transition-colors shadow-2xs shadow-indigo-600/10 cursor-pointer`,children:[(0,d.jsx)(tx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Download PDF`})]})),r&&(c!=null&&c.export?c.export({onClick:m}):(0,d.jsxs)(`button`,{onClick:m,style:T({backgroundColor:b},o==null?void 0:o.export),className:(s==null?void 0:s.export)||`inline-flex items-center space-x-1 px-2.5 py-1 text-white rounded-lg text-xs font-semibold transition-colors shadow-2xs cursor-pointer`,children:[(0,d.jsx)(qb,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Export Template`})]})),a&&(0,d.jsxs)(`button`,{onClick:g,style:o==null?void 0:o.clearCanvas,className:(s==null?void 0:s.clearCanvas)||`inline-flex items-center space-x-1 px-2.5 py-1 text-xs font-semibold border border-red-200 text-red-650 bg-red-50 hover:bg-red-100 rounded-lg transition-colors cursor-pointer`,title:`Clear all canvas elements`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Clear Canvas`})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 bg-slate-50 border border-gray-200 px-2.5 py-0.5 rounded-xl shadow-xs select-none shrink-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-1`,children:[(0,d.jsx)(`button`,{onClick:()=>v(e=>Math.max(e-.1,.5)),className:`h-5 w-5 rounded border border-gray-200 bg-white hover:bg-slate-50 flex items-center justify-center font-bold text-slate-650 hover:text-slate-900 transition-colors text-[10px] select-none cursor-pointer`,title:`Zoom Out`,children:`−`}),(0,d.jsxs)(`div`,{className:`w-10 text-center text-[11px] font-bold text-slate-700`,children:[Math.round(_*100),`%`]}),(0,d.jsx)(`button`,{onClick:()=>v(e=>Math.min(e+.1,2)),className:`h-5 w-5 rounded border border-gray-200 bg-white hover:bg-slate-50 flex items-center justify-center font-bold text-slate-650 hover:text-slate-900 transition-colors text-[10px] select-none cursor-pointer`,title:`Zoom In`,children:`+`})]}),(0,d.jsx)(`div`,{className:`h-3.5 w-[1px] bg-gray-200`}),(0,d.jsx)(`input`,{type:`range`,min:`0.5`,max:`2.0`,step:`0.05`,value:_,onChange:e=>v(parseFloat(e.target.value)),style:{accentColor:b},className:`w-16 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsx)(`button`,{onClick:()=>{v(1),y({x:0,y:0})},className:`text-[9px] font-bold text-slate-500 hover:text-slate-800 hover:underline cursor-pointer`,children:`Reset`})]})]})}function jx({previewOpen:e,setPreviewOpen:t,generateExportHtml:n}){return e?(0,d.jsx)(`div`,{className:`fixed inset-0 bg-slate-950/65 backdrop-blur-xs flex items-center justify-center z-50 p-6`,children:(0,d.jsxs)(`div`,{className:`bg-white rounded-2xl w-full max-w-[900px] h-[90%] flex flex-col shadow-2xl overflow-hidden border border-gray-200`,children:[(0,d.jsxs)(`div`,{className:`bg-slate-50 border-b border-gray-200 px-6 py-4 flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`h3`,{className:`text-sm font-bold text-slate-800 flex items-center space-x-2`,children:[(0,d.jsx)(Jb,{className:`h-4 w-4 text-slate-655`}),(0,d.jsx)(`span`,{children:`HTML Document Render Output`})]}),(0,d.jsx)(`p`,{className:`text-[10px] text-slate-400 mt-0.5`,children:`Sandboxed iframe preview of final template markup`})]}),(0,d.jsx)(`button`,{onClick:()=>t(!1),className:`p-1.5 bg-slate-100 hover:bg-slate-200 text-slate-500 hover:text-slate-800 rounded-lg transition-colors`,children:(0,d.jsx)(hx,{className:`h-4 w-4`})})]}),(0,d.jsx)(`div`,{className:`flex-1 bg-slate-100 p-6 overflow-hidden`,children:(0,d.jsx)(`iframe`,{title:`HTML Preview Sandbox`,srcDoc:n(!0),className:`w-full h-full bg-white border border-gray-200 rounded-xl shadow-xs`,sandbox:`allow-same-origin`})}),(0,d.jsxs)(`details`,{className:`bg-slate-50 border-t border-gray-200`,children:[(0,d.jsxs)(`summary`,{className:`px-6 py-3 text-xs font-bold text-slate-600 cursor-pointer select-none hover:text-slate-800 flex items-center justify-between`,children:[(0,d.jsx)(`span`,{children:`View Raw Output Markup (HTML)`}),(0,d.jsx)(`span`,{className:`text-[10px] text-slate-400 font-medium font-sans`,children:`Click to expand`})]}),(0,d.jsx)(`div`,{className:`px-6 pb-6 overflow-x-auto max-h-[250px]`,children:(0,d.jsx)(`pre`,{className:`bg-slate-900 text-slate-200 p-4 rounded-lg text-[10px] font-mono whitespace-pre-wrap select-all`,children:n(!1)})})]})]})}):null}function Mx({bubbleCoords:e,applySelectionFormat:t}){return e?(0,d.jsxs)(`div`,{className:`fixed bg-slate-900 border border-slate-800 text-white rounded-xl shadow-xl py-1 px-1.5 flex items-center space-x-1.5 z-50 select-none -translate-x-1/2`,style:{left:`${e.x}px`,top:`${e.y}px`},children:[(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`bold`)},className:`h-6 w-6 rounded hover:bg-slate-800 flex items-center justify-center font-bold text-xs text-slate-200 hover:text-white transition-colors`,title:`Bold Selection`,children:`B`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`italic`)},className:`h-6 w-6 rounded hover:bg-slate-800 flex items-center justify-center italic text-xs text-slate-200 hover:text-white transition-colors`,title:`Italic Selection`,children:`I`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`underline`)},className:`h-6 w-6 rounded hover:bg-slate-800 flex items-center justify-center underline text-xs text-slate-200 hover:text-white transition-colors`,title:`Underline Selection`,children:`U`}),(0,d.jsx)(`div`,{className:`h-4 w-[1px] bg-slate-800 mx-1`}),(0,d.jsxs)(`select`,{value:e.format||``,onChange:e=>{e.preventDefault(),e.target.value&&(t(`formatBlock`,e.target.value),e.target.value===`P`&&t(`fontSize`,`3`))},className:`bg-slate-800 text-white text-[10px] rounded px-1 py-0.5 outline-none cursor-pointer border border-slate-700`,children:[(0,d.jsx)(`option`,{value:``,disabled:!0,children:`Format...`}),(0,d.jsx)(`option`,{value:`H1`,children:`Heading 1`}),(0,d.jsx)(`option`,{value:`H2`,children:`Heading 2`}),(0,d.jsx)(`option`,{value:`H3`,children:`Heading 3`}),(0,d.jsx)(`option`,{value:`P`,children:`Paragraph`}),(0,d.jsx)(`option`,{value:`BLOCKQUOTE`,children:`Quote`})]}),(0,d.jsx)(`div`,{className:`h-4 w-[1px] bg-slate-800 mx-1`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#3b82f6`)},className:`h-4 w-4 rounded-full bg-blue-500 hover:scale-110 transition-transform cursor-pointer`,title:`Color Blue`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#ef4444`)},className:`h-4 w-4 rounded-full bg-red-500 hover:scale-110 transition-transform cursor-pointer`,title:`Color Red`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#1e293b`)},className:`h-4 w-4 rounded-full bg-slate-700 hover:scale-110 transition-transform cursor-pointer border border-slate-850`,title:`Color Slate`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#22c55e`)},className:`h-4 w-4 rounded-full bg-green-500 hover:scale-110 transition-transform cursor-pointer`,title:`Color Green`}),(0,d.jsx)(`div`,{className:`h-4 w-[1px] bg-slate-800`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`removeFormat`)},className:`hover:bg-slate-800 rounded text-[10px] px-1.5 h-6 flex items-center justify-center text-slate-400 hover:text-white font-semibold transition-colors`,title:`Clear Formatting`,children:`Clear`})]}):null}Bu.workerSrc=`https://cdn.jsdelivr.net/npm/pdfjs-dist@6.1.200/build/pdf.worker.min.mjs`;var Nx=e=>{let t=[];return e.forEach(e=>{e.style.sameRow&&t.length>0?t[t.length-1].blocks.push(e):t.push({id:e.id,blocks:[e]})}),t},Px=e=>e?e.replace(/contenteditable="[^"]*"/g,``).replace(/class="[^"]*"/g,``).replace(/data-placeholder="[^"]*"/g,``).replace(/ /g,` `).trim():``;function Fx({tableSchemas:e,placeholders:t,defaultLogo:n,defaultBanner:r,headerTitle:i=`HTML Template Builder`,headerSubtitle:a=`Design and export templates dynamically`,headerLogo:o,typographySizes:s,typographyWeights:c,typographyFonts:u,templatingLanguage:f=`csharp`,loopSyntax:p=`foreach`,onChange:m,onExport:h,onExportPdf:g,getHTMLOutput:_,initialBlocks:y,defaultStyles:b,showImportHtml:x=!0,showImportPdf:S=!0,showClearCanvas:C=!0,showPreview:w=!0,showExport:E=!0,showExportPdf:D=!0,showHeader:O=!0,sidebarPosition:A=`left`,themeColor:ee,primaryColor:j,isTablesLoading:te,tablesLoading:ne,isPlaceholdersLoading:re,placeholdersLoading:ie,customButtonStyles:ae,customButtonClassNames:oe,customActionComponents:se}={}){let ce=ee||j||`#ea580c`,{zoom:le,setZoom:ue,panOffset:M,setPanOffset:de,spacePressed:fe,canvasHeight:pe,setCanvasHeight:me,viewportRef:he,canvasContainerRef:ge,contentRef:_e,handleMouseDown:ve,handleMouseMove:ye,handleMouseUp:be}=wb(),{customTableName:xe,setCustomTableName:Se,customLoopStart:Ce,setCustomLoopStart:we,customLoopEnd:Te,setCustomLoopEnd:N,newColName:P,setNewColName:Ee,newColPlaceholder:De,setNewColPlaceholder:Oe,bubbleCoords:ke,setBubbleCoords:Ae,schemas:je,isParsing:Me,setIsParsing:Ne,parseStatusText:Pe,setParseStatusText:Fe,parseError:Ie,setParseError:Le,draggedSidebarItem:Re,setDraggedSidebarItem:F,dragOverIndex:I,setDragOverIndex:ze,newImgTypeName:Be,setNewImgTypeName:Ve,customImageTypes:He,searchPlaceholder:Ue,setSearchPlaceholder:L,handleAddCustomTable:We,handleAddCustomImageType:Ge,toggleSchemaColumn:Ke,applySelectionFormat:qe,setSavedRange:Je}=Tb({tableSchemas:e}),{blocks:Ye,setBlocks:Xe,selectedBlockId:Ze,setSelectedBlockId:Qe,getSelectedBlock:R,createTextBlock:z,createTableBlock:$e,createImageBlock:et,createLayoutBlock:tt,addColumnToLayout:nt,deleteColumnFromLayout:rt,mergeColumns:it,updateColumnStyle:at,updateColumnWidth:ot,handleDeleteBlock:st,handleDuplicateBlock:ct,handleMoveBlockUp:lt,handleMoveBlockDown:ut,updateSelectedStyle:dt,updateSelectedImageInfo:ft,handleRemoveTableColumn:pt,handleAddTableColumn:mt,handleUpdateTableColumn:ht,handleReorderTableColumn:gt,handleAddTableRow:_t,handleRemoveTableRow:vt}=Cb({initialBlocks:y,defaultStyles:b,defaultLogo:n,defaultBanner:r,onChange:m}),[yt,bt]=(0,l.useState)(`text`),[xt,St]=(0,l.useState)(!1),[Ct]=(0,l.useState)(!0),[wt]=(0,l.useState)(s||[{label:`8px`,value:`8px`},{label:`9px`,value:`9px`},{label:`10px`,value:`10px`},{label:`11px`,value:`11px`},{label:`12px`,value:`12px`},{label:`14px`,value:`14px`},{label:`16px`,value:`16px`},{label:`18px`,value:`18px`},{label:`20px`,value:`20px`},{label:`24px`,value:`24px`},{label:`28px`,value:`28px`},{label:`32px`,value:`32px`},{label:`36px`,value:`36px`}]),[Tt]=(0,l.useState)(u||[{label:`Outfit (Default)`,value:`'Outfit', 'Inter', sans-serif`},{label:`Inter`,value:`'Inter', sans-serif`},{label:`Roboto`,value:`'Roboto', sans-serif`},{label:`System Sans`,value:`system-ui, -apple-system, sans-serif`},{label:`Georgia (Serif)`,value:`Georgia, serif`},{label:`Courier New (Mono)`,value:`'Courier New', monospace`}]),[Et]=(0,l.useState)(c||[{label:`Light`,value:`300`},{label:`Regular`,value:`400`},{label:`Medium`,value:`500`},{label:`Semibold`,value:`600`},{label:`Bold`,value:`700`},{label:`Extra Bold`,value:`800`}]),[Dt]=(0,l.useState)(f),[Ot]=(0,l.useState)(p),[kt]=(0,l.useState)(!0),At={};(0,l.useEffect)(()=>{let e=()=>{let e=window.getSelection();if(!e||e.isCollapsed||e.toString().trim()===``){Ae(null),Je(null);return}let t=document.activeElement;if(!(t&&t.getAttribute(`contenteditable`)===`true`&&(t.closest(`.canvas-editor-area`)||t.closest(`td`)))){Ae(null),Je(null);return}try{let t=e.getRangeAt(0),n=t.getBoundingClientRect(),r=document.queryCommandValue(`formatBlock`)||``;r=r.toUpperCase(),Ae({x:n.left+n.width/2,y:n.top-38,format:r}),Je(t)}catch(e){Ae(null),Je(null)}};return document.addEventListener(`selectionchange`,e),()=>document.removeEventListener(`selectionchange`,e)},[Ae,Je]),(0,l.useEffect)(()=>{let e=he.current;if(!e)return;let t=e=>{if(e.ctrlKey){e.preventDefault();let t=e.deltaY<0?1:-1;ue(e=>Math.min(2,Math.max(.5,e+t*.05)))}};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[he,ue]),(0,l.useEffect)(()=>{window.updateContentFromRawDelete=(e,t)=>{Xe(n=>n.map(n=>n.id===e?T(T({},n),{},{content:t}):n))}},[Xe]);let jt=e=>{var t;let n=(t=e.target.files)==null?void 0:t[0];if(!n)return;Ne(!0),Fe(`Parsing HTML...`),Le(null);let r=new FileReader;r.onload=t=>{try{var n;let e=xb((n=t.target)==null?void 0:n.result);e.length>0&&Xe(e)}catch(e){console.error(e),Le(e.message||`Failed to parse HTML`)}finally{Ne(!1),e.target&&(e.target.value=``)}},r.readAsText(n)},B=e=>{var t;let n=(t=e.target.files)==null?void 0:t[0];if(!n)return;Ne(!0),Fe(`Reading PDF text layers...`),Le(null);let r=new FileReader;r.onload=v(function*(){try{let e=r.result,t=yield Sb(e,k);t.length>0&&Xe(e=>[...e,...t])}catch(e){console.error(e),Le(e.message||`Failed to read PDF`)}finally{Ne(!1),e.target&&(e.target.value=``)}}),r.readAsArrayBuffer(n)},Mt=e=>{let t=e||`items`;if(Dt===`handlebars`||Dt===`mustache`){let e=Ot===`foreach`?`foreach`:`each`;return{start:`{{#${e} ${t}}}`,end:`{{/${e}}}`}}return Dt===`liquid`||Dt===`scriban`||Dt===`dotnet`?{start:`{% for ${t.endsWith(`s`)?t.slice(0,-1):`item`} in ${t} %}`,end:`{% endfor %}`}:Dt===`js`||Dt===`ts`?{start:`\${${t}.map(${t.endsWith(`s`)?t.slice(0,-1):`item`} => \``,end:"`).join('')}"}:Dt===`csharp`||Dt===`razor`?{start:`@foreach (var ${t.endsWith(`s`)?t.slice(0,-1):`item`} in ${t}) {`,end:`}`}:{start:Ce.replace(`items`,t),end:Te}},Nt=(e=!1)=>{let t=`<!DOCTYPE html>
|
|
58
|
+
</svg>`},bb=(e,t)=>{let n=`11px`,r=`400`;return e===`h1`?(n=`24px`,r=`700`):e===`h2`?(n=`20px`,r=`700`):e===`h3`?(n=`16px`,r=`600`):e===`h4`?(n=`14px`,r=`600`):e===`h5`?(n=`12px`,r=`600`):e===`h6`?(n=`10px`,r=`600`):e===`title`?(n=`28px`,r=`800`):e===`subtitle`?(n=`14px`,r=`300`):e===`caption`&&(n=`9px`,r=`400`),{id:`block-${Math.random().toString(36).substr(2,9)}`,type:e,content:t,style:{fontSize:n,fontWeight:r,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`left`,bold:[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`title`].includes(e),italic:!1,underline:!1,strikethrough:!1,width:`100%`,marginBottom:`8px`,padding:`8px`,minHeight:`auto`}}},xb=e=>{let t=new DOMParser().parseFromString(e,`text/html`),n=[],r=Array.from(t.body.children),i=t.querySelector(`.paper-sheet`);if(i&&i.children.length>0&&(r=Array.from(i.children)),r.length===0){let e=t.body.innerText||t.body.textContent||``;e.trim()&&n.push(bb(`p`,e.trim()))}else{let e=t.querySelectorAll(`style`),i=[];e.forEach(e=>{let t=e.textContent||``,n=/([^{]+)\{([^}]+)\}/g,r;for(;(r=n.exec(t))!==null;){let e=r[1].trim(),t=r[2].trim(),n={};t.split(`;`).forEach(e=>{let t=e.split(`:`);t.length===2&&(n[t[0].trim().toLowerCase()]=t[1].trim())}),i.push({selector:e,styles:n})}});let a=e=>{let t={fontSize:`11px`,fontWeight:`400`,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`left`,bold:!1,italic:!1,underline:!1,strikethrough:!1,width:`100%`,marginBottom:`8px`,padding:`8px`},n=e.style;return n.fontSize&&(t.fontSize=n.fontSize),n.fontWeight&&(t.fontWeight=n.fontWeight),n.color&&(t.color=n.color),n.backgroundColor&&(t.backgroundColor=n.backgroundColor),n.textAlign&&(t.textAlign=n.textAlign),n.padding&&(t.padding=n.padding),n.marginBottom&&(t.marginBottom=n.marginBottom),n.width&&(t.width=n.width),i.forEach(n=>{try{e.matches(n.selector)&&(n.styles[`font-size`]&&(t.fontSize=n.styles[`font-size`]),n.styles[`font-weight`]&&(t.fontWeight=n.styles[`font-weight`]),n.styles.color&&(t.color=n.styles.color),n.styles[`background-color`]&&(t.backgroundColor=n.styles[`background-color`]),n.styles[`text-align`]&&(t.textAlign=n.styles[`text-align`]),n.styles.padding&&(t.padding=n.styles.padding),n.styles[`margin-bottom`]&&(t.marginBottom=n.styles[`margin-bottom`]),n.styles.width&&(t.width=n.styles.width))}catch(e){}}),(t.fontWeight===`bold`||parseInt(t.fontWeight)>=600)&&(t.bold=!0),t};r.forEach(e=>{let t=e;if(t.tagName===`STYLE`)return;let r=Array.from(t.querySelectorAll(`.layout-column`));if(t.classList.contains(`layout-container`)||t.getAttribute(`data-block-type`)===`layout`||r.length>0){let e=r.length>0?r:Array.from(t.children),i=e.map(t=>{let n=t.style,r={};n.borderColor&&(r.borderColor=n.borderColor),n.borderStyle&&(r.borderStyle=n.borderStyle),n.borderWidth&&(r.borderWidth=n.borderWidth),n.borderRadius&&(r.borderRadius=n.borderRadius),n.backgroundColor&&(r.backgroundColor=n.backgroundColor),n.padding&&(r.padding=n.padding);let i=Array.from(t.querySelectorAll(`table, img, h1, h2, h3, h4, h5, h6, p, span`)),o=[];i.length>0&&i.forEach(e=>{let t=e.tagName.toLowerCase(),n=a(e);if(t===`table`){let t=Array.from(e.querySelectorAll(`thead th`));t.length===0&&(t=Array.from(e.querySelectorAll(`tr:first-child th, tr:first-child td`))),o.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`table`,content:``,style:n,tableInfo:{tableName:`imported_table`,columns:t.map(e=>{var t,n;return{columnName:((t=e.textContent)==null?void 0:t.trim())||`Header`,placeholder:`{{item.${((n=e.textContent)==null?void 0:n.trim().toLowerCase().replace(/\s+/g,`_`))||`field`}}}`,enabled:!0}}),loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1}})}else if(t===`img`)o.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`image`,content:``,style:n,imageInfo:{imageType:`logo`,url:e.getAttribute(`src`)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}});else{let r=`p`;[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].includes(t)&&(r=t),o.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:r,content:e.innerHTML||e.textContent||``,style:n})}});let s=n.width,c=n.flex,l=s||``;if(!l||l===`0%`||l===`0px`)if(c&&c.includes(`%`)){let e=c.match(/(\d+(\.\d+)?)%/);l=e&&e[1]!==`0`?`${e[1]}%`:``}else l=``;return!l&&e.length>0&&(l=`${Math.floor(100/e.length)}%`),{id:`col-${Math.random().toString(36).substr(2,9)}`,width:l,style:r,blocks:o}});n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`layout`,content:``,style:a(t),layoutInfo:{columnsCount:i.length||2,columns:i.length>0?i:[{id:`col-${Math.random().toString(36).substr(2,9)}`,blocks:[]},{id:`col-${Math.random().toString(36).substr(2,9)}`,blocks:[]}],gap:t.style.gap||`16px`}});return}let i=t.querySelector(`table, img, h1, h2, h3, h4, h5, h6, p, span, div`)||t,o=i.tagName.toLowerCase(),s=a(i);if(o===`table`){let e=Array.from(i.querySelectorAll(`thead th`));e.length===0&&(e=Array.from(i.querySelectorAll(`tr:first-child th, tr:first-child td`)));let t=e.map(e=>{var t,n;return{columnName:((t=e.textContent)==null?void 0:t.trim())||`Header`,placeholder:`{{item.${((n=e.textContent)==null?void 0:n.trim().toLowerCase().replace(/\s+/g,`_`))||`field`}}}`,enabled:!0}});n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`table`,content:``,style:s,tableInfo:{tableName:`imported_table`,columns:t,loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1}})}else if(o===`img`)n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`image`,content:``,style:s,imageInfo:{imageType:`logo`,url:i.getAttribute(`src`)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}});else if(o===`svg`)n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:`image`,content:``,style:s,imageInfo:{imageType:`barcode`,barcodeValue:`SHIP-99201`,barcodePlaceholder:`{{barcode}}`}});else{let e=`p`;[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].includes(o)?e=o:o===`span`&&(e=`caption`),n.push({id:`block-${Math.random().toString(36).substr(2,9)}`,type:e,content:i.innerHTML||i.textContent||``,style:s})}})}return n},Sb=function(){var e=v(function*(e,t){let n=yield t.getDocument({data:new Uint8Array(e)}).promise,r=[],i=Math.min(n.numPages,3);for(let e=1;e<=i;e++){let t=(yield(yield n.getPage(e)).getTextContent()).items.map(e=>({text:e.str,x:e.transform[4],y:e.transform[5],fontSize:e.transform[3]})).filter(e=>e.text.trim()!==``);if(t.length===0)continue;t.sort((e,t)=>Math.abs(e.y-t.y)<6?e.x-t.x:t.y-e.y);let i=[],a=[];if(t.forEach(e=>{if(a.length===0)a.push(e);else{let t=a[a.length-1];if(Math.abs(e.y-t.y)<6)a.push(e);else{let t=a.map(e=>e.text).join(` `),n=a.reduce((e,t)=>e+t.y,0)/a.length,r=Math.max(...a.map(e=>e.fontSize));i.push({y:n,fontSize:r,text:t}),a=[e]}}}),a.length>0){let e=a.map(e=>e.text).join(` `),t=a.reduce((e,t)=>e+t.y,0)/a.length,n=Math.max(...a.map(e=>e.fontSize));i.push({y:t,fontSize:n,text:e})}i.forEach(e=>{let t=`p`,n=e.fontSize>16;n?t=e.fontSize>26?`h1`:e.fontSize>20?`h2`:`h3`:e.fontSize<10&&(t=`caption`);let i=Math.round(e.fontSize*1.15)+`px`;r.push({id:`pdf-block-${Math.random().toString(36).substr(2,9)}`,type:t,content:e.text,style:{fontSize:i,fontWeight:n?`700`:`400`,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`left`,bold:n,italic:!1,underline:!1,strikethrough:!1}})})}return r});return function(t,n){return e.apply(this,arguments)}}();function Cb({initialBlocks:e,defaultStyles:t,defaultLogo:n,defaultBanner:r,onChange:i}={}){let[a,o]=(0,l.useState)(e||[]),[s,c]=(0,l.useState)(null);(0,l.useEffect)(()=>{i&&i(a)},[a,i]);let u=()=>{if(!s)return null;let e=t=>{for(let n of t){if(n.id===s)return n;if(n.type===`layout`&&n.layoutInfo)for(let t of n.layoutInfo.columns){let n=e(t.blocks);if(n)return n}}return null};return e(a)},d=(e,t,n)=>{let r={};return e===`title`?r={fontSize:`24px`,fontWeight:`800`}:e===`subtitle`?r={fontSize:`14px`,fontWeight:`700`,color:`#64748b`}:e===`h1`?r={fontSize:`20px`,fontWeight:`800`}:e===`h2`?r={fontSize:`18px`,fontWeight:`700`}:e===`h3`?r={fontSize:`16px`,fontWeight:`600`}:e===`caption`&&(r={fontSize:`10px`,color:`#94a3b8`}),{id:Math.random().toString(36).substring(2,11),type:e,content:t,style:T(T({fontSize:`12px`,fontWeight:`normal`,textAlign:`left`,color:`#1e293b`,backgroundColor:`transparent`,marginBottom:`0px`,padding:`0px`,bold:!1,italic:!1,underline:!1,strikethrough:!1},r),n)}},f=e=>T(T({},e),{},{columns:e.columns?e.columns.map(f):void 0}),p=e=>({id:Math.random().toString(36).substring(2,11),type:`table`,content:``,style:T({fontSize:`11px`,fontWeight:`normal`,textAlign:`left`,color:`#334155`,backgroundColor:`transparent`,marginBottom:`0px`,padding:`0px`,bold:!1,italic:!1,underline:!1,strikethrough:!1},(t==null?void 0:t.table)||{}),tableInfo:T(T({},e),{},{columns:e.columns.map(f),mockRows:[]})}),m=e=>{let i=`100%`,a=`120px`;return e===`logo`?(i=`120px`,a=`60px`):e===`banner`?(i=`100%`,a=`150px`):e===`barcode`?(i=`200px`,a=`80px`):e===`watermark`&&(i=`300px`,a=`300px`),{id:Math.random().toString(36).substring(2,11),type:`image`,content:``,style:T(T({fontSize:`12px`,fontWeight:`normal`,color:`#000055`,backgroundColor:`transparent`,textAlign:`center`,marginBottom:`0px`,padding:`0px`,width:`100%`,imageWidth:i,height:a,minHeight:a,bold:!1,italic:!1,underline:!1,strikethrough:!1},(t==null?void 0:t.image)||{}),e===`watermark`?{opacity:`0.2`,position:`absolute`,top:`0`,left:`0`,zIndex:10,height:`100%`}:{}),imageInfo:{imageType:e,url:e===`logo`?n||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`:e===`banner`?r||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`:mb,barcodeValue:e===`barcode`?`SHIP-99201`:void 0,barcodePlaceholder:e===`barcode`?`{{barcode}}`:void 0}}},h=(e=2)=>{let n=Math.max(1,Math.min(4,e)),r=Array.from({length:n}).map(()=>({id:Math.random().toString(36).substring(2,11),blocks:[]}));return{id:Math.random().toString(36).substring(2,11),type:`layout`,content:``,style:T({fontSize:`12px`,fontWeight:`normal`,color:`#1e293b`,backgroundColor:`transparent`,marginBottom:`12px`,padding:`8px`,bold:!1,italic:!1,underline:!1,strikethrough:!1,gap:`16px`},(t==null?void 0:t.layout)||{}),layoutInfo:{columnsCount:n,columns:r,gap:`16px`}}},g=e=>{let t=n=>n.filter(t=>t.id!==e).map(e=>e.type===`layout`&&e.layoutInfo?T(T({},e),{},{layoutInfo:T(T({},e.layoutInfo),{},{columns:e.layoutInfo.columns.map(e=>T(T({},e),{},{blocks:t(e.blocks)}))})}):e);o(e=>t(e)),s===e&&c(null)},_=e=>{let t=a.find(t=>t.id===e);if(!t)return;let n=T(T({},t),{},{id:Math.random().toString(36).substring(2,11),style:T({},t.style),tableInfo:t.tableInfo?T(T({},t.tableInfo),{},{columns:t.tableInfo.columns.map(f),mockRows:t.tableInfo.mockRows?[...t.tableInfo.mockRows]:void 0}):void 0,imageInfo:t.imageInfo?T({},t.imageInfo):void 0,layoutInfo:t.layoutInfo?T(T({},t.layoutInfo),{},{columns:t.layoutInfo.columns.map(e=>T(T({},e),{},{id:Math.random().toString(36).substring(2,11),blocks:[...e.blocks]}))}):void 0}),r=a.findIndex(t=>t.id===e);o(e=>{let t=[...e];return t.splice(r+1,0,n),t}),c(n.id)},v=e=>{e!==0&&o(t=>{let n=[...t],r=n[e];return n[e]=n[e-1],n[e-1]=r,n})},y=e=>{e!==a.length-1&&o(t=>{let n=[...t],r=n[e];return n[e]=n[e+1],n[e+1]=r,n})},b=(e,t)=>{if(!s)return;let n=r=>r.map(r=>r.id===s?T(T({},r),{},{style:T(T({},r.style),{},{[e]:t})}):r.type===`layout`&&r.layoutInfo?T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columns:r.layoutInfo.columns.map(e=>T(T({},e),{},{blocks:n(e.blocks)}))})}):r);o(e=>n(e))},x=(e,t,n)=>{o(r=>r.map(r=>{if(r.id===e&&r.type===`layout`&&r.layoutInfo){let e=[...r.layoutInfo.columns],i=Math.min(t,n),a=Math.max(t,n);if(i<0||a>=e.length)return r;let o=[...e[i].blocks,...e[a].blocks],s=T(T({},e[i]),{},{blocks:o});return e.splice(a,1),e[i]=s,T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columnsCount:e.length,columns:e})})}return r}))},S=(e,t,n)=>{o(r=>r.map(r=>{if(r.id===e&&r.type===`layout`&&r.layoutInfo){let e=r.layoutInfo.columns.map((e,r)=>r===t?T(T({},e),{},{style:T(T({},e.style),n)}):e);return T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columns:e})})}return r}))},C=(e,t,n)=>{o(r=>r.map(r=>{if(r.id===e&&r.type===`layout`&&r.layoutInfo){let e=r.layoutInfo.columns.map((e,r)=>r===t?T(T({},e),{},{width:n}):e);return T(T({},r),{},{layoutInfo:T(T({},r.layoutInfo),{},{columns:e})})}return r}))},w=(e,t)=>e.map(e=>{let n=t(e);return n.type===`layout`&&n.layoutInfo&&(n=T(T({},n),{},{layoutInfo:T(T({},n.layoutInfo),{},{columns:n.layoutInfo.columns.map(e=>T(T({},e),{},{blocks:w(e.blocks,t)}))})})),n});return{blocks:a,setBlocks:o,selectedBlockId:s,setSelectedBlockId:c,getSelectedBlock:u,createTextBlock:d,createTableBlock:p,createImageBlock:m,createLayoutBlock:h,addColumnToLayout:(e,t)=>{o(n=>n.map(n=>{if(n.id===e&&n.type===`layout`&&n.layoutInfo){let e=[...n.layoutInfo.columns],r={id:Math.random().toString(36).substring(2,11),blocks:[]},i=t!==void 0&&t>=0?t+1:e.length;return e.splice(i,0,r),T(T({},n),{},{layoutInfo:T(T({},n.layoutInfo),{},{columnsCount:e.length,columns:e})})}return n}))},deleteColumnFromLayout:(e,t)=>{o(n=>n.map(n=>{if(n.id===e&&n.type===`layout`&&n.layoutInfo){let e=[...n.layoutInfo.columns];if(e.length<=1)return n;let r=t!==void 0&&t>=0?t:e.length-1;return e.splice(r,1),T(T({},n),{},{layoutInfo:T(T({},n.layoutInfo),{},{columnsCount:e.length,columns:e})})}return n}))},mergeColumns:x,updateColumnStyle:S,updateColumnWidth:C,handleDeleteBlock:g,handleDuplicateBlock:_,handleMoveBlockUp:v,handleMoveBlockDown:y,updateSelectedStyle:b,updateSelectedImageInfo:(e,t)=>{s&&o(i=>w(i,i=>{if(i.id===s&&i.type===`image`){let a={};return e===`imageType`&&(a=t===`logo`?{url:n||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}:t===`banner`?{url:r||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`}:t===`barcode`?{barcodeValue:`SHIP-99201`,barcodePlaceholder:`{{barcode}}`}:{url:mb}),T(T({},i),{},{imageInfo:T(T({},i.imageInfo),{},{[e]:t},a)})}return i}))},handleRemoveTableColumn:(e,t)=>{s&&o(n=>w(n,n=>{if(n.id===s&&n.type===`table`&&n.tableInfo){var r;let i=[...n.tableInfo.columns];if(t!==void 0&&(r=i[e])!=null&&r.columns){let n=i[e].columns.filter((e,n)=>n!==t);i[e]=T(T({},i[e]),{},{columns:n})}else i.splice(e,1);return T(T({},n),{},{tableInfo:T(T({},n.tableInfo),{},{columns:i})})}return n}))},handleAddTableColumn:(e,t,n,r)=>{!s||!e.trim()||o(i=>w(i,i=>{if(i.id===s&&i.type===`table`&&i.tableInfo){let a=[...i.tableInfo.columns];if(r!==void 0&&a[r]){let n=a[r].columns||[];a[r]=T(T({},a[r]),{},{loop:!0,columns:[...n,{columnName:e.trim(),placeholder:t.trim(),enabled:!0}]})}else n?a.push({columnName:e.trim(),placeholder:t.trim(),enabled:!0,loop:!0,columns:[]}):a.push({columnName:e.trim(),placeholder:t.trim(),enabled:!0});return T(T({},i),{},{tableInfo:T(T({},i.tableInfo),{},{columns:a})})}return i}))},handleUpdateTableColumn:(e,t,n,r)=>{s&&o(i=>w(i,i=>{if(i.id===s&&i.type===`table`&&i.tableInfo){var a;let o=[...i.tableInfo.columns];if(r!==void 0&&(a=o[e])!=null&&a.columns){let i=[...o[e].columns];i[r]=T(T({},i[r]),{},{columnName:t.trim(),placeholder:n.trim()}),o[e]=T(T({},o[e]),{},{columns:i})}else o[e]&&(o[e]=T(T({},o[e]),{},{columnName:t.trim(),placeholder:n.trim()}));return T(T({},i),{},{tableInfo:T(T({},i.tableInfo),{},{columns:o})})}return i}))},handleReorderTableColumn:(e,t,n)=>{s&&o(r=>w(r,r=>{if(r.id===s&&r.type===`table`&&r.tableInfo){var i;let a=[...r.tableInfo.columns];if(n!==void 0&&(i=a[e])!=null&&i.columns){let r=[...a[e].columns],i=t===`up`?n-1:n+1;if(i>=0&&i<r.length){let t=r[n];r[n]=r[i],r[i]=t,a[e]=T(T({},a[e]),{},{columns:r})}}else{let n=t===`up`?e-1:e+1;if(n>=0&&n<a.length){let t=a[e];a[e]=a[n],a[n]=t}}return T(T({},r),{},{tableInfo:T(T({},r.tableInfo),{},{columns:a})})}return r}))},handleAddTableRow:e=>{let t=e||s;t&&o(e=>w(e,e=>{if(e.id===t&&e.type===`table`&&e.tableInfo){let t=e.tableInfo.columns||[],n=e.tableInfo.mockRows&&e.tableInfo.mockRows.length>0?e.tableInfo.mockRows:[{}],r={};return t.forEach(e=>{e.columnName&&(r[e.columnName]=e.placeholder||``)}),T(T({},e),{},{tableInfo:T(T({},e.tableInfo),{},{mockRows:[...n,r]})})}return e}))},handleRemoveTableRow:(e,t)=>{let n=t||s;n&&o(t=>w(t,t=>{if(t.id===n&&t.type===`table`&&t.tableInfo){let n=t.tableInfo.mockRows&&t.tableInfo.mockRows.length>0?t.tableInfo.mockRows:[{}];if(n.length<=1)return T(T({},t),{},{tableInfo:T(T({},t.tableInfo),{},{mockRows:[{}]})});let r=n.filter((t,n)=>n!==e);return T(T({},t),{},{tableInfo:T(T({},t.tableInfo),{},{mockRows:r})})}return t}))}}}function wb(){let[e,t]=(0,l.useState)(.7),[n,r]=(0,l.useState)({x:0,y:0}),[i,a]=(0,l.useState)(!1),[o,s]=(0,l.useState)(!1),[c,u]=(0,l.useState)(1123),d=(0,l.useRef)({x:0,y:0}),f=(0,l.useRef)(null),p=(0,l.useRef)(null),m=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let e=e=>{let t=document.activeElement,n=t&&(t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.getAttribute(`contenteditable`)===`true`);e.code===`Space`&&!n&&(s(!0),e.preventDefault())},t=e=>{e.code===`Space`&&s(!1)};return window.addEventListener(`keydown`,e),window.addEventListener(`keyup`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`keyup`,t)}},[]),(0,l.useEffect)(()=>{let e=()=>{if(m.current){let e=Array.from(m.current.children),t=0;e.forEach(e=>{let n=e.offsetTop+e.offsetHeight;n>t&&(t=n)});let n=1123,r=t>0?t+120:n;u(Math.max(n,r))}else p.current&&u(p.current.scrollHeight)};e();let t=new ResizeObserver(()=>{e()}),n=new MutationObserver(()=>{e()});return m.current?(t.observe(m.current),Array.from(m.current.children).forEach(e=>{t.observe(e)}),n.observe(m.current,{childList:!0,subtree:!0,attributes:!0})):p.current&&t.observe(p.current),()=>{t.disconnect(),n.disconnect()}},[]),{zoom:e,setZoom:t,panOffset:n,setPanOffset:r,isPanning:i,setIsPanning:a,spacePressed:o,setSpacePressed:s,canvasHeight:c,setCanvasHeight:u,viewportRef:f,canvasContainerRef:p,contentRef:m,handleMouseDown:e=>{o&&(a(!0),d.current={x:e.clientX-n.x,y:e.clientY-n.y})},handleMouseMove:e=>{i&&o&&r({x:e.clientX-d.current.x,y:e.clientY-d.current.y})},handleMouseUp:()=>{a(!1)},handleZoomIn:()=>t(e=>Math.min(e+.1,2)),handleZoomOut:()=>t(e=>Math.max(e-.1,.5)),handleZoomReset:()=>{t(1),r({x:0,y:0})}}}function Tb({tableSchemas:e}={}){let[t,n]=(0,l.useState)(`invoice_items`),[r,i]=(0,l.useState)(`{% for item in invoice.items %}`),[a,o]=(0,l.useState)(`{% endfor %}`),[s,c]=(0,l.useState)(``),[u,d]=(0,l.useState)(``),[f,p]=(0,l.useState)(null),[m,h]=(0,l.useState)([]),[g,_]=(0,l.useState)(!1),[v,y]=(0,l.useState)(``),[b,x]=(0,l.useState)(null),[S,C]=(0,l.useState)(``),[w,E]=(0,l.useState)(null),[D,O]=(0,l.useState)(null),[k,A]=(0,l.useState)(``),[ee,j]=(0,l.useState)([]),te=e=>({columnName:e.columnName||e.columnNameEn||e.columnNameDe||``,placeholder:e.placeholder||``,enabled:e.enabled!==!1,loop:!!e.loop,columns:Array.isArray(e.columns)?e.columns.map(te):void 0});(0,l.useEffect)(()=>{e&&e.length>0?h(e.map(e=>T(T({},e),{},{columns:e.columns.map(te)}))):h([])},[e]);let ne=()=>{if(!t.trim())return;let e={tableName:t.trim().replace(/\s+/g,`_`).toLowerCase(),columns:[],loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1,loopStartTag:r,loopEndTag:a};h(t=>[...t,e]),n(``)},re=()=>{if(!k.trim())return;let e=k.trim().toLowerCase().replace(/\s+/g,`_`);if(ee.some(t=>t.imageType===e)){A(``);return}j(t=>[...t,{label:k.trim(),imageType:e,description:`Placeholder container for ${k.trim()}`}]),A(``)},ie=(e,t,n)=>{h(r=>r.map((r,i)=>{if(i===e){var a;let e=[...r.columns];if(n!==void 0&&(a=e[t])!=null&&a.columns){let r=[...e[t].columns];r[n]=T(T({},r[n]),{},{enabled:r[n].enabled===!1}),e[t]=T(T({},e[t]),{},{columns:r})}else e[t]=T(T({},e[t]),{},{enabled:e[t].enabled===!1});return T(T({},r),{},{columns:e})}return r}))},[ae,oe]=(0,l.useState)(null);return{customTableName:t,setCustomTableName:n,customLoopStart:r,setCustomLoopStart:i,customLoopEnd:a,setCustomLoopEnd:o,newColName:s,setNewColName:c,newColPlaceholder:u,setNewColPlaceholder:d,bubbleCoords:f,setBubbleCoords:p,schemas:m,setSchemas:h,isParsing:g,setIsParsing:_,parseStatusText:v,setParseStatusText:y,parseError:b,setParseError:x,draggedSidebarItem:w,setDraggedSidebarItem:E,dragOverIndex:D,setDragOverIndex:O,newImgTypeName:k,setNewImgTypeName:A,customImageTypes:ee,setCustomImageTypes:j,searchPlaceholder:S,setSearchPlaceholder:C,handleAddCustomTable:ne,handleAddCustomImageType:re,toggleSchemaColumn:ie,applySelectionFormat:(e,t=``)=>{if(ae){let e=window.getSelection();e==null||e.removeAllRanges(),e==null||e.addRange(ae)}document.execCommand(e,!1,t),p(null)},setSavedRange:oe}}var Eb=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Db=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),Ob=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),kb=e=>{let t=Ob(e);return t.charAt(0).toUpperCase()+t.slice(1)},Ab={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},jb=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},Mb=(0,l.createContext)({}),Nb=()=>(0,l.useContext)(Mb);function Pb(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function Fb(e,t){if(e==null)return{};var n,r,i=Pb(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var Ib=[`color`,`size`,`strokeWidth`,`absoluteStrokeWidth`,`className`,`children`,`iconNode`],Lb=(0,l.forwardRef)((e,t)=>{var n,r,i;let{color:a,size:o,strokeWidth:s,absoluteStrokeWidth:c,className:u=``,children:d,iconNode:f}=e,p=Fb(e,Ib),{size:m=24,strokeWidth:h=2,absoluteStrokeWidth:g=!1,color:_=`currentColor`,className:v=``}=(n=Nb())==null?{}:n,y=(c==null?g:c)?Number(s==null?h:s)*24/Number(o==null?m:o):s==null?h:s;return(0,l.createElement)(`svg`,T(T(T({ref:t},Ab),{},{width:(r=o==null?m:o)==null?Ab.width:r,height:(i=o==null?m:o)==null?Ab.height:i,stroke:a==null?_:a,strokeWidth:y,className:Eb(`lucide`,v,u)},!d&&!jb(p)&&{"aria-hidden":`true`}),p),[...f.map(([e,t])=>(0,l.createElement)(e,t)),...Array.isArray(d)?d:[d]])}),Rb=[`className`],$=(e,t)=>{let n=(0,l.forwardRef)((n,r)=>{let{className:i}=n,a=Fb(n,Rb);return(0,l.createElement)(Lb,T({ref:r,iconNode:t,className:Eb(`lucide-${Db(kb(e))}`,`lucide-${e}`,i)},a))});return n.displayName=kb(e),n},zb=$(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]),Bb=$(`arrow-up`,[[`path`,{d:`m5 12 7-7 7 7`,key:`hav0vg`}],[`path`,{d:`M12 19V5`,key:`x0mq9r`}]]),Vb=$(`barcode`,[[`path`,{d:`M3 5v14`,key:`1nt18q`}],[`path`,{d:`M8 5v14`,key:`1ybrkv`}],[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`M17 5v14`,key:`ycjyhj`}],[`path`,{d:`M21 5v14`,key:`nzette`}]]),Hb=$(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),Ub=$(`columns-2`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M12 3v18`,key:`108xh3`}]]),Wb=$(`columns-4`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M7.5 3v18`,key:`w0wo6v`}],[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M16.5 3v18`,key:`10tjh1`}]]),Gb=$(`columns-3`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}]]),Kb=$(`copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),qb=$(`download`,[[`path`,{d:`M12 15V3`,key:`m9g1x1`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}],[`path`,{d:`m7 10 5 5 5-5`,key:`brsn70`}]]),Jb=$(`eye`,[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]]),Yb=$(`file-text`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]]),Xb=$(`image`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]]),Zb=$(`layout-grid`,[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]),Qb=$(`merge`,[[`path`,{d:`m8 6 4-4 4 4`,key:`ybng9g`}],[`path`,{d:`M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22`,key:`1hyw0i`}],[`path`,{d:`m20 22-5-5`,key:`1m27yz`}]]),$b=$(`pencil`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}]]),ex=$(`plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]),tx=$(`printer`,[[`path`,{d:`M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2`,key:`143wyd`}],[`path`,{d:`M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6`,key:`1itne7`}],[`rect`,{x:`6`,y:`14`,width:`12`,height:`8`,rx:`1`,key:`1ue0tg`}]]),nx=$(`search`,[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]]),rx=$(`sliders-vertical`,[[`path`,{d:`M10 8h4`,key:`1sr2af`}],[`path`,{d:`M12 21v-9`,key:`17s77i`}],[`path`,{d:`M12 8V3`,key:`13r4qs`}],[`path`,{d:`M17 16h4`,key:`h1uq16`}],[`path`,{d:`M19 12V3`,key:`o1uvq1`}],[`path`,{d:`M19 21v-5`,key:`qua636`}],[`path`,{d:`M3 14h4`,key:`bcjad9`}],[`path`,{d:`M5 10V3`,key:`cb8scm`}],[`path`,{d:`M5 21v-7`,key:`1w1uti`}]]),ix=$(`sparkles`,[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,key:`1s2grr`}],[`path`,{d:`M20 2v4`,key:`1rf3ol`}],[`path`,{d:`M22 4h-4`,key:`gwowj6`}],[`circle`,{cx:`4`,cy:`20`,r:`2`,key:`6kqj1y`}]]),ax=$(`square-check-big`,[[`path`,{d:`M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344`,key:`2acyp4`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]]),ox=$(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),sx=$(`table`,[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}],[`path`,{d:`M3 15h18`,key:`5xshup`}]]),cx=$(`text-align-center`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M17 12H7`,key:`16if0g`}],[`path`,{d:`M19 19H5`,key:`vjpgq2`}]]),lx=$(`text-align-end`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M21 19H7`,key:`4cu937`}]]),ux=$(`text-align-justify`,[[`path`,{d:`M3 5h18`,key:`1u36vt`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`path`,{d:`M3 19h18`,key:`awlh7x`}]]),dx=$(`text-align-start`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M15 12H3`,key:`6jk70r`}],[`path`,{d:`M17 19H3`,key:`z6ezky`}]]),fx=$(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]),px=$(`type`,[[`path`,{d:`M12 4v16`,key:`1654pz`}],[`path`,{d:`M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2`,key:`e0r10z`}],[`path`,{d:`M9 20h6`,key:`s66wpe`}]]),mx=$(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),hx=$(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);function gx({headerLogo:e,headerTitle:t,headerSubtitle:n,parseError:r,isParsing:i,parseStatusText:a,themeColor:o=`#ea580c`}){return(0,d.jsxs)(`header`,{className:`bg-white border-b border-gray-200 px-6 py-3.5 flex items-center justify-between sticky top-0 z-10 shadow-xs gap-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-3`,children:[e||(0,d.jsx)(`div`,{style:{backgroundColor:o},className:`h-9 w-9 rounded-xl flex items-center justify-center text-white shadow-md`,children:(0,d.jsx)(ix,{className:`h-5 w-5`})}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h1`,{className:`text-lg font-bold tracking-tight text-slate-800`,children:t}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:n})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[r&&(0,d.jsxs)(`span`,{className:`text-[10px] text-red-500 font-bold bg-red-50 px-2 py-0.5 rounded inline-block border border-red-100`,children:[`Error: `,r]}),i&&(0,d.jsx)(`span`,{style:{color:o,borderColor:`${o}40`,backgroundColor:`${o}15`},className:`text-[10px] font-bold px-2 py-0.5 rounded inline-block border animate-pulse`,children:a||`Parsing...`})]})]})}function _x({handleSidebarDragStart:e,createTextBlock:t,setBlocks:n,setSelectedBlockId:r,setActiveTab:i,defaultStyles:a}){return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Typography Elements`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Select standard headings or paragraphs to structure your page layout.`})]}),(0,d.jsx)(`div`,{className:`grid grid-cols-1 gap-3 select-none`,children:[{label:`Document Title`,type:`title`,style:`text-2xl font-extrabold text-slate-900 tracking-tight`},{label:`Document Subtitle`,type:`subtitle`,style:`text-sm font-bold text-slate-500`},{label:`Heading 1`,type:`h1`,style:`text-xl font-extrabold text-slate-850`},{label:`Heading 2`,type:`h2`,style:`text-lg font-bold text-slate-800`},{label:`Heading 3`,type:`h3`,style:`text-md font-semibold text-slate-750`},{label:`Normal Paragraph`,type:`p`,style:`text-xs text-slate-600 leading-relaxed`},{label:`Caption Note`,type:`caption`,style:`text-[10px] text-slate-400 font-mono italic`}].map(o=>(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>e(t,o.type),className:`border border-gray-200 rounded-xl p-3 bg-white hover:border-slate-350 transition-all flex flex-col space-y-2 cursor-grab shadow-xs group`,children:[(0,d.jsx)(`span`,{className:`text-[9px] font-bold text-slate-400 uppercase tracking-wide`,children:o.type}),(0,d.jsx)(`div`,{className:`${o.style} truncate pr-4`,children:o.label}),(0,d.jsx)(`button`,{onClick:()=>{let e=t(o.type,o.label,a==null?void 0:a[o.type]);n(t=>[...t,e]),r(e.id),i(`styles`)},className:`w-full py-1 bg-slate-50 hover:bg-slate-200 text-slate-600 rounded-lg text-[9px] font-semibold transition-all text-center border border-gray-150`,children:`Insert at End`})]},o.type))})]})}function vx({handleSidebarDragStart:e,createLayoutBlock:t,setBlocks:n,setSelectedBlockId:r,setActiveTab:i,themeColor:a=`#ea580c`}){let[o,s]=(0,l.useState)(null),[c,u]=(0,l.useState)(null);return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`h3`,{className:`text-sm font-bold text-slate-800 flex items-center gap-1.5`,children:[(0,d.jsx)(Zb,{className:`h-4 w-4`,style:{color:a}}),(0,d.jsx)(`span`,{children:`Multi-Column Layouts`})]}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500 mt-0.5`,children:`Drag multi-column layouts into the editor canvas. You can drop text, images, tables, or placeholders into each column!`})]}),(0,d.jsx)(`div`,{className:`grid grid-cols-1 gap-3 select-none`,children:[{columnsCount:1,title:`1 Column`,description:`Single column container layout (100%)`,icon:(0,d.jsx)(ox,{className:`h-5 w-5`,style:{color:a}}),previewCols:1,badge:`1 Col`},{columnsCount:2,title:`2 Columns`,description:`Side-by-side split layout (50% / 50%)`,icon:(0,d.jsx)(Ub,{className:`h-5 w-5`,style:{color:a}}),previewCols:2,badge:`2 Col`},{columnsCount:3,title:`3 Columns`,description:`Triple column layout (33% / 33% / 33%)`,icon:(0,d.jsx)(Gb,{className:`h-5 w-5`,style:{color:a}}),previewCols:3,badge:`3 Col`},{columnsCount:4,title:`4 Columns`,description:`Quad column layout (25% / 25% / 25% / 25%)`,icon:(0,d.jsx)(Wb,{className:`h-5 w-5`,style:{color:a}}),previewCols:4,badge:`4 Col`}].map(l=>{let f=o===l.columnsCount,p=c===l.columnsCount;return(0,d.jsxs)(`div`,{draggable:!0,onMouseEnter:()=>s(l.columnsCount),onMouseLeave:()=>s(null),onDragStart:t=>{t.dataTransfer.setData(`source`,`sidebar`),t.dataTransfer.setData(`blockType`,`layout`),t.dataTransfer.setData(`columnsCount`,String(l.columnsCount)),e&&e(t,`layout`,void 0,void 0,l.columnsCount)},style:{borderColor:f?a:void 0,boxShadow:f?`0 4px 12px ${a}15`:void 0},className:`border border-gray-200 rounded-xl p-3.5 bg-white transition-all flex flex-col space-y-3 cursor-grab shadow-xs group`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2.5`,children:[(0,d.jsx)(`div`,{style:{backgroundColor:f?`${a}15`:`#f8fafc`},className:`p-2 rounded-lg transition-colors`,children:l.icon}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h4`,{style:{color:f?a:void 0},className:`text-xs font-bold text-slate-800 transition-colors`,children:l.title}),(0,d.jsx)(`p`,{className:`text-[10px] text-slate-400`,children:l.description})]})]}),(0,d.jsx)(`span`,{style:{backgroundColor:f?`${a}15`:`#f1f5f9`,color:f?a:`#475569`},className:`text-[9px] font-extrabold px-2 py-0.5 rounded-full transition-colors`,children:l.badge})]}),(0,d.jsx)(`div`,{className:`grid gap-1.5 p-2 bg-slate-50 border border-slate-100 rounded-lg`,style:{gridTemplateColumns:`repeat(${l.previewCols}, minmax(0, 1fr))`},children:Array.from({length:l.previewCols}).map((e,t)=>(0,d.jsx)(`div`,{style:{borderColor:f?`${a}60`:void 0,backgroundColor:f?`${a}08`:`#ffffff`},className:`h-9 border border-dashed border-slate-300 rounded flex flex-col items-center justify-center p-1 text-[8px] font-semibold text-slate-400 transition-all`,children:(0,d.jsxs)(`span`,{children:[`Col `,t+1]})},t))}),(0,d.jsxs)(`button`,{onMouseEnter:()=>u(l.columnsCount),onMouseLeave:()=>u(null),onClick:()=>{let e=t(l.columnsCount);n(t=>[...t,e]),r(e.id),i(`styles`)},style:{backgroundColor:p?`${a}dd`:a,color:`#ffffff`},className:`w-full py-1.5 rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer active:scale-[0.99]`,children:[(0,d.jsx)(ex,{className:`h-3 w-3`}),(0,d.jsxs)(`span`,{children:[`Add `,l.title,` to Editor`]})]})]},l.columnsCount)})})]})}function yx({schemas:e,toggleSchemaColumn:t,customTableName:n,setCustomTableName:r,customLoopStart:i,setCustomLoopStart:a,customLoopEnd:o,setCustomLoopEnd:s,handleAddCustomTable:c,handleSidebarDragStart:l,setBlocks:u,setSelectedBlockId:f,setActiveTab:p,defaultStyles:m,isTablesLoading:h,tablesLoading:g,themeColor:_=`#ea580c`}){return h||g?(0,d.jsxs)(`div`,{className:`space-y-6`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Dynamic Tables`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Configure loop table templates and drag onto the canvas.`})]}),(0,d.jsx)(`div`,{className:`space-y-4 animate-pulse`,children:[1,2].map(e=>(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-2xl p-4 bg-white space-y-3 shadow-xs`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`div`,{className:`h-4 bg-slate-200 rounded w-1/3`}),(0,d.jsx)(`div`,{className:`h-3 bg-slate-100 rounded w-16`})]}),(0,d.jsx)(`div`,{className:`h-9 bg-slate-100 rounded-lg w-full`}),(0,d.jsxs)(`div`,{className:`space-y-2`,children:[(0,d.jsx)(`div`,{className:`h-3 bg-slate-100 rounded w-1/4`}),(0,d.jsxs)(`div`,{className:`h-20 bg-slate-50 border border-gray-100 rounded-lg w-full p-2 space-y-2`,children:[(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-200/70 rounded w-3/4`}),(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-200/70 rounded w-2/3`})]})]})]},e))})]}):(0,d.jsxs)(`div`,{className:`space-y-6`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Dynamic Tables`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Configure loop table templates and drag onto the canvas.`})]}),(0,d.jsx)(`div`,{className:`space-y-4`,children:e.map((e,n)=>(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-2xl p-4 bg-white space-y-3 shadow-xs`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(sx,{className:`h-4 w-4 text-slate-650`}),(0,d.jsx)(`h4`,{className:`font-bold text-xs uppercase text-slate-700 tracking-wider`,children:e.tableName})]}),(0,d.jsx)(`span`,{className:`px-1.5 py-0.5 bg-slate-100 text-[8px] font-bold text-slate-600 rounded`,children:`loop = true`})]}),(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>l(t,`table`,e),className:`bg-slate-50 border border-slate-200 hover:border-slate-400 rounded-lg p-2.5 flex items-center justify-between cursor-grab`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`div`,{className:`h-5 w-5 bg-slate-200 rounded flex items-center justify-center`,children:(0,d.jsx)(ex,{className:`h-3 w-3 text-slate-600`})}),(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700`,children:`Drag to Canvas`})]}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400 italic`,children:`Drag & Drop`})]}),(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400 font-bold uppercase tracking-wider block`,children:`Columns:`}),(0,d.jsx)(`div`,{className:`max-h-[180px] overflow-y-auto border border-gray-150 rounded-lg p-2 space-y-1.5 bg-slate-50/50`,children:e.columns.map((e,r)=>{let i=!!(e.loop||Array.isArray(e.columns));return(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`button`,{onClick:()=>t(n,r),className:`flex items-center space-x-2 w-full text-left py-0.5 text-xs text-slate-600 hover:text-slate-800 transition-colors font-medium`,children:[e.enabled===!1?(0,d.jsx)(ox,{className:`h-3.5 w-3.5 text-slate-300 flex-shrink-0`}):(0,d.jsx)(ax,{className:`h-3.5 w-3.5 text-slate-700 flex-shrink-0`}),(0,d.jsxs)(`span`,{className:`truncate flex items-center gap-1`,children:[(0,d.jsx)(`span`,{children:e.columnName}),i&&(0,d.jsx)(`span`,{className:`px-1 bg-slate-200 text-slate-600 rounded text-[8px] font-mono`,children:`(sub-table)`})]})]}),i&&e.enabled!==!1&&(0,d.jsxs)(`div`,{className:`ml-4 pl-2.5 border-l-2 border-slate-200 space-y-1 my-1`,children:[(0,d.jsx)(`span`,{className:`text-[8px] text-slate-400 font-bold uppercase tracking-wider block`,children:`Sub Columns:`}),e.columns.map((e,i)=>(0,d.jsxs)(`button`,{onClick:()=>t(n,r,i),className:`flex items-center space-x-2 w-full text-left py-0.5 text-[11px] text-slate-500 hover:text-slate-800 transition-colors`,children:[e.enabled===!1?(0,d.jsx)(ox,{className:`h-3 w-3 text-slate-300 flex-shrink-0`}):(0,d.jsx)(ax,{className:`h-3 w-3 text-slate-600 flex-shrink-0`}),(0,d.jsxs)(`span`,{className:`truncate`,children:[e.columnName,` `,(0,d.jsxs)(`span`,{className:`text-[8px] text-slate-400`,children:[`(`,e.placeholder,`)`]})]})]},i))]})]},r)})})]}),(0,d.jsx)(`button`,{onClick:()=>{let t={id:Math.random().toString(36).substring(2,11),type:`table`,content:``,style:T({fontSize:`10px`,fontWeight:`400`,color:`#334155`,backgroundColor:`transparent`,textAlign:`left`,bold:!1,italic:!1,underline:!1,strikethrough:!1,width:`100%`,marginBottom:`12px`,padding:`8px`},m==null?void 0:m.table),tableInfo:T(T({},e),{},{columns:e.columns.map(e=>T({},e))})};u(e=>[...e,t]),f(t.id),p(`styles`)},className:`w-full py-1 bg-slate-50 hover:bg-slate-200 text-slate-600 rounded-lg text-[9px] font-semibold transition-all text-center border border-gray-150`,children:`Insert at End`})]},e.tableName))}),(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-2xl p-4 bg-slate-50/20 border-dashed space-y-4 mt-6`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 pb-2 border-b border-gray-150`,children:[(0,d.jsx)(ix,{className:`h-4 w-4 text-slate-655`}),(0,d.jsx)(`h4`,{className:`font-bold text-xs uppercase text-slate-800 tracking-wider`,children:`Custom Table Builder`})]}),(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block mb-1`,children:`Table Name`}),(0,d.jsx)(`input`,{type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`invoice_items`,className:`w-full px-3 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white`})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block mb-1`,children:`Loop Start tag`}),(0,d.jsx)(`input`,{type:`text`,value:i,onChange:e=>a(e.target.value),placeholder:`{% for item in invoice.items %}`,className:`w-full px-3 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500 bg-white text-slate-600 font-bold`})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block mb-1`,children:`Loop End tag`}),(0,d.jsx)(`input`,{type:`text`,value:o,onChange:e=>s(e.target.value),placeholder:`{% endfor %}`,className:`w-full px-3 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500 bg-white text-slate-600 font-bold`})]}),(0,d.jsxs)(`button`,{onClick:c,style:{backgroundColor:_},className:`w-full py-2 text-white rounded-xl text-xs font-bold transition-all shadow-sm flex items-center justify-center space-x-1.5`,children:[(0,d.jsx)(ex,{className:`h-4 w-4`}),(0,d.jsx)(`span`,{children:`Add Custom Loop Table`})]})]})]})]})}function bx({customImageTypes:e,newImgTypeName:t,setNewImgTypeName:n,handleAddCustomImageType:r,handleSidebarDragStart:i,createImageBlock:a,setBlocks:o,setSelectedBlockId:s,setActiveTab:c,themeColor:l=`#ea580c`}){let u=[{label:`Brand Logo`,imageType:`logo`,description:`Standard document vector logo`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})},{label:`Campaign Banner`,imageType:`banner`,description:`Wide horizontal graphics banner`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})},{label:`Dynamic Barcode`,imageType:`barcode`,description:`Barcode replaced dynamically`,icon:(0,d.jsx)(Vb,{className:`h-4 w-4 text-slate-550`})},{label:`Watermark`,imageType:`watermark`,description:`Background graphic with low opacity`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})},...e.map(e=>({label:e.label,imageType:e.imageType,description:e.description,icon:(0,d.jsx)(Xb,{className:`h-4 w-4 text-slate-550`})}))];return(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Image & Barcode Elements`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Drag elements onto the canvas, or insert below.`})]}),(0,d.jsx)(`div`,{className:`space-y-3`,children:u.map(e=>(0,d.jsxs)(`div`,{className:`border border-gray-200 rounded-xl p-3 bg-white space-y-3 shadow-xs`,children:[(0,d.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[e.icon,(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h4`,{className:`font-bold text-xs text-slate-700`,children:e.label}),(0,d.jsx)(`p`,{className:`text-[9px] text-slate-400`,children:e.description})]})]})}),(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>i(t,`image`,void 0,e.imageType),className:`bg-slate-50 border border-slate-200 hover:border-slate-450 rounded-lg p-2 flex items-center justify-between cursor-grab transition-all`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`div`,{className:`h-5 w-5 bg-slate-200 rounded flex items-center justify-center`,children:(0,d.jsx)(ex,{className:`h-3 w-3 text-slate-750`})}),(0,d.jsx)(`span`,{className:`text-[11px] font-bold text-slate-700`,children:`Drag to Canvas`})]}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400 italic`,children:`Drag`})]}),(0,d.jsx)(`button`,{onClick:()=>{let t=a(e.imageType);o(e=>[...e,t]),s(t.id),c(`styles`)},className:`w-full py-1 bg-slate-100 hover:bg-slate-200 text-slate-600 rounded-lg text-[10px] font-semibold transition-all text-center border border-gray-150`,children:`Insert at End`})]},e.imageType))}),(0,d.jsxs)(`div`,{className:`border border-dashed border-gray-200 rounded-xl p-3 space-y-2 bg-slate-50/50 mt-4`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wider block`,children:`Add Custom Image Type`}),(0,d.jsx)(`input`,{type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`e.g. Signature`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs focus:outline-none focus:border-slate-500 bg-white`}),(0,d.jsxs)(`button`,{onClick:r,style:{backgroundColor:l},className:`w-full py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Add Custom Category`})]})]})]})}function xx({placeholders:e,schemas:t,searchPlaceholder:n,setSearchPlaceholder:r,selectedBlockId:i,setBlocks:a,isPlaceholdersLoading:o,placeholdersLoading:s}){if(o||s)return(0,d.jsxs)(`div`,{className:`space-y-4 flex-1 flex flex-col min-h-0`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Variables Palette`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Click to copy, or drag variables into text areas or table cells.`})]}),(0,d.jsx)(`div`,{className:`h-9 bg-slate-100 rounded-xl w-full animate-pulse`}),(0,d.jsx)(`div`,{className:`flex-1 overflow-y-auto space-y-2 pr-1 animate-pulse`,children:[1,2,3,4].map(e=>(0,d.jsxs)(`div`,{className:`w-full border border-gray-200 p-2.5 rounded-xl bg-white shadow-xs space-y-2`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-200 rounded w-1/2`}),(0,d.jsx)(`div`,{className:`h-3.5 bg-slate-100 rounded w-1/4`})]}),(0,d.jsx)(`div`,{className:`h-6 bg-slate-50 rounded border border-gray-100 w-full`})]},e))})]});let c=()=>{let t=[];return(e||[]).forEach(e=>{t.push({label:e.label,placeholder:e.placeholder,category:e.category||`General`})}),t.filter(e=>e.label.toLowerCase().includes(n.toLowerCase())||e.placeholder.toLowerCase().includes(n.toLowerCase()))},l=e=>{if(i){let t=`{{${e.replace(/[{}]/g,``)}}}`;a(e=>e.map(e=>e.id===i&&e.type!==`table`?T(T({},e),{},{content:e.content+t}):e))}},u=c();return(0,d.jsxs)(`div`,{className:`space-y-4 flex-1 flex flex-col min-h-0`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Variables Palette`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Click to copy, or drag variables into text areas or table cells.`})]}),(0,d.jsxs)(`div`,{className:`relative`,children:[(0,d.jsx)(nx,{className:`absolute left-3 top-2.5 h-4 w-4 text-slate-400`}),(0,d.jsx)(`input`,{type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`Search variables...`,className:`w-full pl-9 pr-4 py-2 border border-gray-200 rounded-xl text-xs focus:outline-none focus:border-slate-500 transition-colors`})]}),(0,d.jsx)(`div`,{className:`flex-1 overflow-y-auto space-y-2 pr-1`,children:u.length===0?(0,d.jsx)(`div`,{className:`text-xs text-slate-400 italic text-center py-4`,children:`No variables available.`}):u.map((e,t)=>{let n=e.placeholder.replace(/[{}]/g,``);return(0,d.jsx)(`div`,{className:`w-full border border-gray-200 p-2.5 rounded-xl bg-white shadow-xs cursor-grab active:cursor-grabbing hover:bg-slate-50 transition-colors`,draggable:!0,onDragStart:e=>{e.dataTransfer.setData(`source`,`sidebar`),e.dataTransfer.setData(`placeholder`,n),e.dataTransfer.setData(`blockType`,`p`),e.dataTransfer.effectAllowed=`copy`},onClick:()=>l(e.placeholder),title:`Drag into text or cells, or click to insert`,children:(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`text-xs font-semibold text-slate-700 truncate mr-2`,children:e.label}),(0,d.jsx)(`code`,{className:`text-[9px] bg-slate-100 px-1.5 py-0.5 rounded text-slate-800 font-bold shrink-0 border border-slate-200/50`,children:e.placeholder})]})},t)})})]})}var Sx=e=>{if(!e)return 100;if(e.endsWith(`%`)){let t=parseInt(e,10);return isNaN(t)?100:Math.min(100,Math.max(10,t))}return 100};function Cx({selectedBlockId:e,getSelectedBlock:t,updateSelectedStyle:n,updateSelectedImageInfo:r,fontSizesState:i,fontFamiliesState:a,fontWeightsState:o,handleDeleteBlock:s,newColName:c,setNewColName:u,newColPlaceholder:f,setNewColPlaceholder:p,handleAddTableColumn:m,handleRemoveTableColumn:h,handleUpdateTableColumn:g,handleReorderTableColumn:_,handleAddTableRow:v,handleRemoveTableRow:y,addColumnToLayout:b,deleteColumnFromLayout:x,mergeColumns:S,updateColumnStyle:C,updateColumnWidth:w,setBlocks:E,themeColor:D=`#ea580c`}){var O;let[k,A]=(0,l.useState)(null),[ee,j]=(0,l.useState)(``),[te,ne]=(0,l.useState)(``),[re,ie]=(0,l.useState)(null),[ae,oe]=(0,l.useState)(``),[se,ce]=(0,l.useState)(``),[le,ue]=(0,l.useState)(0),M=t();if(!e||!M)return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Formatting Panel`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Customize the styles of the selected block.`})]}),(0,d.jsxs)(`div`,{className:`border border-dashed border-gray-200 rounded-xl p-6 text-center bg-slate-50/50`,children:[(0,d.jsx)(rx,{className:`h-8 w-8 text-slate-350 mx-auto mb-2`}),(0,d.jsx)(`span`,{className:`text-xs font-semibold text-slate-500 block`,children:`No block selected`}),(0,d.jsx)(`p`,{className:`text-[10px] text-slate-400 mt-1`,children:`Select any element inside the canvas to configure typography, sizing, colors, or templating loop engines.`})]})]});if(M.type===`layout`){var de,fe,pe;let e=M.layoutInfo||{columnsCount:2,columns:[],gap:`16px`},t=Math.min(le,Math.max(0,e.columns.length-1)),n=e.columns[t];return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Layout & Column Styles`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Configure layout gaps, column structure, borders, background, padding, and merging.`})]}),(0,d.jsxs)(`div`,{className:`space-y-4 border border-slate-200 rounded-xl p-3.5 bg-white shadow-xs`,children:[(0,d.jsxs)(`h4`,{className:`text-xs font-bold text-slate-700 flex items-center gap-1.5`,children:[(0,d.jsx)(Zb,{className:`h-4 w-4 text-indigo-600`}),(0,d.jsxs)(`span`,{children:[`Layout Container (`,e.columns.length,` Column`,e.columns.length>1?`s`:``,`)`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,d.jsxs)(`button`,{onClick:()=>{b&&b(M.id,t)},className:`flex-1 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Add Column to Right`})]}),e.columns.length>1&&(0,d.jsxs)(`button`,{onClick:()=>{x&&x(M.id,t)},className:`py-1.5 px-3 bg-red-50 hover:bg-red-100 text-red-600 border border-red-200 rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1 cursor-pointer`,title:`Delete Selected Column`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Delete Col`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Column Gap`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1.5`,children:[`8px`,`16px`,`24px`,`32px`].map(t=>(0,d.jsx)(`button`,{onClick:()=>{E(e=>e.map(e=>e.id===M.id&&e.layoutInfo?T(T({},e),{},{layoutInfo:T(T({},e.layoutInfo),{},{gap:t})}):e))},className:`py-1 rounded text-[10px] font-bold border transition-all ${(e.gap||`16px`)===t?`bg-indigo-600 text-white border-indigo-600`:`bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100`}`,children:t},t))})]})]}),(0,d.jsxs)(`div`,{className:`space-y-4 border border-slate-200 rounded-xl p-3.5 bg-white shadow-xs`,children:[(0,d.jsxs)(`h4`,{className:`text-xs font-bold text-slate-700 flex items-center gap-1.5`,children:[(0,d.jsx)(Ub,{className:`h-4 w-4 text-indigo-600`}),(0,d.jsx)(`span`,{children:`Column Styling`})]}),(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Select Column`}),(0,d.jsx)(`select`,{value:t,onChange:e=>ue(parseInt(e.target.value,10)),className:`w-full text-xs p-2 border border-slate-200 rounded-lg bg-slate-50 font-bold text-slate-700`,children:e.columns.map((e,t)=>(0,d.jsxs)(`option`,{value:t,children:[`Column `,t+1,` (`,e.blocks.length,` items)`]},e.id||t))})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex justify-between items-center`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Column Width`}),(0,d.jsx)(`span`,{className:`text-[10px] font-semibold text-slate-400`,children:n!=null&&n.width?n.width.endsWith(`%`)?`${parseInt(n.width,10)}%`:n.width:`Auto (Equal)`})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`100`,step:`5`,value:n!=null&&n.width&&n.width.endsWith(`%`)?parseInt(n.width,10):50,onChange:e=>{w&&w(M.id,t,`${e.target.value}%`)},className:`flex-1 accent-indigo-600 h-1.5 bg-slate-200 rounded-lg cursor-pointer`}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>{w&&w(M.id,t,``)},className:`px-2 py-1 text-[9px] font-bold bg-slate-100 text-slate-600 rounded hover:bg-slate-200`,title:`Reset to Auto / Equal width`,children:`Auto`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Border Style`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1`,children:[`none`,`solid`,`dashed`,`dotted`].map(e=>{var r;return(0,d.jsx)(`button`,{onClick:()=>{C&&C(M.id,t,{borderStyle:e})},className:`py-1 rounded text-[10px] font-bold border capitalize transition-all ${((n==null||(r=n.style)==null?void 0:r.borderStyle)||`dashed`)===e?`bg-indigo-600 text-white border-indigo-600`:`bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100`}`,children:e},e)})})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Border Color`}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`color`,value:(n==null||(de=n.style)==null?void 0:de.borderColor)||`#cbd5e1`,onChange:e=>{C&&C(M.id,t,{borderColor:e.target.value})},className:`w-8 h-8 rounded border border-gray-200 cursor-pointer p-0.5`}),(0,d.jsx)(`input`,{type:`text`,value:(n==null||(fe=n.style)==null?void 0:fe.borderColor)||`#cbd5e1`,onChange:e=>{C&&C(M.id,t,{borderColor:e.target.value})},className:`flex-1 text-xs p-1.5 border border-slate-200 rounded-lg font-mono uppercase`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Border Width`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1`,children:[`1px`,`2px`,`3px`,`4px`].map(e=>{var r;return(0,d.jsx)(`button`,{onClick:()=>{C&&C(M.id,t,{borderWidth:e})},className:`py-1 rounded text-[10px] font-bold border transition-all ${((n==null||(r=n.style)==null?void 0:r.borderWidth)||`1px`)===e?`bg-indigo-600 text-white border-indigo-600`:`bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100`}`,children:e},e)})})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500 uppercase tracking-wide`,children:`Background Color`}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`color`,value:(n==null||(pe=n.style)==null?void 0:pe.backgroundColor)||`#ffffff`,onChange:e=>{C&&C(M.id,t,{backgroundColor:e.target.value})},className:`w-8 h-8 rounded border border-gray-200 cursor-pointer p-0.5`}),(0,d.jsx)(`button`,{onClick:()=>{C&&C(M.id,t,{backgroundColor:`transparent`})},className:`px-2 py-1 text-[9px] font-bold bg-slate-100 text-slate-600 rounded hover:bg-slate-200`,children:`Clear Bg`})]})]}),e.columns.length>1&&t<e.columns.length-1&&(0,d.jsx)(`div`,{className:`pt-2 border-t border-slate-100 space-y-2`,children:(0,d.jsxs)(`button`,{onClick:()=>{S&&S(M.id,t,t+1)},className:`w-full py-1.5 bg-indigo-50 hover:bg-indigo-100 text-indigo-700 rounded-lg text-[10px] font-bold transition-all flex items-center justify-center space-x-1`,children:[(0,d.jsx)(Qb,{className:`h-3.5 w-3.5`}),(0,d.jsxs)(`span`,{children:[`Merge Column `,t+1,` with Column `,t+2]})]})})]})]}),(0,d.jsxs)(`button`,{onClick:()=>s(M.id),className:`w-full py-2 bg-red-50 hover:bg-red-100 text-red-600 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1.5 border border-red-200`,children:[(0,d.jsx)(fx,{className:`h-4 w-4`}),(0,d.jsx)(`span`,{children:`Delete Layout Block`})]})]})}let me=M.type===`table`,he=()=>{c.trim()&&(m(c,f),u(``),p(``))};if(M.type===`image`){let e=M.imageInfo||{imageType:`logo`};return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Formatting Panel`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Customize the styles of the selected block.`})]}),(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 pb-3 border-b border-gray-100`,children:[(0,d.jsx)(`div`,{className:`h-6 w-6 bg-slate-100 rounded flex items-center justify-center text-slate-700`,children:(0,d.jsx)(Xb,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 capitalize`,children:`Editing Image Element`})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Row Alignment`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Display side-by-side`})]}),(0,d.jsx)(`button`,{onClick:()=>{let e=!M.style.sameRow;n(`sameRow`,e),e?(n(`width`,`48%`),E(e=>{let t=e.findIndex(e=>e.id===M.id);return t>0?e.map((e,n)=>n===t-1&&(!e.style.width||e.style.width===`100%`)?T(T({},e),{},{style:T(T({},e.style),{},{width:`48%`})}):e):e})):n(`width`,`100%`)},style:{backgroundColor:M.style.sameRow?D:`#cbd5e1`},className:`w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer`,children:(0,d.jsx)(`span`,{className:`bg-white w-4 h-4 rounded-full shadow-md`})})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Image Category`}),(0,d.jsx)(`div`,{className:`grid grid-cols-4 gap-1 bg-slate-50 p-1 border border-gray-200 rounded-lg`,children:[`logo`,`banner`,`barcode`,`watermark`].map(t=>(0,d.jsx)(`button`,{onClick:()=>r(`imageType`,t),className:`py-1 text-[9px] font-bold rounded capitalize transition-all ${e.imageType===t?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:t},t))})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Alignment (Position)`}),(0,d.jsx)(`div`,{className:`flex items-center space-x-1 border border-gray-200 rounded-lg p-1 bg-slate-50 w-fit`,children:[{value:`left`,icon:(0,d.jsx)(dx,{className:`h-3.5 w-3.5`})},{value:`center`,icon:(0,d.jsx)(cx,{className:`h-3.5 w-3.5`})},{value:`right`,icon:(0,d.jsx)(lx,{className:`h-3.5 w-3.5`})}].map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`textAlign`,e.value),type:`button`,className:`p-1.5 rounded transition-all ${M.style.textAlign===e.value?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:e.icon},e.value))})]}),(0,d.jsxs)(`div`,{className:`space-y-1 pt-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Block Width (%)`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:[Sx(M.style.width),`%`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`100`,step:`5`,value:Sx(M.style.width),onChange:e=>n(`width`,`${Math.min(100,Math.max(10,parseInt(e.target.value,10)))}%`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 w-10 text-right`,children:[Sx(M.style.width),`%`]})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1 pt-1 mt-2`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Image Element Width (px)`}),(0,d.jsx)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:M.style.imageWidth||(M.style.width&&M.style.width.endsWith(`px`)?M.style.width:`100%`)})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`1000`,step:`5`,value:parseInt(M.style.imageWidth||(M.style.width&&M.style.width.endsWith(`px`)?M.style.width:`100`))||100,onChange:e=>n(`imageWidth`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 w-10 text-right`,children:[parseInt(M.style.imageWidth||(M.style.width&&M.style.width.endsWith(`px`)?M.style.width:`100`))||100,`px`]})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1 pt-1 mt-3`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block mb-1`,children:`Object Fit`}),(0,d.jsxs)(`select`,{value:M.style.objectFit||`contain`,onChange:e=>n(`objectFit`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:[(0,d.jsx)(`option`,{value:`contain`,children:`Contain`}),(0,d.jsx)(`option`,{value:`cover`,children:`Cover`}),(0,d.jsx)(`option`,{value:`fill`,children:`Fill`}),(0,d.jsx)(`option`,{value:`none`,children:`None`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Image Height`}),(0,d.jsx)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:M.style.height||M.style.minHeight||`auto`})]}),(0,d.jsx)(`div`,{className:`flex items-center space-x-2`,children:(0,d.jsx)(`input`,{type:`range`,min:`20`,max:`400`,step:`10`,value:parseInt(M.style.height||M.style.minHeight||`100`)||100,onChange:e=>{n(`height`,`${e.target.value}px`),n(`minHeight`,`${e.target.value}px`)},style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})})]}),e.imageType===`barcode`?(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-150`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Barcode Configuration`}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500`,children:`Mock Barcode Value`}),(0,d.jsx)(`input`,{type:`text`,value:e.barcodeValue||``,onChange:e=>r(`barcodeValue`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500`})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-500`,children:`Backend Variable`}),(0,d.jsx)(`input`,{type:`text`,value:e.barcodePlaceholder||``,onChange:e=>r(`barcodePlaceholder`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs font-mono focus:outline-none focus:border-slate-500 text-slate-700 font-bold`})]})]}):(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-150`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Image Asset Upload`}),(0,d.jsxs)(`div`,{className:`flex flex-col items-center p-3 border border-dashed border-gray-200 rounded-lg bg-slate-50/50 hover:bg-slate-50 transition-all cursor-pointer relative`,children:[(0,d.jsx)(mx,{className:`h-5 w-5 text-slate-400 mb-1`}),(0,d.jsx)(`span`,{className:`text-[10px] font-bold text-slate-650`,children:`Choose local image file`}),(0,d.jsx)(`input`,{type:`file`,accept:`image/*`,onChange:e=>{var t;let n=(t=e.target.files)==null?void 0:t[0];if(!n)return;let i=new FileReader;i.onload=e=>{var t;r(`url`,(t=e.target)==null?void 0:t.result)},i.readAsDataURL(n)},className:`absolute inset-0 opacity-0 cursor-pointer`})]})]}),(0,d.jsx)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Bottom Margin`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.marginBottom||`0px`),onChange:e=>n(`marginBottom`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Padding`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.padding||`0px`),onChange:e=>n(`padding`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]})]})}),(0,d.jsx)(`div`,{className:`pt-4 border-t border-red-100 flex items-center justify-between`,children:(0,d.jsxs)(`button`,{onClick:()=>s(M.id),className:`w-full py-2 bg-red-50 hover:bg-red-100 border border-red-200 text-red-650 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Delete Element`})]})})]})]})}return(0,d.jsxs)(`div`,{className:`space-y-5`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`text-sm font-bold text-slate-800`,children:`Formatting Panel`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Customize the styles of the selected block.`})]}),(0,d.jsxs)(`div`,{className:`space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 pb-3 border-b border-gray-100`,children:[(0,d.jsx)(`div`,{className:`h-6 px-3 bg-slate-100 rounded flex items-center justify-center text-slate-700 font-bold text-[10px] uppercase`,children:M.type}),(0,d.jsxs)(`span`,{className:`text-xs font-bold text-slate-700 capitalize`,children:[`Editing `,M.type===`table`?`Table Block`:`Typography Element`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Row Alignment`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Display side-by-side`})]}),(0,d.jsx)(`button`,{onClick:()=>{let e=!M.style.sameRow;n(`sameRow`,e),e?(n(`width`,`48%`),E(e=>{let t=e.findIndex(e=>e.id===M.id);return t>0?e.map((e,n)=>n===t-1&&(!e.style.width||e.style.width===`100%`)?T(T({},e),{},{style:T(T({},e.style),{},{width:`48%`})}):e):e})):n(`width`,`100%`)},style:{backgroundColor:M.style.sameRow?D:`#cbd5e1`},className:`w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer`,children:(0,d.jsx)(`span`,{className:`bg-white w-4 h-4 rounded-full shadow-md`})})]}),M.style.sameRow&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Row Direction`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Layout stacked or side-by-side`})]}),(0,d.jsx)(`div`,{className:`grid grid-cols-2 gap-1 bg-slate-100 p-0.5 border border-gray-200 rounded-lg w-[180px]`,children:[`row`,`column`].map(e=>(0,d.jsx)(`button`,{type:`button`,onClick:()=>{n(`flexDirection`,e),E(t=>{let n=t.findIndex(e=>e.id===M.id);if(n===-1)return t;let r=n;for(;r>0&&t[r].style.sameRow;)r--;let i=[r],a=r+1;for(;a<t.length&&t[a].style.sameRow;)i.push(a),a++;return t.map((t,n)=>i.includes(n)?T(T({},t),{},{style:T(T({},t.style),{},{flexDirection:e})}):t)})},className:`px-2 py-1 text-[9px] font-bold rounded capitalize transition-all text-center ${M.style.flexDirection===e||e===`row`&&!M.style.flexDirection?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:e===`row`?`Side-by-side`:`Stacked`},e))})]}),(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Font Size`}),(0,d.jsx)(`select`,{value:M.style.fontSize,onChange:e=>n(`fontSize`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:i.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))})]}),!me&&(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Weight`}),(0,d.jsx)(`select`,{value:M.style.fontWeight,onChange:e=>n(`fontWeight`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:o.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))})]})]}),!me&&(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Font Family`}),(0,d.jsxs)(`select`,{value:M.style.fontFamily||``,onChange:e=>n(`fontFamily`,e.target.value),className:`w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium`,children:[(0,d.jsx)(`option`,{value:``,children:`Default Font (Global)`}),a.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))]})]}),!me&&(0,d.jsxs)(`div`,{className:`space-y-2`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Alignment & Formatting`}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-1 border border-gray-200 rounded-lg p-1 bg-slate-50`,children:[(0,d.jsx)(`div`,{className:`flex items-center space-x-0.5`,children:[{value:`left`,icon:(0,d.jsx)(dx,{className:`h-3.5 w-3.5`})},{value:`center`,icon:(0,d.jsx)(cx,{className:`h-3.5 w-3.5`})},{value:`right`,icon:(0,d.jsx)(lx,{className:`h-3.5 w-3.5`})},{value:`justify`,icon:(0,d.jsx)(ux,{className:`h-3.5 w-3.5`})}].map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`textAlign`,e.value),className:`p-1.5 rounded transition-all ${M.style.textAlign===e.value?`bg-white text-slate-800 shadow-xs border border-gray-200`:`text-slate-500 hover:text-slate-800`}`,children:e.icon},e.value))}),(0,d.jsx)(`div`,{className:`h-5 w-[1px] bg-slate-200 mx-1`}),(0,d.jsx)(`div`,{className:`flex items-center space-x-0.5`,children:[{key:`bold`,label:`B`,className:`font-bold`},{key:`italic`,label:`I`,className:`italic`},{key:`underline`,label:`U`,className:`underline`},{key:`strikethrough`,label:`S`,className:`line-through`}].map(e=>{let t=M.style[e.key]===!0;return(0,d.jsx)(`button`,{onClick:()=>n(e.key,!t),className:`h-7 w-7 rounded text-xs transition-all ${t?`bg-white text-slate-800 shadow-xs border border-gray-200 font-bold`:`text-slate-500 hover:text-slate-800`}`,children:(0,d.jsx)(`span`,{className:e.className,children:e.label})},e.key)})})]})]}),(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Text Color`}),(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[hb.map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`color`,e),className:`h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${M.style.color===e?`scale-120 ring-2 ring-slate-800`:`hover:scale-110`}`,style:{backgroundColor:e}},e)),(0,d.jsx)(`input`,{type:`color`,value:M.style.color,onChange:e=>n(`color`,e.target.value),className:`h-5 w-5 rounded-full border border-gray-200 cursor-pointer overflow-hidden p-0`})]})]}),(0,d.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Background Color`}),(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[gb.map(e=>(0,d.jsx)(`button`,{onClick:()=>n(`backgroundColor`,e),className:`h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${M.style.backgroundColor===e?`scale-120 ring-2 ring-slate-800`:`hover:scale-110`}`,style:{backgroundColor:e===`transparent`?`#ffffff`:e},children:e===`transparent`&&(0,d.jsx)(`span`,{className:`text-[8px] text-slate-400 font-bold block leading-5 text-center`,children:`T`})},e)),(0,d.jsx)(`input`,{type:`color`,value:M.style.backgroundColor===`transparent`?`#ffffff`:M.style.backgroundColor,onChange:e=>n(`backgroundColor`,e.target.value),className:`h-5 w-5 rounded-full border border-gray-200 cursor-pointer overflow-hidden p-0`})]})]})]}),(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider`,children:`Block Width (%)`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded`,children:[Sx(M.style.width),`%`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsx)(`input`,{type:`range`,min:`10`,max:`100`,step:`5`,value:Sx(M.style.width),onChange:e=>n(`width`,`${Math.min(100,Math.max(10,parseInt(e.target.value,10)))}%`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsxs)(`span`,{className:`text-[10px] font-mono text-slate-500 w-10 text-right`,children:[Sx(M.style.width),`%`]})]})]}),(0,d.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Bottom Margin`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.marginBottom||`0px`),onChange:e=>n(`marginBottom`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]}),(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase block`,children:`Padding`}),(0,d.jsx)(`input`,{type:`range`,min:`0`,max:`40`,step:`2`,value:parseInt(M.style.padding||`0px`),onChange:e=>n(`padding`,`${e.target.value}px`),style:{accentColor:D},className:`w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none mt-2`,children:[(0,d.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-xs font-bold text-slate-700 block`,children:`Page Break Before`}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Force new page before this block`})]}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>{n(`pageBreakBefore`,M.style.pageBreakBefore===`always`||M.style.pageBreakBefore===!0?`auto`:`always`)},style:{backgroundColor:M.style.pageBreakBefore===`always`||M.style.pageBreakBefore===!0?D:`#cbd5e1`},className:`w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer`,children:(0,d.jsx)(`span`,{className:`bg-white w-4 h-4 rounded-full shadow-md`})})]})]}),me&&M.tableInfo&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Table Rows`}),(0,d.jsxs)(`span`,{className:`text-[10px] text-slate-400 font-medium`,children:[((O=M.tableInfo.mockRows)==null?void 0:O.length)||1,` row(s) configured`]})]}),(0,d.jsxs)(`button`,{type:`button`,onClick:()=>v&&v(M.id),style:{backgroundColor:D},className:`px-3 py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center space-x-1 shadow-xs cursor-pointer`,title:`Add a new row to table`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Add Row`})]})]}),(0,d.jsx)(`div`,{className:`space-y-1.5 max-h-[140px] overflow-y-auto pr-1`,children:(M.tableInfo.mockRows&&M.tableInfo.mockRows.length>0?M.tableInfo.mockRows:[{}]).map((e,t)=>{var n;return(0,d.jsxs)(`div`,{className:`flex items-center justify-between bg-slate-50 border border-gray-200 rounded-lg p-2 text-xs`,children:[(0,d.jsxs)(`span`,{className:`font-semibold text-slate-700`,children:[`Row #`,t+1]}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>y&&y(t,M.id),disabled:(((n=M.tableInfo)==null||(n=n.mockRows)==null?void 0:n.length)||1)<=1,className:`p-1 text-slate-400 hover:text-red-600 hover:bg-red-50 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors`,title:`Remove row`,children:(0,d.jsx)(fx,{className:`h-3.5 w-3.5`})})]},t)})})]}),(0,d.jsxs)(`div`,{className:`space-y-3 pt-3 border-t border-gray-100`,children:[(0,d.jsx)(`label`,{className:`text-[10px] font-bold text-slate-400 uppercase tracking-wider block`,children:`Table Columns`}),(0,d.jsx)(`div`,{className:`space-y-2 max-h-[300px] overflow-y-auto pr-1`,children:M.tableInfo.columns.map((e,t)=>{var n,r;let i=!!(e.loop||Array.isArray(e.columns));return(0,d.jsxs)(`div`,{className:`bg-slate-50 border border-gray-200 rounded-lg p-2 space-y-1.5 text-xs`,children:[k===String(t)?(0,d.jsxs)(`div`,{className:`space-y-1.5 p-1 bg-white border border-orange-300 rounded`,children:[(0,d.jsx)(`div`,{className:`text-[9px] font-bold text-orange-600 uppercase`,children:`Edit Column`}),(0,d.jsx)(`input`,{type:`text`,value:ee,onChange:e=>j(e.target.value),placeholder:`Header Name`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-xs bg-white`}),(0,d.jsx)(`input`,{type:`text`,value:te,onChange:e=>ne(e.target.value),placeholder:`Value (e.g. {{item.sku}})`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-xs font-mono bg-white`}),(0,d.jsxs)(`div`,{className:`flex justify-end gap-1`,children:[(0,d.jsxs)(`button`,{onClick:()=>{g&&g(t,ee,te),A(null)},style:{backgroundColor:D},className:`p-1 px-2 text-white rounded text-[10px] flex items-center gap-1 font-bold cursor-pointer`,children:[(0,d.jsx)(Hb,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{children:`Save`})]}),(0,d.jsxs)(`button`,{onClick:()=>A(null),className:`p-1 px-2 bg-gray-200 text-slate-700 hover:bg-gray-300 rounded text-[10px] flex items-center gap-1`,children:[(0,d.jsx)(hx,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{children:`Cancel`})]})]})]}):(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`truncate mr-2`,children:[(0,d.jsxs)(`span`,{className:`font-bold text-slate-700 block truncate flex items-center gap-1`,children:[(0,d.jsx)(`span`,{children:e.columnName}),i&&(0,d.jsx)(`span`,{className:`px-1 bg-blue-100 text-blue-700 rounded text-[8px] font-mono`,children:`loop (sub-table)`})]}),(0,d.jsx)(`code`,{className:`text-[9px] font-mono text-slate-500 truncate block`,children:e.placeholder})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`up`),disabled:t===0,className:`p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors`,title:`Move Up`,children:(0,d.jsx)(Bb,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`down`),disabled:t===(((n=M.tableInfo)==null?void 0:n.columns.length)||0)-1,className:`p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors`,title:`Move Down`,children:(0,d.jsx)(zb,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`button`,{onClick:()=>{A(String(t)),j(e.columnName),ne(e.placeholder)},className:`p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 rounded transition-colors`,title:`Edit column`,children:(0,d.jsx)($b,{className:`h-3.5 w-3.5`})}),(0,d.jsx)(`button`,{onClick:()=>h(t),className:`p-1 text-slate-400 hover:text-red-600 hover:bg-red-50 rounded transition-colors border border-transparent`,disabled:!M.tableInfo||M.tableInfo.columns.length<=1,title:`Delete column`,children:(0,d.jsx)(fx,{className:`h-3.5 w-3.5`})})]})]}),i&&(0,d.jsxs)(`div`,{className:`ml-2 pl-2 border-l-2 border-blue-200 space-y-1.5 pt-1 mt-1`,children:[(0,d.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,d.jsxs)(`span`,{className:`text-[8px] font-bold text-blue-600 uppercase tracking-wider block`,children:[`Sub-Table Columns (`,((r=e.columns)==null?void 0:r.length)||0,`):`]})}),e.columns.map((n,r)=>{let i=`${t}-${r}`;return k===i?(0,d.jsxs)(`div`,{className:`space-y-1 p-1.5 bg-white border border-blue-300 rounded`,children:[(0,d.jsx)(`div`,{className:`text-[8px] font-bold text-blue-600 uppercase`,children:`Edit Sub-Column`}),(0,d.jsx)(`input`,{type:`text`,value:ee,onChange:e=>j(e.target.value),placeholder:`Header Name`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-[11px] bg-white`}),(0,d.jsx)(`input`,{type:`text`,value:te,onChange:e=>ne(e.target.value),placeholder:`Value`,className:`w-full px-2 py-0.5 border border-gray-200 rounded text-[11px] font-mono bg-white`}),(0,d.jsxs)(`div`,{className:`flex justify-end gap-1 pt-0.5`,children:[(0,d.jsxs)(`button`,{onClick:()=>{g&&g(t,ee,te,r),A(null)},className:`p-0.5 px-1.5 bg-blue-600 text-white hover:bg-blue-700 rounded text-[9px] flex items-center gap-1 font-bold`,children:[(0,d.jsx)(Hb,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`Save`})]}),(0,d.jsxs)(`button`,{onClick:()=>A(null),className:`p-0.5 px-1.5 bg-gray-200 text-slate-700 hover:bg-gray-300 rounded text-[9px] flex items-center gap-1`,children:[(0,d.jsx)(hx,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`Cancel`})]})]})]},r):(0,d.jsxs)(`div`,{className:`flex items-center justify-between bg-white border border-gray-150 rounded px-2 py-1 text-[11px]`,children:[(0,d.jsxs)(`div`,{className:`truncate mr-1`,children:[(0,d.jsx)(`span`,{className:`font-semibold text-slate-700 block truncate`,children:n.columnName}),(0,d.jsx)(`code`,{className:`text-[8px] font-mono text-slate-400 truncate block`,children:n.placeholder})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:[(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`up`,r),disabled:r===0,className:`p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 disabled:opacity-30 disabled:hover:bg-transparent rounded`,title:`Move Sub-Column Up`,children:(0,d.jsx)(Bb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:()=>_&&_(t,`down`,r),disabled:r===e.columns.length-1,className:`p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 disabled:opacity-30 disabled:hover:bg-transparent rounded`,title:`Move Sub-Column Down`,children:(0,d.jsx)(zb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:()=>{A(i),j(n.columnName),ne(n.placeholder)},className:`p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 rounded`,title:`Edit sub-column`,children:(0,d.jsx)($b,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:()=>h(t,r),className:`p-0.5 text-slate-400 hover:text-red-600 hover:bg-red-50 rounded`,title:`Delete sub-column`,children:(0,d.jsx)(fx,{className:`h-3 w-3`})})]})]},r)}),re===t?(0,d.jsxs)(`div`,{className:`bg-white border border-blue-200 rounded p-2 space-y-1.5 mt-1`,children:[(0,d.jsx)(`span`,{className:`text-[9px] font-bold text-blue-600 block`,children:`Add Sub-Column`}),(0,d.jsx)(`input`,{type:`text`,value:ae,onChange:e=>oe(e.target.value),placeholder:`Header Name (e.g. Price)`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs bg-white`}),(0,d.jsx)(`input`,{type:`text`,value:se,onChange:e=>ce(e.target.value),placeholder:`Value (e.g. {{item.price}})`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs font-mono bg-white`}),(0,d.jsxs)(`div`,{className:`flex gap-1 pt-1`,children:[(0,d.jsx)(`button`,{onClick:()=>{ae.trim()&&(m(ae,se||`{{item.value}}`,!1,t),oe(``),ce(``),ie(null))},className:`flex-1 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded text-[10px] font-bold`,children:`Add`}),(0,d.jsx)(`button`,{onClick:()=>{ie(null),oe(``),ce(``)},className:`py-1 px-2 bg-gray-100 hover:bg-gray-200 text-slate-600 rounded text-[10px]`,children:`Cancel`})]})]}):(0,d.jsxs)(`button`,{onClick:()=>ie(t),className:`w-full py-1 text-[10px] font-bold text-blue-600 hover:bg-blue-50 border border-dashed border-blue-200 rounded flex items-center justify-center space-x-1 transition-colors mt-1`,children:[(0,d.jsx)(ex,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{children:`Add Sub-Column`})]})]})]},t)})}),(0,d.jsxs)(`div`,{className:`bg-slate-50 border border-gray-200 border-dashed rounded-xl p-3 space-y-3`,children:[(0,d.jsx)(`span`,{className:`text-[9px] font-bold text-slate-500 uppercase tracking-wider block`,children:`Add New Column`}),(0,d.jsx)(`div`,{children:(0,d.jsx)(`input`,{type:`text`,value:c,onChange:e=>u(e.target.value),placeholder:`Header Name`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs focus:outline-none focus:border-slate-500 bg-white`})}),(0,d.jsx)(`div`,{children:(0,d.jsx)(`input`,{type:`text`,value:f,onChange:e=>p(e.target.value),placeholder:`Value (e.g. {{item.sku}})`,className:`w-full px-2 py-1 border border-gray-200 rounded text-xs font-mono focus:outline-none focus:border-orange-655 bg-white`})}),(0,d.jsxs)(`div`,{className:`flex gap-2`,children:[(0,d.jsxs)(`button`,{onClick:he,style:{backgroundColor:D},className:`flex-1 py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1 cursor-pointer`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Column`})]}),(0,d.jsxs)(`button`,{onClick:()=>{c.trim()&&(m(c,f||`{{item.price}}`,!0),u(``),p(``))},className:`flex-1 py-1.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1`,title:`Add column as nested sub-table`,children:[(0,d.jsx)(ex,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Sub-Table`})]})]})]})]})]}),(0,d.jsx)(`div`,{className:`pt-4 border-t border-red-100 flex items-center justify-between`,children:(0,d.jsxs)(`button`,{onClick:()=>s(M.id),className:`w-full py-2 bg-red-50 hover:bg-red-100 border border-red-200 text-red-650 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Delete Element`})]})})]})]})}function wx({activeTab:e,setActiveTab:t,themeColor:n=`#ea580c`,setBlocks:r,selectedBlockId:i,setSelectedBlockId:a,getSelectedBlock:o,defaultStyles:s,createTextBlock:c,createImageBlock:l,createLayoutBlock:u,addColumnToLayout:f,deleteColumnFromLayout:p,mergeColumns:m,updateColumnStyle:h,updateColumnWidth:g,updateSelectedStyle:_,updateSelectedImageInfo:v,handleDeleteBlock:y,handleRemoveTableColumn:b,handleAddTableColumn:x,handleUpdateTableColumn:S,handleReorderTableColumn:C,handleAddTableRow:w,handleRemoveTableRow:T,schemas:E,toggleSchemaColumn:D,customTableName:O,setCustomTableName:k,customLoopStart:A,setCustomLoopStart:ee,customLoopEnd:j,setCustomLoopEnd:te,handleAddCustomTable:ne,newColName:re,setNewColName:ie,newColPlaceholder:ae,setNewColPlaceholder:oe,customImageTypes:se,newImgTypeName:ce,setNewImgTypeName:le,handleAddCustomImageType:ue,placeholders:M,searchPlaceholder:de,setSearchPlaceholder:fe,handleSidebarDragStart:pe,isTablesLoading:me,tablesLoading:he,isPlaceholdersLoading:ge,placeholdersLoading:_e,fontSizesState:ve,fontFamiliesState:ye,fontWeightsState:be,sidebarPosition:xe=`left`}){return(0,d.jsxs)(`aside`,{className:`w-full lg:col-span-4 h-full max-h-full min-h-0 flex flex-col bg-white border-t lg:border-t-0 ${xe===`left`?`lg:border-r lg:order-1`:`lg:border-l lg:order-2`} border-gray-200 overflow-hidden shrink-0`,children:[(0,d.jsx)(`div`,{className:`grid grid-cols-6 gap-1 border-b border-gray-250 p-2 bg-slate-50 shrink-0 select-none`,children:[{value:`text`,icon:(0,d.jsx)(px,{className:`h-4 w-4`})},{value:`layouts`,icon:(0,d.jsx)(Zb,{className:`h-4 w-4`})},{value:`tables`,icon:(0,d.jsx)(sx,{className:`h-4 w-4`})},{value:`images`,icon:(0,d.jsx)(Xb,{className:`h-4 w-4`})},{value:`placeholders`,icon:(0,d.jsx)(ix,{className:`h-4 w-4`})},{value:`styles`,icon:(0,d.jsx)(rx,{className:`h-4 w-4`})}].map(r=>(0,d.jsxs)(`button`,{onClick:()=>t(r.value),style:{backgroundColor:e===r.value?n:`transparent`,color:e===r.value?`#ffffff`:void 0},className:`py-2 px-0.5 flex flex-col items-center justify-center gap-1 font-bold text-[9px] rounded-lg uppercase tracking-wider transition-all duration-150 ${e===r.value?`shadow-sm`:`text-slate-500 hover:text-slate-800 hover:bg-slate-100`}`,children:[r.icon,(0,d.jsx)(`span`,{children:r.value})]},r.value))}),(0,d.jsxs)(`div`,{className:`p-4 flex-1 flex flex-col min-h-0 max-h-[80%] h-[80%] overflow-y-auto custom-scrollbar`,children:[e===`text`&&(0,d.jsx)(_x,{handleSidebarDragStart:pe,createTextBlock:c,setBlocks:r,setSelectedBlockId:a,setActiveTab:t,defaultStyles:s}),e===`layouts`&&(0,d.jsx)(vx,{handleSidebarDragStart:pe,createLayoutBlock:u||(()=>c(`p`,`Layout`)),setBlocks:r,setSelectedBlockId:a,setActiveTab:t,themeColor:n}),e===`tables`&&(0,d.jsx)(yx,{schemas:E,toggleSchemaColumn:D,customTableName:O,setCustomTableName:k,customLoopStart:A,setCustomLoopStart:ee,customLoopEnd:j,setCustomLoopEnd:te,handleAddCustomTable:ne,handleSidebarDragStart:pe,setBlocks:r,setSelectedBlockId:a,setActiveTab:t,defaultStyles:s,isTablesLoading:me,tablesLoading:he,themeColor:n}),e===`images`&&(0,d.jsx)(bx,{customImageTypes:se,newImgTypeName:ce,setNewImgTypeName:le,handleAddCustomImageType:ue,handleSidebarDragStart:pe,createImageBlock:l,setBlocks:r,setSelectedBlockId:a,setActiveTab:t,themeColor:n}),e===`placeholders`&&(0,d.jsx)(xx,{placeholders:M,schemas:E,searchPlaceholder:de,setSearchPlaceholder:fe,selectedBlockId:i,setBlocks:r,isPlaceholdersLoading:ge,placeholdersLoading:_e}),e===`styles`&&(0,d.jsx)(Cx,{selectedBlockId:i,getSelectedBlock:o,updateSelectedStyle:_,updateSelectedImageInfo:v,fontSizesState:ve,fontFamiliesState:ye,fontWeightsState:be,handleDeleteBlock:y,newColName:re,setNewColName:ie,newColPlaceholder:ae,setNewColPlaceholder:oe,handleAddTableColumn:x,handleRemoveTableColumn:b,handleUpdateTableColumn:S,handleReorderTableColumn:C,handleAddTableRow:w,handleRemoveTableRow:T,addColumnToLayout:f,deleteColumnFromLayout:p,mergeColumns:m,updateColumnStyle:h,updateColumnWidth:g,setBlocks:r,themeColor:n})]})]})}var Tx=[`bold`,`italic`,`underline`,`strikethrough`,`width`],Ex=({block:e,onUpdate:t,onSelect:n,onDrop:r})=>{let i=(0,l.useRef)(null);(0,l.useEffect)(()=>{i.current&&i.current.innerHTML!==e.content&&document.activeElement!==i.current&&(i.current.innerHTML=e.content||`<br/>`)},[e.id,e.content]);let a=e.style,{bold:o,italic:s,underline:c,strikethrough:u,width:f}=a,p=T({},Fb(a,Tx));o&&(p.fontWeight=`bold`),s&&(p.fontStyle=`italic`);let m=[];return c&&m.push(`underline`),u&&m.push(`line-through`),m.length>0&&(p.textDecoration=m.join(` `)),(0,d.jsx)(`div`,{ref:i,contentEditable:!0,suppressContentEditableWarning:!0,onFocus:n,onInput:e=>t(e.currentTarget.innerHTML),onBlur:e=>t(e.currentTarget.innerHTML),style:p,className:`h-fit w-full break-words outline-none`,onDrop:r,onDragOver:e=>e.preventDefault()})},Dx=({blockId:e,colIdx:t,placeholder:n,onUpdate:r,onDrop:i})=>{let a=(0,l.useRef)(null);return(0,l.useEffect)(()=>{a.current&&a.current.innerHTML!==n&&document.activeElement!==a.current&&(a.current.innerHTML=n)},[e,t,n]),(0,d.jsx)(`td`,{ref:a,contentEditable:!0,suppressContentEditableWarning:!0,onInput:e=>r(e.currentTarget.innerText||e.currentTarget.innerHTML),onBlur:e=>r(e.currentTarget.innerText||e.currentTarget.innerHTML),onDrop:i,onDragOver:e=>e.preventDefault(),className:`border border-slate-200 px-2.5 py-2.5 text-slate-500 bg-slate-50/20 font-sans outline-none focus:bg-slate-100/50 transition-colors`})},Ox=e=>{let t=[];return e.forEach(e=>{e.style.sameRow&&t.length>0?t[t.length-1].blocks.push(e):t.push({id:e.id,blocks:[e]})}),t};function kx({blocks:e,setBlocks:t,selectedBlockId:n,setSelectedBlockId:r,setActiveTab:i,showMockData:a,placeholderMockData:o,dragOverIndex:s,setDragOverIndex:c,draggedSidebarItem:u,defaultStyles:f,zoom:p,panOffset:m,spacePressed:h,canvasHeight:g,setCanvasHeight:_,viewportRef:v,canvasContainerRef:y,contentRef:b,handleMouseDown:x,handleMouseMove:S,handleMouseUp:C,createTextBlock:w,createImageBlock:E,createLayoutBlock:D,addColumnToLayout:O,deleteColumnFromLayout:k,mergeColumns:A,duplicateBlock:ee,reorderBlock:j,handleDeleteBlock:te,handleSidebarDrop:ne,handleTableCellDrop:re,updateTableCell:ie,handleTextDrop:ae,themeColor:oe=`#ea580c`}){let[se,ce]=(0,l.useState)(null),[le,ue]=(0,l.useState)(null),[M,de]=(0,l.useState)([]);(0,l.useEffect)(()=>{let e=()=>{if(!(b!=null&&b.current))return;let e=Array.from(b.current.children),t=new Set;e.forEach(e=>{let n=e.offsetTop+60,r=n+(e.offsetHeight||30),i=Math.max(1,Math.ceil(n/1123)),a=Math.max(1,Math.ceil(r/1123));for(let e=i;e<=a;e++)t.add(e)});let n=[],r=Math.max(1,Math.ceil(g/1123));for(let e=1;e<=r;e++)e>1&&!t.has(e)&&n.push(e);de(n)};e();let t=new ResizeObserver(e);return b!=null&&b.current&&(t.observe(b.current),Array.from(b.current.children).forEach(e=>t.observe(e))),()=>t.disconnect()},[e,g,b]);let fe=e=>{t(e=>e.map(e=>{if(e.style&&(e.style.pageBreakBefore===`always`||e.style.pageBreakBefore===!0)){let t=T({},e.style);return delete t.pageBreakBefore,T(T({},e),{},{style:t})}return e})),_&&_(Math.max(1123,(e-1)*1123))},pe=(e,t)=>{e.dataTransfer.setData(`blockIndex`,String(t)),e.dataTransfer.setData(`source`,`canvas`),e.dataTransfer.effectAllowed=`move`},me=(e,n)=>{e.preventDefault(),e.stopPropagation();let r=e.dataTransfer.getData(`source`);if(r===`sidebar`)ne(n);else if(r===`canvas`){let r=e.dataTransfer.getData(`blockIndex`);if(r!==``){let e=parseInt(r,10);!isNaN(e)&&e!==n&&t(t=>{let r=[...t],[i]=r.splice(e,1);return r.splice(n,0,i),r})}}c(null)},he=(n,a,o)=>{n.preventDefault(),n.stopPropagation();let s=n.dataTransfer.getData(`source`),c=n.dataTransfer.getData(`placeholder`),l=null;if(c)l=w(`p`,`{{${c}}}`,f==null?void 0:f.p);else if(s===`sidebar`){let e=n.dataTransfer.getData(`blockType`)||(u==null?void 0:u.type),t=n.dataTransfer.getData(`imageType`)||(u==null?void 0:u.imageType);if(e===`image`)l=E?E(t||`logo`):{id:Math.random().toString(36).substring(2,11),type:`image`,content:``,style:T({fontSize:`12px`,fontWeight:`normal`,color:`#1e293b`,backgroundColor:`transparent`,textAlign:`center`,width:`100%`,marginBottom:`8px`,padding:`0px`,bold:!1,italic:!1,underline:!1,strikethrough:!1},f==null?void 0:f.image),imageInfo:{imageType:t||`logo`,url:mb,barcodeValue:t===`barcode`?`SHIP-99201`:void 0,barcodePlaceholder:t===`barcode`?`{{barcode}}`:void 0}};else if(e===`layout`&&D)l=D(parseInt(n.dataTransfer.getData(`columnsCount`)||`2`,10));else if(e===`table`){let e=(u==null?void 0:u.tableSchema)||{tableName:`items`,columns:[{columnName:`Description`,placeholder:`{{description}}`,enabled:!0},{columnName:`Qty`,placeholder:`{{quantity}}`,enabled:!0},{columnName:`Price`,placeholder:`{{price}}`,enabled:!0}],loop:!0,isNestable:!1,parentPath:`items`,maxNestingDepth:5,nestingPrefix:` `,showNestingLevel:!1};l={id:Math.random().toString(36).substring(2,11),type:`table`,content:``,style:T({fontSize:`10px`,fontWeight:`normal`,textAlign:`left`,color:`#334155`,backgroundColor:`transparent`,marginBottom:`8px`,padding:`0px`,width:`100%`,bold:!1,italic:!1,underline:!1,strikethrough:!1},f==null?void 0:f.table),tableInfo:T(T({},e),{},{columns:(e.columns||[]).map(e=>T({},e)),mockRows:[]})}}else e&&e!==`layout`&&(l=w(e,{title:`Document Title`,subtitle:`Document Subtitle`,h1:`Heading 1`,h2:`Heading 2`,h3:`Heading 3`,h4:`Heading 4`,h5:`Heading 5`,h6:`Heading 6`,p:`Normal Paragraph`,caption:`Caption Note`}[e]||`Text Content`,f==null?void 0:f[e]))}else if(s===`canvas`){let s=n.dataTransfer.getData(`blockIndex`);if(s!==``){let n=parseInt(s,10);if(!isNaN(n)&&e[n]){let s=e[n];if(s.id===a||s.type===`layout`)return;t(e=>e.filter((e,t)=>t!==n).map(e=>{if(e.id===a&&e.type===`layout`&&e.layoutInfo){let t=e.layoutInfo.columns.map((e,t)=>t===o?T(T({},e),{},{blocks:[...e.blocks,s]}):e);return T(T({},e),{},{layoutInfo:T(T({},e.layoutInfo),{},{columns:t})})}return e})),r(s.id),i(`styles`);return}}}if(l){let e=l;t(t=>t.map(t=>{if(t.id===a&&t.type===`layout`&&t.layoutInfo){let n=t.layoutInfo.columns.map((t,n)=>n===o?T(T({},t),{},{blocks:[...t.blocks,e]}):t);return T(T({},t),{},{layoutInfo:T(T({},t.layoutInfo),{},{columns:n})})}return t})),r(e.id),i(`styles`)}},ge=(e,n,r,i)=>{t(t=>t.map(t=>{if(t.id===e&&t.type===`layout`&&t.layoutInfo){let e=t.layoutInfo.columns.map((e,t)=>t===n?T(T({},e),{},{blocks:e.blocks.map(e=>e.id===r?T(T({},e),{},{content:i}):e)}):e);return T(T({},t),{},{layoutInfo:T(T({},t.layoutInfo),{},{columns:e})})}return t}))},_e=(e,n,r,i)=>{t(t=>t.map(t=>{if(t.id===e&&t.type===`layout`&&t.layoutInfo){let e=t.layoutInfo.columns.map((e,t)=>{if(t===n){let t=[...e.blocks],n=i===`up`?r-1:r+1;if(n>=0&&n<t.length){let e=t[r];t[r]=t[n],t[n]=e}return T(T({},e),{},{blocks:t})}return e});return T(T({},t),{},{layoutInfo:T(T({},t.layoutInfo),{},{columns:e})})}return t}))},ve=1123,ye=Math.max(1,Math.ceil(g/ve));return(0,d.jsx)(`div`,{ref:v,className:`flex-1 overflow-auto p-8 flex justify-center items-start outline-none transition-all ${h?`cursor-grab active:cursor-grabbing`:`cursor-default`}`,onMouseDown:x,onMouseMove:S,onMouseUp:C,onMouseLeave:C,children:(0,d.jsx)(`div`,{style:{transform:`translate(${m.x}px, ${m.y}px) scale(${p})`,transformOrigin:`top center`},className:`transition-transform duration-75 ease-out select-none`,children:(0,d.jsxs)(`div`,{ref:y,style:{minHeight:`${Math.max(1123,ye*ve)}px`},className:`w-[794px] bg-white shadow-lg border border-gray-300/80 px-[60px] py-[60px] flex flex-col relative canvas-editor-area`,onDragOver:e=>e.preventDefault(),onDrop:n=>{if(n.preventDefault(),n.stopPropagation(),u)ne(e.length);else{let e=n.dataTransfer.getData(`placeholder`);if(e){n.preventDefault();let a=w(`p`,`{{${e}}}`,f==null?void 0:f.p);t(e=>[...e,a]),r(a.id),i(`styles`)}}},children:[Array.from({length:Math.max(0,ye-1)}).map((e,t)=>{let n=t+2,r=(t+1)*ve,i=M.includes(n);return(0,d.jsx)(`div`,{style:{top:`${r}px`},className:`absolute left-0 right-0 z-30 pointer-events-auto flex items-center justify-center border-b-2 border-dashed border-gray-300 py-1 select-none`,children:(0,d.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,d.jsxs)(`span`,{style:{color:oe,borderColor:`${oe}60`,backgroundColor:`${oe}15`},className:`border px-2.5 py-0.5 rounded-full shadow-xs flex items-center space-x-1.5 font-mono text-[10px] font-bold`,children:[(0,d.jsxs)(`span`,{children:[`📄 Page `,n,` Break (A4 - `,r,`px)`]}),i&&(0,d.jsx)(`span`,{className:`bg-amber-100 text-amber-800 text-[9px] px-1.5 py-0.5 rounded-md font-semibold`,children:`Empty Page`})]}),i&&(0,d.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),fe(n)},className:`flex items-center space-x-1 bg-red-500 hover:bg-red-600 text-white px-2.5 py-1 rounded-full text-[10px] font-bold shadow-md hover:shadow-lg transition-all duration-150 cursor-pointer active:scale-95 z-40`,title:`Delete empty Page ${n}`,children:[(0,d.jsx)(fx,{className:`h-3 w-3`}),(0,d.jsxs)(`span`,{children:[`Delete Page `,n]})]})]})},t)}),(0,d.jsx)(`div`,{ref:b,className:`flex-1 flex flex-col space-y-1 relative z-10`,children:e.length===0?(0,d.jsxs)(`div`,{className:`flex-1 border-2 border-dashed border-gray-200 rounded-2xl flex flex-col items-center justify-center p-8 text-center text-slate-400`,children:[(0,d.jsx)(rx,{className:`h-10 w-10 mb-3 animate-bounce text-slate-350`}),(0,d.jsx)(`span`,{className:`font-bold text-sm text-slate-600 block`,children:`Drag & Drop Editor Canvas`}),(0,d.jsx)(`p`,{className:`text-xs text-slate-400 mt-1 max-w-sm`,children:`Select elements from sidebar (Text, Layouts, Tables, Images) and drag them here to assemble your template structure.`})]}):Ox(e).map(a=>{var o;let s=a.blocks.length>1,l=a.blocks.some(e=>e.type===`table`),u=a.blocks.some(e=>e.style.pageBreakBefore===`always`||e.style.pageBreakBefore===!0);return(0,d.jsx)(`div`,{style:T({pageBreakInside:l?`auto`:`avoid`,breakInside:l?`auto`:`avoid`},u?{pageBreakBefore:`always`,breakBefore:`page`}:{}),className:`group/row ${a.blocks.some(e=>e.style.position===`absolute`)?``:`relative`} border border-transparent rounded-lg hover:border-slate-200/60 p-1 mb-2 ${s?((o=a.blocks[0])==null||(o=o.style)==null?void 0:o.flexDirection)===`column`?`flex flex-col gap-2`:`flex flex-row gap-4`:``}`,children:a.blocks.map(a=>{var o,l,u,f,p,m,h,g;let _=n===a.id,v=T(T({},a.style),vb(a.style.customCss||``));return(0,d.jsxs)(`div`,{draggable:!0,onDragStart:t=>{let n=t.target;if(n.isContentEditable||n.closest(`[contenteditable="true"]`)){t.preventDefault();return}let r=e.findIndex(e=>e.id===a.id);pe(t,r)},onDragOver:t=>{t.preventDefault(),c(e.findIndex(e=>e.id===a.id))},onDrop:t=>{let n=e.findIndex(e=>e.id===a.id);me(t,n)},onClick:()=>{r(a.id),i(`styles`)},style:T(T({},v),{},{flex:s?a.style.width&&a.style.width.endsWith(`%`)?`0 0 ${a.style.width}`:`1`:void 0,borderColor:_?oe:void 0,boxShadow:_?`0 0 0 2px ${oe}`:void 0}),className:`relative transition-all rounded-lg ${_?`shadow-md z-20 ring-1`:`hover:border-slate-300`}`,children:[_&&(0,d.jsxs)(`div`,{style:{backgroundColor:oe},className:`absolute -top-7 right-2 text-white rounded-lg px-2 py-0.5 text-xs font-bold flex items-center space-x-1.5 shadow-md z-30 select-none`,children:[(0,d.jsx)(`span`,{className:`text-[10px] font-extrabold uppercase tracking-wider border-r border-white/30 pr-1.5`,children:a.type}),a.type===`layout`&&(0,d.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),O&&O(a.id)},className:`hover:text-slate-200 flex items-center gap-1 border-r border-white/30 pr-1.5`,title:`Add Column to Right`,children:[(0,d.jsx)(ex,{className:`h-3 w-3`}),(0,d.jsx)(`span`,{className:`text-[9px]`,children:`Add Col`})]}),(0,d.jsx)(`button`,{onClick:t=>{t.stopPropagation(),j(e.findIndex(e=>e.id===a.id),`up`)},className:`hover:text-slate-200`,title:`Move Up`,children:(0,d.jsx)(Bb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:t=>{t.stopPropagation(),j(e.findIndex(e=>e.id===a.id),`down`)},className:`hover:text-slate-200`,title:`Move Down`,children:(0,d.jsx)(zb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:e=>ee(a.id,e),className:`hover:text-slate-200`,title:`Duplicate`,children:(0,d.jsx)(Kb,{className:`h-3 w-3`})}),(0,d.jsx)(`button`,{onClick:e=>te(a.id,e),className:`text-red-200 hover:text-red-300 ml-1`,title:`Delete`,children:(0,d.jsx)(fx,{className:`h-3 w-3`})})]}),a.type===`layout`?(0,d.jsx)(`div`,{className:`w-full relative`,children:(0,d.jsx)(`div`,{style:{display:`flex`,flexDirection:`row`,gap:((o=a.layoutInfo)==null?void 0:o.gap)||`16px`,width:`100%`,padding:a.style.padding||`4px`},className:`w-full select-none`,children:(l=a.layoutInfo)==null?void 0:l.columns.map((e,t)=>{var o,s,c,l,u,f,p,m;return(0,d.jsxs)(`div`,{onClick:e=>{e.stopPropagation(),r(a.id),e.shiftKey?(ce(e=>{if(e&&e.layoutBlockId===a.id){let n=e.colIndices.includes(t)?e.colIndices.filter(e=>e!==t):[...e.colIndices,t];return n.length>0?{layoutBlockId:a.id,colIndices:n}:null}return{layoutBlockId:a.id,colIndices:[t]}}),i(`styles`)):(ce({layoutBlockId:a.id,colIndices:[t]}),i(`styles`))},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),ue({layoutId:a.id,colIdx:t})},onDragLeave:()=>ue(null),onDrop:e=>{he(e,a.id,t),ue(null)},style:{flex:e.width?`0 0 ${e.width}`:`1 1 0%`,width:e.width||void 0,minWidth:0,borderColor:((o=e.style)==null?void 0:o.borderColor)||`#e2e8f0`,borderStyle:((s=e.style)==null?void 0:s.borderStyle)||`dashed`,borderWidth:((c=e.style)==null?void 0:c.borderWidth)||`1px`,borderRadius:((l=e.style)==null?void 0:l.borderRadius)||`8px`,backgroundColor:((u=e.style)==null?void 0:u.backgroundColor)||`#ffffff`,padding:((f=e.style)==null?void 0:f.padding)||`8px`},className:`relative flex flex-col transition-all group/col ${(se==null?void 0:se.layoutBlockId)===a.id&&se.colIndices.includes(t)?`ring-2 ring-indigo-400 shadow-xs`:`hover:border-slate-400`}`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-1.5 text-[9px] font-bold text-slate-400 border-b border-slate-100 pb-1 select-none`,children:[(0,d.jsxs)(`span`,{className:`flex items-center space-x-1`,children:[(0,d.jsx)(Ub,{className:`h-3 w-3 text-slate-400`}),(0,d.jsxs)(`span`,{children:[`Col `,t+1]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-1 opacity-0 group-hover/col:opacity-100 transition-opacity`,children:[(0,d.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),O&&O(a.id,t)},className:`px-1.5 py-0.5 bg-indigo-50 hover:bg-indigo-100 text-indigo-700 rounded text-[8px] font-bold flex items-center gap-0.5 transition-all`,title:`Add Column to Right`,children:[(0,d.jsx)(ex,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`+ Col`})]}),t<(((p=a.layoutInfo)==null?void 0:p.columns.length)||0)-1&&(0,d.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),A&&A(a.id,t,t+1)},className:`px-1.5 py-0.5 bg-slate-100 hover:bg-indigo-100 text-slate-600 hover:text-indigo-700 rounded text-[8px] font-bold flex items-center gap-1 transition-all`,title:`Merge with next column`,children:[(0,d.jsx)(Qb,{className:`h-2.5 w-2.5`}),(0,d.jsx)(`span`,{children:`Merge Next`})]}),(((m=a.layoutInfo)==null?void 0:m.columns.length)||0)>1&&(0,d.jsx)(`button`,{onClick:e=>{e.stopPropagation(),k&&k(a.id,t)},className:`px-1 py-0.5 bg-red-50 hover:bg-red-100 text-red-600 rounded text-[8px] font-bold flex items-center gap-0.5 transition-all`,title:`Delete Column`,children:(0,d.jsx)(fx,{className:`h-2.5 w-2.5`})})]})]}),e.blocks.length===0?(0,d.jsx)(`div`,{className:`flex-1 min-h-[50px] border border-dashed border-slate-200 rounded-lg flex flex-col items-center justify-center p-2 text-center text-slate-400 bg-slate-50/40 hover:bg-indigo-50/30 transition-all`,children:(0,d.jsx)(`span`,{className:`text-[10px] font-medium text-slate-400`,children:`Drag block here`})}):(0,d.jsx)(`div`,{className:`space-y-2 flex-1`,children:e.blocks.map((e,o)=>{var s,c,l,u,f,p,m;let h=n===e.id;return(0,d.jsxs)(`div`,{onClick:t=>{t.stopPropagation(),r(e.id),i(`styles`)},className:`relative p-1 rounded-lg border transition-all ${h?`border-indigo-500 ring-2 ring-indigo-500/10`:`border-transparent hover:border-slate-200`}`,children:[h&&(0,d.jsxs)(`div`,{style:{backgroundColor:oe},className:`absolute -top-3 right-1 text-white rounded px-1.5 py-0.5 text-[9px] font-bold flex items-center space-x-1 shadow-sm z-30 select-none`,children:[(0,d.jsx)(`button`,{onClick:e=>{e.stopPropagation(),_e(a.id,t,o,`up`)},title:`Move Up`,children:(0,d.jsx)(Bb,{className:`h-2.5 w-2.5`})}),(0,d.jsx)(`button`,{onClick:e=>{e.stopPropagation(),_e(a.id,t,o,`down`)},title:`Move Down`,children:(0,d.jsx)(zb,{className:`h-2.5 w-2.5`})}),(0,d.jsx)(`button`,{onClick:t=>{t.stopPropagation(),te(e.id,t)},className:`text-red-300 hover:text-red-400`,title:`Delete item`,children:(0,d.jsx)(fx,{className:`h-2.5 w-2.5`})})]}),e.type===`table`?(0,d.jsx)(`div`,{className:`overflow-x-auto w-full select-none`,children:!((s=e.tableInfo)!=null&&s.columns)||e.tableInfo.columns.filter(e=>e.enabled!==!1).length===0?(0,d.jsxs)(`div`,{className:`p-2 border border-dashed border-slate-300 rounded text-center bg-slate-50/50`,children:[(0,d.jsxs)(`span`,{className:`text-[10px] font-semibold text-slate-600 block`,children:[`Table: `,((c=e.tableInfo)==null?void 0:c.tableName)||`table`]}),(0,d.jsx)(`span`,{className:`text-[9px] text-slate-400`,children:`Select block to add columns in Styles panel.`})]}):(0,d.jsxs)(`table`,{style:e.style,className:`w-full border-collapse`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:(l=e.tableInfo)==null?void 0:l.columns.filter(e=>e.enabled!==!1).map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-2 py-1 text-slate-700 text-left bg-slate-50 font-sans text-[10px]`,children:e.columnName},t))})}),(0,d.jsx)(`tbody`,{children:(0,d.jsx)(`tr`,{className:`bg-slate-50/10`,children:(u=e.tableInfo)==null?void 0:u.columns.filter(e=>e.enabled!==!1).map((t,n)=>{if(t.loop||Array.isArray(t.columns)){let r=(t.columns||[]).filter(e=>e.enabled!==!1);return(0,d.jsx)(`td`,{className:`border border-slate-200 p-1.5 align-top bg-slate-50/20`,children:(0,d.jsxs)(`div`,{className:`w-full overflow-x-auto space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between text-[9px] font-semibold text-slate-500`,children:[(0,d.jsxs)(`span`,{children:[`Sub-table: `,t.columnName]}),(0,d.jsx)(`span`,{className:`px-1 py-0.5 bg-slate-200 text-slate-600 rounded text-[7px]`,children:`loop = true`})]}),r.length>0?(0,d.jsxs)(`table`,{className:`w-full border-collapse border border-slate-200 rounded text-xs bg-white`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:r.map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-1.5 py-0.5 text-slate-700 text-left bg-slate-100/80 font-sans font-semibold text-[9px]`,children:e.columnName},t))})}),(0,d.jsx)(`tbody`,{children:(0,d.jsx)(`tr`,{className:`bg-slate-50/30`,children:r.map((t,r)=>(0,d.jsx)(Dx,{blockId:e.id,colIdx:n,placeholder:t.placeholder,onUpdate:t=>ie(e.id,n,t,r),onDrop:t=>re(t,e.id,n,r)},r))})})]}):(0,d.jsx)(`div`,{className:`p-1 border border-dashed border-slate-300 rounded text-[9px] text-slate-400 text-center bg-white`,children:`Empty sub-table. Add sub-columns in Styles panel.`})]})},n)}return(0,d.jsx)(Dx,{blockId:e.id,colIdx:n,placeholder:t.placeholder,onUpdate:t=>ie(e.id,n,t),onDrop:t=>re(t,e.id,n)},n)})})})]})}):e.type===`image`?(0,d.jsx)(`div`,{className:`w-full text-center`,children:((f=e.imageInfo)==null?void 0:f.imageType)===`barcode`?(0,d.jsx)(`div`,{dangerouslySetInnerHTML:{__html:yb(((p=e.imageInfo)==null?void 0:p.barcodeValue)||`SHIP-99201`)},className:`mx-auto flex justify-center items-center py-1 select-none`,style:{width:e.style.imageWidth||`100%`,height:e.style.height||`50px`}}):(0,d.jsx)(`img`,{src:((m=e.imageInfo)==null?void 0:m.url)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`,style:{width:e.style.imageWidth||`100%`,maxHeight:e.style.height||`150px`,objectFit:e.style.objectFit||`contain`,display:`block`,margin:`0 auto`},alt:`Column graphic`})}):(0,d.jsx)(Ex,{block:e,onUpdate:n=>ge(a.id,t,e.id,n),onSelect:()=>r(e.id),onDrop:t=>ae(t,e.id)})]},e.id)})})]},e.id||t)})})}):a.type===`table`?(0,d.jsx)(`div`,{className:`overflow-x-auto w-full select-none`,children:!((u=a.tableInfo)!=null&&u.columns)||a.tableInfo.columns.filter(e=>e.enabled!==!1).length===0?(0,d.jsxs)(`div`,{className:`p-3 border border-dashed border-slate-300 rounded-lg text-center bg-slate-50/50`,children:[(0,d.jsxs)(`span`,{className:`text-xs font-semibold text-slate-500 block`,children:[`Table: `,((f=a.tableInfo)==null?void 0:f.tableName)||`custom_table`]}),(0,d.jsx)(`span`,{className:`text-[10px] text-slate-400`,children:`No columns added yet. Click to add columns in Styles panel.`})]}):(0,d.jsxs)(`table`,{style:v,className:`w-full border-collapse`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:(p=a.tableInfo)==null?void 0:p.columns.filter(e=>e.enabled!==!1).map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-2.5 py-1 text-slate-700 text-left bg-slate-50 font-sans`,children:e.columnName||``},t))})}),(0,d.jsx)(`tbody`,{children:((m=a.tableInfo)!=null&&m.mockRows&&a.tableInfo.mockRows.length>0?a.tableInfo.mockRows:[{}]).map((e,t)=>{var n;return(0,d.jsx)(`tr`,{className:`bg-slate-50/10 border-b border-slate-100 hover:bg-slate-50/20`,children:(n=a.tableInfo)==null?void 0:n.columns.filter(e=>e.enabled!==!1).map((t,n)=>{let r=e&&typeof e==`object`&&e[t.columnName]||t.placeholder;if(t.loop||Array.isArray(t.columns)){let e=(t.columns||[]).filter(e=>e.enabled!==!1);return(0,d.jsx)(`td`,{className:`border border-slate-200 p-2 align-top bg-slate-50/30`,children:(0,d.jsxs)(`div`,{className:`w-full overflow-x-auto space-y-1.5`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between text-[10px] font-bold text-slate-600`,children:[(0,d.jsxs)(`span`,{children:[`Sub-table: `,t.columnName]}),(0,d.jsx)(`span`,{className:`px-1.5 py-0.5 bg-slate-200 text-slate-700 rounded text-[8px]`,children:`loop = true`})]}),e.length>0?(0,d.jsxs)(`table`,{className:`w-full border-collapse border border-slate-200 rounded-md text-xs bg-white`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsx)(`tr`,{children:e.map((e,t)=>(0,d.jsx)(`th`,{className:`border border-slate-200 px-2 py-1 text-slate-700 text-left bg-slate-100/80 font-sans font-semibold text-[10px]`,children:e.columnName},t))})}),(0,d.jsx)(`tbody`,{children:(0,d.jsx)(`tr`,{className:`bg-slate-50/30`,children:e.map((e,t)=>(0,d.jsx)(Dx,{blockId:a.id,colIdx:t,placeholder:e.placeholder,onUpdate:e=>ie(a.id,n,e,t),onDrop:e=>re(e,a.id,n,t)},t))})})]}):(0,d.jsx)(`div`,{className:`p-1.5 border border-dashed border-slate-300 rounded text-[9px] text-slate-400 text-center bg-white`,children:`Empty sub-table. Add sub-columns in Styles panel.`})]})},n)}return(0,d.jsx)(Dx,{blockId:a.id,colIdx:n,placeholder:r,onUpdate:e=>ie(a.id,n,e),onDrop:e=>re(e,a.id,n)},n)})},t)})})]})}):a.type===`image`?(0,d.jsx)(`div`,{style:{textAlign:v.textAlign||`left`,width:`100%`,marginBottom:v.marginBottom,padding:v.padding,backgroundColor:v.backgroundColor},className:`w-full select-none`,children:(0,d.jsx)(`div`,{style:{width:s?`100%`:a.style.width&&a.style.width.endsWith(`%`)?a.style.width:`100%`,display:`inline-block`,textAlign:v.textAlign||`left`},children:((h=a.imageInfo)==null?void 0:h.imageType)===`barcode`?(0,d.jsx)(`div`,{style:{width:a.style.imageWidth||(a.style.width&&a.style.width.endsWith(`px`)?a.style.width:`100%`),height:a.style.height||a.style.minHeight||`70px`,marginLeft:v.textAlign===`center`||v.textAlign===`right`?`auto`:`0`,marginRight:v.textAlign===`center`?`auto`:v.textAlign===`right`?`0`:`auto`},className:`border border-dashed border-slate-200 p-2 bg-slate-50/5 rounded-lg flex items-center justify-center overflow-hidden`,dangerouslySetInnerHTML:{__html:yb(a.imageInfo.barcodeValue||`SHIP-99201`)}}):(0,d.jsx)(`img`,{src:((g=a.imageInfo)==null?void 0:g.url)||`data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg==`,style:{width:a.style.imageWidth||(a.style.width&&a.style.width.endsWith(`px`)?a.style.width:`100%`),height:`auto`,maxHeight:a.style.height||`300px`,objectFit:a.style.objectFit||`contain`,opacity:a.style.opacity||`1`,borderWidth:a.style.borderWidth,borderStyle:a.style.borderStyle,borderColor:a.style.borderColor,borderRadius:a.style.borderRadius,display:`block`,marginLeft:v.textAlign===`center`||v.textAlign===`right`?`auto`:`0`,marginRight:v.textAlign===`center`?`auto`:v.textAlign===`right`?`0`:`auto`},alt:`Uploaded content graphic`})})}):(0,d.jsx)(Ex,{block:a,onUpdate:e=>{t(t=>t.map(t=>t.id===a.id?T(T({},t),{},{content:e}):t))},onSelect:()=>r(a.id),onDrop:e=>ae(e,a.id)})]},a.id)})},a.id)})}),s!==null&&(0,d.jsx)(`div`,{style:{backgroundColor:oe},className:`h-[2px] rounded my-1 shadow-md animate-pulse`})]})})})}function Ax({showImportHtml:e=!0,showImportPdf:t=!0,showPreview:n=!0,showExport:r=!0,showExportPdf:i=!0,showClearCanvas:a,customButtonStyles:o,customButtonClassNames:s,customActionComponents:c,handleHtmlImport:u,handlePdfImport:f,setPreviewOpen:p,handleExport:m,handleExportPdf:h,handleClearCanvas:g,zoom:_,setZoom:v,setPanOffset:y,themeColor:b=`#ea580c`}){let x=(0,l.useRef)(null),S=(0,l.useRef)(null);return(0,d.jsxs)(`div`,{className:`bg-white border-b border-gray-200 px-4 py-2 flex flex-wrap items-center justify-between shadow-xs sticky top-0 z-20 gap-2`,children:[(0,d.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[e&&(0,d.jsxs)(d.Fragment,{children:[c!=null&&c.importHtml?c.importHtml({onClick:()=>{var e;return(e=x.current)==null?void 0:e.click()}}):(0,d.jsxs)(`button`,{onClick:()=>{var e;return(e=x.current)==null?void 0:e.click()},style:o==null?void 0:o.importHtml,className:(s==null?void 0:s.importHtml)||`inline-flex items-center space-x-1 px-2.5 py-1 border border-gray-200 rounded-lg text-xs font-semibold bg-white hover:bg-slate-50 text-slate-700 transition-colors shadow-2xs cursor-pointer`,title:`Import local HTML file`,children:[(0,d.jsx)(mx,{className:`h-3.5 w-3.5 text-slate-500`}),(0,d.jsx)(`span`,{children:`Import HTML`})]}),(0,d.jsx)(`input`,{type:`file`,ref:x,onChange:u,accept:`.html`,className:`hidden`})]}),t&&(0,d.jsxs)(d.Fragment,{children:[c!=null&&c.importPdf?c.importPdf({onClick:()=>{var e;return(e=S.current)==null?void 0:e.click()}}):(0,d.jsxs)(`button`,{onClick:()=>{var e;return(e=S.current)==null?void 0:e.click()},style:o==null?void 0:o.importPdf,className:(s==null?void 0:s.importPdf)||`inline-flex items-center space-x-1 px-2.5 py-1 border border-gray-200 rounded-lg text-xs font-semibold bg-white hover:bg-slate-50 text-slate-700 transition-colors shadow-2xs cursor-pointer`,title:`Import PDF layout structure`,children:[(0,d.jsx)(Yb,{className:`h-3.5 w-3.5 text-slate-500`}),(0,d.jsx)(`span`,{children:`Import PDF`})]}),(0,d.jsx)(`input`,{type:`file`,ref:S,onChange:f,accept:`.pdf`,className:`hidden`})]}),n&&(c!=null&&c.preview?c.preview({onClick:()=>p(!0)}):(0,d.jsxs)(`button`,{onClick:()=>p(!0),style:o==null?void 0:o.preview,className:(s==null?void 0:s.preview)||`inline-flex items-center space-x-1 px-2.5 py-1 border border-slate-200 rounded-lg text-xs font-semibold bg-slate-50 text-slate-700 hover:bg-slate-100 transition-colors shadow-2xs cursor-pointer`,children:[(0,d.jsx)(Jb,{className:`h-3.5 w-3.5 text-slate-500`}),(0,d.jsx)(`span`,{children:`Live Preview`})]})),i&&(c!=null&&c.exportPdf?c.exportPdf({onClick:h}):(0,d.jsxs)(`button`,{onClick:h,style:o==null?void 0:o.exportPdf,className:(s==null?void 0:s.exportPdf)||`inline-flex items-center space-x-1 px-2.5 py-1 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-xs font-semibold transition-colors shadow-2xs shadow-indigo-600/10 cursor-pointer`,children:[(0,d.jsx)(tx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Download PDF`})]})),r&&(c!=null&&c.export?c.export({onClick:m}):(0,d.jsxs)(`button`,{onClick:m,style:T({backgroundColor:b},o==null?void 0:o.export),className:(s==null?void 0:s.export)||`inline-flex items-center space-x-1 px-2.5 py-1 text-white rounded-lg text-xs font-semibold transition-colors shadow-2xs cursor-pointer`,children:[(0,d.jsx)(qb,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Export Template`})]})),a&&(0,d.jsxs)(`button`,{onClick:g,style:o==null?void 0:o.clearCanvas,className:(s==null?void 0:s.clearCanvas)||`inline-flex items-center space-x-1 px-2.5 py-1 text-xs font-semibold border border-red-200 text-red-650 bg-red-50 hover:bg-red-100 rounded-lg transition-colors cursor-pointer`,title:`Clear all canvas elements`,children:[(0,d.jsx)(fx,{className:`h-3.5 w-3.5`}),(0,d.jsx)(`span`,{children:`Clear Canvas`})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 bg-slate-50 border border-gray-200 px-2.5 py-0.5 rounded-xl shadow-xs select-none shrink-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-1`,children:[(0,d.jsx)(`button`,{onClick:()=>v(e=>Math.max(e-.1,.5)),className:`h-5 w-5 rounded border border-gray-200 bg-white hover:bg-slate-50 flex items-center justify-center font-bold text-slate-650 hover:text-slate-900 transition-colors text-[10px] select-none cursor-pointer`,title:`Zoom Out`,children:`−`}),(0,d.jsxs)(`div`,{className:`w-10 text-center text-[11px] font-bold text-slate-700`,children:[Math.round(_*100),`%`]}),(0,d.jsx)(`button`,{onClick:()=>v(e=>Math.min(e+.1,2)),className:`h-5 w-5 rounded border border-gray-200 bg-white hover:bg-slate-50 flex items-center justify-center font-bold text-slate-650 hover:text-slate-900 transition-colors text-[10px] select-none cursor-pointer`,title:`Zoom In`,children:`+`})]}),(0,d.jsx)(`div`,{className:`h-3.5 w-[1px] bg-gray-200`}),(0,d.jsx)(`input`,{type:`range`,min:`0.5`,max:`2.0`,step:`0.05`,value:_,onChange:e=>v(parseFloat(e.target.value)),style:{accentColor:b},className:`w-16 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer`}),(0,d.jsx)(`button`,{onClick:()=>{v(1),y({x:0,y:0})},className:`text-[9px] font-bold text-slate-500 hover:text-slate-800 hover:underline cursor-pointer`,children:`Reset`})]})]})}function jx({previewOpen:e,setPreviewOpen:t,generateExportHtml:n}){return e?(0,d.jsx)(`div`,{className:`fixed inset-0 bg-slate-950/65 backdrop-blur-xs flex items-center justify-center z-50 p-6`,children:(0,d.jsxs)(`div`,{className:`bg-white rounded-2xl w-full max-w-[900px] h-[90%] flex flex-col shadow-2xl overflow-hidden border border-gray-200`,children:[(0,d.jsxs)(`div`,{className:`bg-slate-50 border-b border-gray-200 px-6 py-4 flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`h3`,{className:`text-sm font-bold text-slate-800 flex items-center space-x-2`,children:[(0,d.jsx)(Jb,{className:`h-4 w-4 text-slate-655`}),(0,d.jsx)(`span`,{children:`HTML Document Render Output`})]}),(0,d.jsx)(`p`,{className:`text-[10px] text-slate-400 mt-0.5`,children:`Sandboxed iframe preview of final template markup`})]}),(0,d.jsx)(`button`,{onClick:()=>t(!1),className:`p-1.5 bg-slate-100 hover:bg-slate-200 text-slate-500 hover:text-slate-800 rounded-lg transition-colors`,children:(0,d.jsx)(hx,{className:`h-4 w-4`})})]}),(0,d.jsx)(`div`,{className:`flex-1 bg-slate-100 p-6 overflow-hidden`,children:(0,d.jsx)(`iframe`,{title:`HTML Preview Sandbox`,srcDoc:n(!0),className:`w-full h-full bg-white border border-gray-200 rounded-xl shadow-xs`,sandbox:`allow-same-origin`})}),(0,d.jsxs)(`details`,{className:`bg-slate-50 border-t border-gray-200`,children:[(0,d.jsxs)(`summary`,{className:`px-6 py-3 text-xs font-bold text-slate-600 cursor-pointer select-none hover:text-slate-800 flex items-center justify-between`,children:[(0,d.jsx)(`span`,{children:`View Raw Output Markup (HTML)`}),(0,d.jsx)(`span`,{className:`text-[10px] text-slate-400 font-medium font-sans`,children:`Click to expand`})]}),(0,d.jsx)(`div`,{className:`px-6 pb-6 overflow-x-auto max-h-[250px]`,children:(0,d.jsx)(`pre`,{className:`bg-slate-900 text-slate-200 p-4 rounded-lg text-[10px] font-mono whitespace-pre-wrap select-all`,children:n(!1)})})]})]})}):null}function Mx({bubbleCoords:e,applySelectionFormat:t}){return e?(0,d.jsxs)(`div`,{className:`fixed bg-slate-900 border border-slate-800 text-white rounded-xl shadow-xl py-1 px-1.5 flex items-center space-x-1.5 z-50 select-none -translate-x-1/2`,style:{left:`${e.x}px`,top:`${e.y}px`},children:[(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`bold`)},className:`h-6 w-6 rounded hover:bg-slate-800 flex items-center justify-center font-bold text-xs text-slate-200 hover:text-white transition-colors`,title:`Bold Selection`,children:`B`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`italic`)},className:`h-6 w-6 rounded hover:bg-slate-800 flex items-center justify-center italic text-xs text-slate-200 hover:text-white transition-colors`,title:`Italic Selection`,children:`I`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`underline`)},className:`h-6 w-6 rounded hover:bg-slate-800 flex items-center justify-center underline text-xs text-slate-200 hover:text-white transition-colors`,title:`Underline Selection`,children:`U`}),(0,d.jsx)(`div`,{className:`h-4 w-[1px] bg-slate-800 mx-1`}),(0,d.jsxs)(`select`,{value:e.format||``,onChange:e=>{e.preventDefault(),e.target.value&&(t(`formatBlock`,e.target.value),e.target.value===`P`&&t(`fontSize`,`3`))},className:`bg-slate-800 text-white text-[10px] rounded px-1 py-0.5 outline-none cursor-pointer border border-slate-700`,children:[(0,d.jsx)(`option`,{value:``,disabled:!0,children:`Format...`}),(0,d.jsx)(`option`,{value:`H1`,children:`Heading 1`}),(0,d.jsx)(`option`,{value:`H2`,children:`Heading 2`}),(0,d.jsx)(`option`,{value:`H3`,children:`Heading 3`}),(0,d.jsx)(`option`,{value:`P`,children:`Paragraph`}),(0,d.jsx)(`option`,{value:`BLOCKQUOTE`,children:`Quote`})]}),(0,d.jsx)(`div`,{className:`h-4 w-[1px] bg-slate-800 mx-1`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#3b82f6`)},className:`h-4 w-4 rounded-full bg-blue-500 hover:scale-110 transition-transform cursor-pointer`,title:`Color Blue`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#ef4444`)},className:`h-4 w-4 rounded-full bg-red-500 hover:scale-110 transition-transform cursor-pointer`,title:`Color Red`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#1e293b`)},className:`h-4 w-4 rounded-full bg-slate-700 hover:scale-110 transition-transform cursor-pointer border border-slate-850`,title:`Color Slate`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`foreColor`,`#22c55e`)},className:`h-4 w-4 rounded-full bg-green-500 hover:scale-110 transition-transform cursor-pointer`,title:`Color Green`}),(0,d.jsx)(`div`,{className:`h-4 w-[1px] bg-slate-800`}),(0,d.jsx)(`button`,{onMouseDown:e=>{e.preventDefault(),t(`removeFormat`)},className:`hover:bg-slate-800 rounded text-[10px] px-1.5 h-6 flex items-center justify-center text-slate-400 hover:text-white font-semibold transition-colors`,title:`Clear Formatting`,children:`Clear`})]}):null}Bu.workerSrc=`https://cdn.jsdelivr.net/npm/pdfjs-dist@6.1.200/build/pdf.worker.min.mjs`;var Nx=e=>{let t=[];return e.forEach(e=>{e.style.sameRow&&t.length>0?t[t.length-1].blocks.push(e):t.push({id:e.id,blocks:[e]})}),t},Px=e=>e?e.replace(/contenteditable="[^"]*"/g,``).replace(/class="[^"]*"/g,``).replace(/data-placeholder="[^"]*"/g,``).replace(/ /g,` `).trim():``;function Fx({tableSchemas:e,placeholders:t,defaultLogo:n,defaultBanner:r,headerTitle:i=`HTML Template Builder`,headerSubtitle:a=`Design and export templates dynamically`,headerLogo:o,typographySizes:s,typographyWeights:c,typographyFonts:u,templatingLanguage:f=`csharp`,loopSyntax:p=`foreach`,onChange:m,onExport:h,onExportPdf:g,getHTMLOutput:_,initialBlocks:y,defaultStyles:b,showImportHtml:x=!0,showImportPdf:S=!0,showClearCanvas:C=!0,showPreview:w=!0,showExport:E=!0,showExportPdf:D=!0,showHeader:O=!0,sidebarPosition:A=`left`,themeColor:ee,primaryColor:j,isTablesLoading:te,tablesLoading:ne,isPlaceholdersLoading:re,placeholdersLoading:ie,customButtonStyles:ae,customButtonClassNames:oe,customActionComponents:se}={}){let ce=ee||j||`#ea580c`,{zoom:le,setZoom:ue,panOffset:M,setPanOffset:de,spacePressed:fe,canvasHeight:pe,setCanvasHeight:me,viewportRef:he,canvasContainerRef:ge,contentRef:_e,handleMouseDown:ve,handleMouseMove:ye,handleMouseUp:be}=wb(),{customTableName:xe,setCustomTableName:Se,customLoopStart:Ce,setCustomLoopStart:we,customLoopEnd:Te,setCustomLoopEnd:N,newColName:P,setNewColName:Ee,newColPlaceholder:De,setNewColPlaceholder:Oe,bubbleCoords:ke,setBubbleCoords:Ae,schemas:je,isParsing:Me,setIsParsing:Ne,parseStatusText:Pe,setParseStatusText:Fe,parseError:Ie,setParseError:Le,draggedSidebarItem:Re,setDraggedSidebarItem:F,dragOverIndex:I,setDragOverIndex:ze,newImgTypeName:Be,setNewImgTypeName:Ve,customImageTypes:He,searchPlaceholder:Ue,setSearchPlaceholder:L,handleAddCustomTable:We,handleAddCustomImageType:Ge,toggleSchemaColumn:Ke,applySelectionFormat:qe,setSavedRange:Je}=Tb({tableSchemas:e}),{blocks:Ye,setBlocks:Xe,selectedBlockId:Ze,setSelectedBlockId:Qe,getSelectedBlock:R,createTextBlock:z,createTableBlock:$e,createImageBlock:et,createLayoutBlock:tt,addColumnToLayout:nt,deleteColumnFromLayout:rt,mergeColumns:it,updateColumnStyle:at,updateColumnWidth:ot,handleDeleteBlock:st,handleDuplicateBlock:ct,handleMoveBlockUp:lt,handleMoveBlockDown:ut,updateSelectedStyle:dt,updateSelectedImageInfo:ft,handleRemoveTableColumn:pt,handleAddTableColumn:mt,handleUpdateTableColumn:ht,handleReorderTableColumn:gt,handleAddTableRow:_t,handleRemoveTableRow:vt}=Cb({initialBlocks:y,defaultStyles:b,defaultLogo:n,defaultBanner:r,onChange:m}),[yt,bt]=(0,l.useState)(`text`),[xt,St]=(0,l.useState)(!1),[Ct]=(0,l.useState)(!0),[wt]=(0,l.useState)(s||[{label:`8px`,value:`8px`},{label:`9px`,value:`9px`},{label:`10px`,value:`10px`},{label:`11px`,value:`11px`},{label:`12px`,value:`12px`},{label:`14px`,value:`14px`},{label:`16px`,value:`16px`},{label:`18px`,value:`18px`},{label:`20px`,value:`20px`},{label:`24px`,value:`24px`},{label:`28px`,value:`28px`},{label:`32px`,value:`32px`},{label:`36px`,value:`36px`}]),[Tt]=(0,l.useState)(u||[{label:`Outfit (Default)`,value:`'Outfit', 'Inter', sans-serif`},{label:`Inter`,value:`'Inter', sans-serif`},{label:`Roboto`,value:`'Roboto', sans-serif`},{label:`System Sans`,value:`system-ui, -apple-system, sans-serif`},{label:`Georgia (Serif)`,value:`Georgia, serif`},{label:`Courier New (Mono)`,value:`'Courier New', monospace`}]),[Et]=(0,l.useState)(c||[{label:`Light`,value:`300`},{label:`Regular`,value:`400`},{label:`Medium`,value:`500`},{label:`Semibold`,value:`600`},{label:`Bold`,value:`700`},{label:`Extra Bold`,value:`800`}]),[Dt]=(0,l.useState)(f),[Ot]=(0,l.useState)(p),[kt]=(0,l.useState)(!0),At={};(0,l.useEffect)(()=>{let e=()=>{let e=window.getSelection();if(!e||e.isCollapsed||e.toString().trim()===``){Ae(null),Je(null);return}let t=document.activeElement;if(!(t&&t.getAttribute(`contenteditable`)===`true`&&(t.closest(`.canvas-editor-area`)||t.closest(`td`)))){Ae(null),Je(null);return}try{let t=e.getRangeAt(0),n=t.getBoundingClientRect(),r=document.queryCommandValue(`formatBlock`)||``;r=r.toUpperCase(),Ae({x:n.left+n.width/2,y:n.top-38,format:r}),Je(t)}catch(e){Ae(null),Je(null)}};return document.addEventListener(`selectionchange`,e),()=>document.removeEventListener(`selectionchange`,e)},[Ae,Je]),(0,l.useEffect)(()=>{let e=he.current;if(!e)return;let t=e=>{if(e.ctrlKey){e.preventDefault();let t=e.deltaY<0?1:-1;ue(e=>Math.min(2,Math.max(.5,e+t*.05)))}};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[he,ue]),(0,l.useEffect)(()=>{window.updateContentFromRawDelete=(e,t)=>{Xe(n=>n.map(n=>n.id===e?T(T({},n),{},{content:t}):n))}},[Xe]);let jt=e=>{var t;let n=(t=e.target.files)==null?void 0:t[0];if(!n)return;Ne(!0),Fe(`Parsing HTML...`),Le(null);let r=new FileReader;r.onload=t=>{try{var n;let e=xb((n=t.target)==null?void 0:n.result);e.length>0&&Xe(e)}catch(e){console.error(e),Le(e.message||`Failed to parse HTML`)}finally{Ne(!1),e.target&&(e.target.value=``)}},r.readAsText(n)},B=e=>{var t;let n=(t=e.target.files)==null?void 0:t[0];if(!n)return;Ne(!0),Fe(`Reading PDF text layers...`),Le(null);let r=new FileReader;r.onload=v(function*(){try{let e=r.result,t=yield Sb(e,k);t.length>0&&Xe(e=>[...e,...t])}catch(e){console.error(e),Le(e.message||`Failed to read PDF`)}finally{Ne(!1),e.target&&(e.target.value=``)}}),r.readAsArrayBuffer(n)},Mt=e=>{let t=e||`items`;if(Dt===`handlebars`||Dt===`mustache`){let e=Ot===`foreach`?`foreach`:`each`;return{start:`{{#${e} ${t}}}`,end:`{{/${e}}}`}}return Dt===`liquid`||Dt===`scriban`||Dt===`dotnet`?{start:`{% for ${t.endsWith(`s`)?t.slice(0,-1):`item`} in ${t} %}`,end:`{% endfor %}`}:Dt===`js`||Dt===`ts`?{start:`\${${t}.map(${t.endsWith(`s`)?t.slice(0,-1):`item`} => \``,end:"`).join('')}"}:Dt===`csharp`||Dt===`razor`?{start:`@foreach (var ${t.endsWith(`s`)?t.slice(0,-1):`item`} in ${t}) {`,end:`}`}:{start:Ce.replace(`items`,t),end:Te}},Nt=(e=!1)=>{let t=`<!DOCTYPE html>
|
|
59
59
|
<html>
|
|
60
60
|
<head>
|
|
61
61
|
<meta charset="utf-8">
|
package/dist/index.js
CHANGED
|
@@ -20281,7 +20281,7 @@ function Ex({ activeTab: e, setActiveTab: t, themeColor: n = "#ea580c", setBlock
|
|
|
20281
20281
|
children: [r.icon, /* @__PURE__ */ u("span", { children: r.value })]
|
|
20282
20282
|
}, r.value))
|
|
20283
20283
|
}), /* @__PURE__ */ d("div", {
|
|
20284
|
-
className: "p-4 flex-1 flex flex-col min-h-0 h-
|
|
20284
|
+
className: "p-4 flex-1 flex flex-col min-h-0 max-h-[80%] h-[80%] overflow-y-auto custom-scrollbar",
|
|
20285
20285
|
children: [
|
|
20286
20286
|
e === "text" && /* @__PURE__ */ u(yx, {
|
|
20287
20287
|
handleSidebarDragStart: he,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.reth-editor *,.reth-editor :before,.reth-editor :after{box-sizing:border-box;border:0 solid #e5e7eb}.reth-editor :before,.reth-editor :after{--tw-content:""}.reth-editor,.reth-editor{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Outfit,Inter,sans-serif;line-height:1.5}.reth-editor{line-height:inherit;margin:0}.reth-editor hr{height:0;color:inherit;border-top-width:1px}.reth-editor abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.reth-editor h1,.reth-editor h2,.reth-editor h3,.reth-editor h4,.reth-editor h5,.reth-editor h6{font-size:inherit;font-weight:inherit}.reth-editor a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.reth-editor b,.reth-editor strong{font-weight:bolder}.reth-editor code,.reth-editor kbd,.reth-editor samp,.reth-editor pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.reth-editor small{font-size:80%}.reth-editor sub,.reth-editor sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.reth-editor sub{bottom:-.25em}.reth-editor sup{top:-.5em}.reth-editor table{text-indent:0;border-color:inherit;border-collapse:collapse}.reth-editor button,.reth-editor input,.reth-editor optgroup,.reth-editor select,.reth-editor textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.reth-editor button,.reth-editor select{text-transform:none}.reth-editor button{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor [type=button]{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor [type=reset]{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor :-moz-focusring{outline:auto}.reth-editor :-moz-ui-invalid{box-shadow:none}.reth-editor progress{vertical-align:baseline}.reth-editor ::-webkit-inner-spin-button{height:auto}.reth-editor ::-webkit-outer-spin-button{height:auto}.reth-editor [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.reth-editor ::-webkit-search-decoration{-webkit-appearance:none}.reth-editor ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.reth-editor summary{display:list-item}.reth-editor blockquote,.reth-editor dl,.reth-editor dd,.reth-editor h1,.reth-editor h2,.reth-editor h3,.reth-editor h4,.reth-editor h5,.reth-editor h6,.reth-editor hr,.reth-editor figure,.reth-editor p,.reth-editor pre{margin:0}.reth-editor fieldset{margin:0;padding:0}.reth-editor legend{padding:0}.reth-editor ol,.reth-editor ul,.reth-editor menu{margin:0;padding:0;list-style:none}.reth-editor dialog{padding:0}.reth-editor textarea{resize:vertical}.reth-editor input::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor input::-webkit-input-placeholder{opacity:1;color:#9ca3af}.reth-editor input::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor input::-ms-input-placeholder{opacity:1;color:#9ca3af}.reth-editor input::placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::placeholder{opacity:1;color:#9ca3af}.reth-editor button,.reth-editor [role=button]{cursor:pointer}.reth-editor :disabled{cursor:default}.reth-editor img,.reth-editor svg,.reth-editor video,.reth-editor canvas,.reth-editor audio,.reth-editor iframe,.reth-editor embed,.reth-editor object{vertical-align:middle;display:block}.reth-editor img,.reth-editor video{max-width:100%;height:auto}.reth-editor [hidden]{display:none}.reth-editor{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity));font-family:Outfit,Inter,sans-serif}.reth-editor *,.reth-editor :before,.reth-editor :after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.reth-editor ::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.reth-editor ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.reth-editor .container{width:100%}@media (min-width:640px){.reth-editor .container{max-width:640px}}@media (min-width:768px){.reth-editor .container{max-width:768px}}@media (min-width:1024px){.reth-editor .container{max-width:1024px}}@media (min-width:1280px){.reth-editor .container{max-width:1280px}}@media (min-width:1536px){.reth-editor .container{max-width:1536px}}.reth-editor .pointer-events-auto{pointer-events:auto}.reth-editor .collapse{visibility:collapse}.reth-editor .fixed{position:fixed}.reth-editor .absolute{position:absolute}.reth-editor .relative{position:relative}.reth-editor .sticky{position:-webkit-sticky;position:sticky}.reth-editor .inset-0{top:0;bottom:0;left:0;right:0}.reth-editor .-top-3{top:-.75rem}.reth-editor .-top-7{top:-1.75rem}.reth-editor .left-0{left:0}.reth-editor .left-3{left:.75rem}.reth-editor .right-0{right:0}.reth-editor .right-1{right:.25rem}.reth-editor .right-2{right:.5rem}.reth-editor .top-0{top:0}.reth-editor .top-2{top:.5rem}.reth-editor .top-2\.5{top:.625rem}.reth-editor .z-10{z-index:10}.reth-editor .z-20{z-index:20}.reth-editor .z-30{z-index:30}.reth-editor .z-40{z-index:40}.reth-editor .z-50{z-index:50}.reth-editor .mx-1{margin-left:.25rem;margin-right:.25rem}.reth-editor .mx-auto{margin-left:auto;margin-right:auto}.reth-editor .my-1{margin-top:.25rem;margin-bottom:.25rem}.reth-editor .mb-1{margin-bottom:.25rem}.reth-editor .mb-1\.5{margin-bottom:.375rem}.reth-editor .mb-2{margin-bottom:.5rem}.reth-editor .mb-3{margin-bottom:.75rem}.reth-editor .ml-1{margin-left:.25rem}.reth-editor .ml-2{margin-left:.5rem}.reth-editor .ml-4{margin-left:1rem}.reth-editor .mr-1{margin-right:.25rem}.reth-editor .mr-2{margin-right:.5rem}.reth-editor .mt-0{margin-top:0}.reth-editor .mt-0\.5{margin-top:.125rem}.reth-editor .mt-1{margin-top:.25rem}.reth-editor .mt-2{margin-top:.5rem}.reth-editor .mt-3{margin-top:.75rem}.reth-editor .mt-4{margin-top:1rem}.reth-editor .mt-6{margin-top:1.5rem}.reth-editor .\!block{display:block!important}.reth-editor .block{display:block}.reth-editor .inline-block{display:inline-block}.reth-editor .inline{display:inline}.reth-editor .flex{display:flex}.reth-editor .inline-flex{display:inline-flex}.reth-editor .table{display:table}.reth-editor .grid{display:grid}.reth-editor .hidden{display:none}.reth-editor .h-1{height:.25rem}.reth-editor .h-1\.5{height:.375rem}.reth-editor .h-10{height:2.5rem}.reth-editor .h-2{height:.5rem}.reth-editor .h-2\.5{height:.625rem}.reth-editor .h-20{height:5rem}.reth-editor .h-3{height:.75rem}.reth-editor .h-3\.5{height:.875rem}.reth-editor .h-4{height:1rem}.reth-editor .h-5{height:1.25rem}.reth-editor .h-6{height:1.5rem}.reth-editor .h-7{height:1.75rem}.reth-editor .h-8{height:2rem}.reth-editor .h-9{height:2.25rem}.reth-editor .h-\[2px\]{height:2px}.reth-editor .h-\[90\%\]{height:90%}.reth-editor .h-fit{height:-moz-fit-content;height:fit-content}.reth-editor .h-full{height:100%}.reth-editor .h-screen{height:100vh}.reth-editor .max-h-\[140px\]{max-height:140px}.reth-editor .max-h-\[180px\]{max-height:180px}.reth-editor .max-h-\[250px\]{max-height:250px}.reth-editor .max-h-\[300px\]{max-height:300px}.reth-editor .max-h-full{max-height:100%}.reth-editor .max-h-screen{max-height:100vh}.reth-editor .min-h-0{min-height:0}.reth-editor .min-h-\[50px\]{min-height:50px}.reth-editor .w-1\/2{width:50%}.reth-editor .w-1\/3{width:33.3333%}.reth-editor .w-1\/4{width:25%}.reth-editor .w-10{width:2.5rem}.reth-editor .w-16{width:4rem}.reth-editor .w-2{width:.5rem}.reth-editor .w-2\.5{width:.625rem}.reth-editor .w-2\/3{width:66.6667%}.reth-editor .w-3{width:.75rem}.reth-editor .w-3\.5{width:.875rem}.reth-editor .w-3\/4{width:75%}.reth-editor .w-4{width:1rem}.reth-editor .w-5{width:1.25rem}.reth-editor .w-6{width:1.5rem}.reth-editor .w-7{width:1.75rem}.reth-editor .w-8{width:2rem}.reth-editor .w-9{width:2.25rem}.reth-editor .w-\[180px\]{width:180px}.reth-editor .w-\[1px\]{width:1px}.reth-editor .w-\[794px\]{width:794px}.reth-editor .w-fit{width:-moz-fit-content;width:fit-content}.reth-editor .w-full{width:100%}.reth-editor .max-w-\[900px\]{max-width:900px}.reth-editor .max-w-sm{max-width:24rem}.reth-editor .flex-1{flex:1}.reth-editor .flex-shrink-0,.reth-editor .shrink-0{flex-shrink:0}.reth-editor .border-collapse{border-collapse:collapse}.reth-editor .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.reth-editor .animate-bounce{animation:1s infinite bounce}@keyframes pulse{50%{opacity:.5}}.reth-editor .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.reth-editor .cursor-default{cursor:default}.reth-editor .cursor-grab{cursor:grab}.reth-editor .cursor-pointer{cursor:pointer}.reth-editor .select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reth-editor .select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.reth-editor .appearance-none{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.reth-editor .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.reth-editor .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reth-editor .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.reth-editor .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.reth-editor .flex-row{flex-direction:row}.reth-editor .flex-col{flex-direction:column}.reth-editor .flex-wrap{flex-wrap:wrap}.reth-editor .items-start{align-items:flex-start}.reth-editor .items-center{align-items:center}.reth-editor .justify-end{justify-content:flex-end}.reth-editor .justify-center{justify-content:center}.reth-editor .justify-between{justify-content:space-between}.reth-editor .gap-0{gap:0}.reth-editor .gap-0\.5{gap:.125rem}.reth-editor .gap-1{gap:.25rem}.reth-editor .gap-1\.5{gap:.375rem}.reth-editor .gap-2{gap:.5rem}.reth-editor .gap-3{gap:.75rem}.reth-editor .gap-4{gap:1rem}.reth-editor .space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.625rem * var(--tw-space-x-reverse));margin-left:calc(.625rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.reth-editor .space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.reth-editor .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.reth-editor .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.reth-editor .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.reth-editor .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.reth-editor .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.reth-editor .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.reth-editor .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.reth-editor .overflow-auto{overflow:auto}.reth-editor .overflow-hidden{overflow:hidden}.reth-editor .overflow-x-auto{overflow-x:auto}.reth-editor .overflow-y-auto{overflow-y:auto}.reth-editor .overflow-x-hidden{overflow-x:hidden}.reth-editor .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reth-editor .whitespace-pre-wrap{white-space:pre-wrap}.reth-editor .break-words{overflow-wrap:break-word}.reth-editor .rounded{border-radius:.25rem}.reth-editor .rounded-2xl{border-radius:1rem}.reth-editor .rounded-full{border-radius:9999px}.reth-editor .rounded-lg{border-radius:.5rem}.reth-editor .rounded-md{border-radius:.375rem}.reth-editor .rounded-xl{border-radius:.75rem}.reth-editor .border{border-width:1px}.reth-editor .border-2{border-width:2px}.reth-editor .border-b{border-bottom-width:1px}.reth-editor .border-b-2{border-bottom-width:2px}.reth-editor .border-l-2{border-left-width:2px}.reth-editor .border-r{border-right-width:1px}.reth-editor .border-t{border-top-width:1px}.reth-editor .border-dashed{border-style:dashed}.reth-editor .border-blue-200{--tw-border-opacity:1;border-color:rgba(191,219,254,var(--tw-border-opacity))}.reth-editor .border-blue-300{--tw-border-opacity:1;border-color:rgba(147,197,253,var(--tw-border-opacity))}.reth-editor .border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.reth-editor .border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.reth-editor .border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.reth-editor .border-gray-300\/80{border-color:rgba(209,213,219,.8)}.reth-editor .border-indigo-500{--tw-border-opacity:1;border-color:rgba(99,102,241,var(--tw-border-opacity))}.reth-editor .border-indigo-600{--tw-border-opacity:1;border-color:rgba(79,70,229,var(--tw-border-opacity))}.reth-editor .border-orange-300{--tw-border-opacity:1;border-color:rgba(253,186,116,var(--tw-border-opacity))}.reth-editor .border-red-100{--tw-border-opacity:1;border-color:rgba(254,226,226,var(--tw-border-opacity))}.reth-editor .border-red-200{--tw-border-opacity:1;border-color:rgba(254,202,202,var(--tw-border-opacity))}.reth-editor .border-slate-100{--tw-border-opacity:1;border-color:rgba(241,245,249,var(--tw-border-opacity))}.reth-editor .border-slate-200{--tw-border-opacity:1;border-color:rgba(226,232,240,var(--tw-border-opacity))}.reth-editor .border-slate-200\/50{border-color:rgba(226,232,240,.5)}.reth-editor .border-slate-300{--tw-border-opacity:1;border-color:rgba(203,213,225,var(--tw-border-opacity))}.reth-editor .border-slate-700{--tw-border-opacity:1;border-color:rgba(51,65,85,var(--tw-border-opacity))}.reth-editor .border-slate-800{--tw-border-opacity:1;border-color:rgba(30,41,59,var(--tw-border-opacity))}.reth-editor .border-transparent{border-color:transparent}.reth-editor .border-white\/30{border-color:rgba(255,255,255,.3)}.reth-editor .bg-amber-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}.reth-editor .bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.reth-editor .bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.reth-editor .bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.reth-editor .bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.reth-editor .bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.reth-editor .bg-green-500{--tw-bg-opacity:1;background-color:rgba(34,197,94,var(--tw-bg-opacity))}.reth-editor .bg-indigo-50{--tw-bg-opacity:1;background-color:rgba(238,242,255,var(--tw-bg-opacity))}.reth-editor .bg-indigo-600{--tw-bg-opacity:1;background-color:rgba(79,70,229,var(--tw-bg-opacity))}.reth-editor .bg-red-50{--tw-bg-opacity:1;background-color:rgba(254,242,242,var(--tw-bg-opacity))}.reth-editor .bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.reth-editor .bg-slate-100{--tw-bg-opacity:1;background-color:rgba(241,245,249,var(--tw-bg-opacity))}.reth-editor .bg-slate-100\/80{background-color:rgba(241,245,249,.8)}.reth-editor .bg-slate-200{--tw-bg-opacity:1;background-color:rgba(226,232,240,var(--tw-bg-opacity))}.reth-editor .bg-slate-200\/70{background-color:rgba(226,232,240,.7)}.reth-editor .bg-slate-50{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity))}.reth-editor .bg-slate-50\/10{background-color:rgba(248,250,252,.1)}.reth-editor .bg-slate-50\/20{background-color:rgba(248,250,252,.2)}.reth-editor .bg-slate-50\/30{background-color:rgba(248,250,252,.3)}.reth-editor .bg-slate-50\/40{background-color:rgba(248,250,252,.4)}.reth-editor .bg-slate-50\/5{background-color:rgba(248,250,252,.05)}.reth-editor .bg-slate-50\/50{background-color:rgba(248,250,252,.5)}.reth-editor .bg-slate-700{--tw-bg-opacity:1;background-color:rgba(51,65,85,var(--tw-bg-opacity))}.reth-editor .bg-slate-800{--tw-bg-opacity:1;background-color:rgba(30,41,59,var(--tw-bg-opacity))}.reth-editor .bg-slate-900{--tw-bg-opacity:1;background-color:rgba(15,23,42,var(--tw-bg-opacity))}.reth-editor .bg-slate-950\/65{background-color:rgba(2,6,23,.65)}.reth-editor .bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.reth-editor .p-0{padding:0}.reth-editor .p-0\.5{padding:.125rem}.reth-editor .p-1{padding:.25rem}.reth-editor .p-1\.5{padding:.375rem}.reth-editor .p-2{padding:.5rem}.reth-editor .p-2\.5{padding:.625rem}.reth-editor .p-3{padding:.75rem}.reth-editor .p-3\.5{padding:.875rem}.reth-editor .p-4{padding:1rem}.reth-editor .p-6{padding:1.5rem}.reth-editor .p-8{padding:2rem}.reth-editor .px-0{padding-left:0;padding-right:0}.reth-editor .px-0\.5{padding-left:.125rem;padding-right:.125rem}.reth-editor .px-1{padding-left:.25rem;padding-right:.25rem}.reth-editor .px-1\.5{padding-left:.375rem;padding-right:.375rem}.reth-editor .px-2{padding-left:.5rem;padding-right:.5rem}.reth-editor .px-2\.5{padding-left:.625rem;padding-right:.625rem}.reth-editor .px-3{padding-left:.75rem;padding-right:.75rem}.reth-editor .px-4{padding-left:1rem;padding-right:1rem}.reth-editor .px-6{padding-left:1.5rem;padding-right:1.5rem}.reth-editor .px-\[60px\]{padding-left:60px;padding-right:60px}.reth-editor .py-0{padding-top:0;padding-bottom:0}.reth-editor .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.reth-editor .py-1{padding-top:.25rem;padding-bottom:.25rem}.reth-editor .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.reth-editor .py-2{padding-top:.5rem;padding-bottom:.5rem}.reth-editor .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.reth-editor .py-3{padding-top:.75rem;padding-bottom:.75rem}.reth-editor .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.reth-editor .py-4{padding-top:1rem;padding-bottom:1rem}.reth-editor .py-\[60px\]{padding-top:60px;padding-bottom:60px}.reth-editor .pb-1{padding-bottom:.25rem}.reth-editor .pb-2{padding-bottom:.5rem}.reth-editor .pb-3{padding-bottom:.75rem}.reth-editor .pb-6{padding-bottom:1.5rem}.reth-editor .pl-2{padding-left:.5rem}.reth-editor .pl-2\.5{padding-left:.625rem}.reth-editor .pl-9{padding-left:2.25rem}.reth-editor .pr-1{padding-right:.25rem}.reth-editor .pr-1\.5{padding-right:.375rem}.reth-editor .pr-4{padding-right:1rem}.reth-editor .pt-0{padding-top:0}.reth-editor .pt-0\.5{padding-top:.125rem}.reth-editor .pt-1{padding-top:.25rem}.reth-editor .pt-2{padding-top:.5rem}.reth-editor .pt-3{padding-top:.75rem}.reth-editor .pt-4{padding-top:1rem}.reth-editor .text-left{text-align:left}.reth-editor .text-center{text-align:center}.reth-editor .text-right{text-align:right}.reth-editor .align-top{vertical-align:top}.reth-editor .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.reth-editor .font-sans{font-family:Outfit,Inter,sans-serif}.reth-editor .text-2xl{font-size:1.5rem;line-height:2rem}.reth-editor .text-\[10px\]{font-size:10px}.reth-editor .text-\[11px\]{font-size:11px}.reth-editor .text-\[7px\]{font-size:7px}.reth-editor .text-\[8px\]{font-size:8px}.reth-editor .text-\[9px\]{font-size:9px}.reth-editor .text-lg{font-size:1.125rem;line-height:1.75rem}.reth-editor .text-sm{font-size:.875rem;line-height:1.25rem}.reth-editor .text-xl{font-size:1.25rem;line-height:1.75rem}.reth-editor .text-xs{font-size:.75rem;line-height:1rem}.reth-editor .font-bold{font-weight:700}.reth-editor .font-extrabold{font-weight:800}.reth-editor .font-medium{font-weight:500}.reth-editor .font-semibold{font-weight:600}.reth-editor .uppercase{text-transform:uppercase}.reth-editor .capitalize{text-transform:capitalize}.reth-editor .italic{font-style:italic}.reth-editor .leading-5{line-height:1.25rem}.reth-editor .leading-relaxed{line-height:1.625}.reth-editor .tracking-tight{letter-spacing:-.025em}.reth-editor .tracking-wide{letter-spacing:.025em}.reth-editor .tracking-wider{letter-spacing:.05em}.reth-editor .text-amber-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}.reth-editor .text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.reth-editor .text-blue-700{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.reth-editor .text-indigo-600{--tw-text-opacity:1;color:rgba(79,70,229,var(--tw-text-opacity))}.reth-editor .text-indigo-700{--tw-text-opacity:1;color:rgba(67,56,202,var(--tw-text-opacity))}.reth-editor .text-orange-600{--tw-text-opacity:1;color:rgba(234,88,12,var(--tw-text-opacity))}.reth-editor .text-red-200{--tw-text-opacity:1;color:rgba(254,202,202,var(--tw-text-opacity))}.reth-editor .text-red-300{--tw-text-opacity:1;color:rgba(252,165,165,var(--tw-text-opacity))}.reth-editor .text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}.reth-editor .text-red-600{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.reth-editor .text-slate-200{--tw-text-opacity:1;color:rgba(226,232,240,var(--tw-text-opacity))}.reth-editor .text-slate-300{--tw-text-opacity:1;color:rgba(203,213,225,var(--tw-text-opacity))}.reth-editor .text-slate-400{--tw-text-opacity:1;color:rgba(148,163,184,var(--tw-text-opacity))}.reth-editor .text-slate-500{--tw-text-opacity:1;color:rgba(100,116,139,var(--tw-text-opacity))}.reth-editor .text-slate-600{--tw-text-opacity:1;color:rgba(71,85,105,var(--tw-text-opacity))}.reth-editor .text-slate-700{--tw-text-opacity:1;color:rgba(51,65,85,var(--tw-text-opacity))}.reth-editor .text-slate-800{--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity))}.reth-editor .text-slate-900{--tw-text-opacity:1;color:rgba(15,23,42,var(--tw-text-opacity))}.reth-editor .text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.reth-editor .underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.reth-editor .line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.reth-editor .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reth-editor .accent-indigo-600{accent-color:#4f46e5}.reth-editor .opacity-0{opacity:0}.reth-editor .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-indigo-600\/10{--tw-shadow-color:rgba(79,70,229,.1);--tw-shadow:var(--tw-shadow-colored)}.reth-editor .outline-none{outline-offset:2px;outline:2px solid transparent}.reth-editor .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 transparent)}.reth-editor .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 transparent)}.reth-editor .ring-indigo-400{--tw-ring-opacity:1;--tw-ring-color:rgba(129,140,248,var(--tw-ring-opacity))}.reth-editor .ring-indigo-500\/10{--tw-ring-color:rgba(99,102,241,.1)}.reth-editor .ring-slate-800{--tw-ring-opacity:1;--tw-ring-color:rgba(30,41,59,var(--tw-ring-opacity))}.reth-editor .filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.reth-editor .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .transition-colors{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .duration-150{transition-duration:.15s}.reth-editor .duration-75{transition-duration:75ms}.reth-editor .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.reth-editor ::-webkit-scrollbar{width:7px;height:7px}.reth-editor ::-webkit-scrollbar-track{background:0 0}.reth-editor ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.reth-editor ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reth-editor .custom-scrollbar::-webkit-scrollbar{width:9px;height:9px}.reth-editor .custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.reth-editor .custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b8;border:1.5px solid #f1f5f9;border-radius:4px}.reth-editor .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.reth-editor .custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.reth-editor [contenteditable=true]{outline:none}.reth-editor [contenteditable=true]:hover{border-radius:2px;outline:1px dashed rgba(249,115,22,.4)}.reth-editor [contenteditable=true]:focus{border-radius:4px;outline:2px solid #f97316}@keyframes pulse-border{0%,to{border-color:rgba(249,115,22,.3)}50%{border-color:rgba(249,115,22,.8)}}.reth-editor .drag-over{animation:1.5s infinite pulse-border;background-color:#fff7ed!important;border:2px dashed #f97316!important}.reth-editor .glass-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.8);border:1px solid rgba(226,232,240,.8)}.reth-editor .canvas-editor-area h1{font-size:2.25em;font-weight:700;line-height:1.2}.reth-editor .canvas-editor-area h2{font-size:1.875em;font-weight:600;line-height:1.25}.reth-editor .canvas-editor-area h3{font-size:1.5em;font-weight:600;line-height:1.3}.reth-editor .canvas-editor-area h4{font-size:1.25em;font-weight:600;line-height:1.4}.reth-editor .canvas-editor-area blockquote{color:#64748b;border-left:4px solid #cbd5e1;padding-left:1em;font-style:italic}.reth-editor .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .hover\:border-slate-200:hover{--tw-border-opacity:1;border-color:rgba(226,232,240,var(--tw-border-opacity))}.reth-editor .hover\:border-slate-200\/60:hover{border-color:rgba(226,232,240,.6)}.reth-editor .hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgba(203,213,225,var(--tw-border-opacity))}.reth-editor .hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgba(148,163,184,var(--tw-border-opacity))}.reth-editor .hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgba(239,246,255,var(--tw-bg-opacity))}.reth-editor .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.reth-editor .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.reth-editor .hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.reth-editor .hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgba(224,231,255,var(--tw-bg-opacity))}.reth-editor .hover\:bg-indigo-50\/30:hover{background-color:rgba(238,242,255,.3)}.reth-editor .hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgba(67,56,202,var(--tw-bg-opacity))}.reth-editor .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.reth-editor .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgba(254,242,242,var(--tw-bg-opacity))}.reth-editor .hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgba(241,245,249,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgba(226,232,240,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-50\/20:hover{background-color:rgba(248,250,252,.2)}.reth-editor .hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgba(30,41,59,var(--tw-bg-opacity))}.reth-editor .hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgba(67,56,202,var(--tw-text-opacity))}.reth-editor .hover\:text-red-300:hover{--tw-text-opacity:1;color:rgba(252,165,165,var(--tw-text-opacity))}.reth-editor .hover\:text-red-400:hover{--tw-text-opacity:1;color:rgba(248,113,113,var(--tw-text-opacity))}.reth-editor .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgba(226,232,240,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgba(51,65,85,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgba(15,23,42,var(--tw-text-opacity))}.reth-editor .hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.reth-editor .hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.reth-editor .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .focus\:border-slate-500:focus{--tw-border-opacity:1;border-color:rgba(100,116,139,var(--tw-border-opacity))}.reth-editor .focus\:bg-slate-100\/50:focus{background-color:rgba(241,245,249,.5)}.reth-editor .focus\:outline-none:focus{outline-offset:2px;outline:2px solid transparent}.reth-editor .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .active\:scale-\[0\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .active\:cursor-grabbing:active{cursor:grabbing}.reth-editor .disabled\:opacity-30:disabled{opacity:.3}.reth-editor .disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.reth-editor .group\/col:hover .group-hover\/col\:opacity-100{opacity:1}@media (min-width:1024px){.reth-editor .lg\:order-1{order:1}.reth-editor .lg\:order-2{order:2}.reth-editor .lg\:col-span-4{grid-column:span 4/span 4}.reth-editor .lg\:col-span-8{grid-column:span 8/span 8}.reth-editor .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.reth-editor .lg\:border-b-0{border-bottom-width:0}.reth-editor .lg\:border-l{border-left-width:1px}.reth-editor .lg\:border-r{border-right-width:1px}.reth-editor .lg\:border-t-0{border-top-width:0}}
|
|
1
|
+
.reth-editor *,.reth-editor :before,.reth-editor :after{box-sizing:border-box;border:0 solid #e5e7eb}.reth-editor :before,.reth-editor :after{--tw-content:""}.reth-editor,.reth-editor{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Outfit,Inter,sans-serif;line-height:1.5}.reth-editor{line-height:inherit;margin:0}.reth-editor hr{height:0;color:inherit;border-top-width:1px}.reth-editor abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.reth-editor h1,.reth-editor h2,.reth-editor h3,.reth-editor h4,.reth-editor h5,.reth-editor h6{font-size:inherit;font-weight:inherit}.reth-editor a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.reth-editor b,.reth-editor strong{font-weight:bolder}.reth-editor code,.reth-editor kbd,.reth-editor samp,.reth-editor pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.reth-editor small{font-size:80%}.reth-editor sub,.reth-editor sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.reth-editor sub{bottom:-.25em}.reth-editor sup{top:-.5em}.reth-editor table{text-indent:0;border-color:inherit;border-collapse:collapse}.reth-editor button,.reth-editor input,.reth-editor optgroup,.reth-editor select,.reth-editor textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.reth-editor button,.reth-editor select{text-transform:none}.reth-editor button{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor [type=button]{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor [type=reset]{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.reth-editor :-moz-focusring{outline:auto}.reth-editor :-moz-ui-invalid{box-shadow:none}.reth-editor progress{vertical-align:baseline}.reth-editor ::-webkit-inner-spin-button{height:auto}.reth-editor ::-webkit-outer-spin-button{height:auto}.reth-editor [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.reth-editor ::-webkit-search-decoration{-webkit-appearance:none}.reth-editor ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.reth-editor summary{display:list-item}.reth-editor blockquote,.reth-editor dl,.reth-editor dd,.reth-editor h1,.reth-editor h2,.reth-editor h3,.reth-editor h4,.reth-editor h5,.reth-editor h6,.reth-editor hr,.reth-editor figure,.reth-editor p,.reth-editor pre{margin:0}.reth-editor fieldset{margin:0;padding:0}.reth-editor legend{padding:0}.reth-editor ol,.reth-editor ul,.reth-editor menu{margin:0;padding:0;list-style:none}.reth-editor dialog{padding:0}.reth-editor textarea{resize:vertical}.reth-editor input::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor input::-webkit-input-placeholder{opacity:1;color:#9ca3af}.reth-editor input::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor input::-ms-input-placeholder{opacity:1;color:#9ca3af}.reth-editor input::placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-moz-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}.reth-editor textarea::placeholder{opacity:1;color:#9ca3af}.reth-editor button,.reth-editor [role=button]{cursor:pointer}.reth-editor :disabled{cursor:default}.reth-editor img,.reth-editor svg,.reth-editor video,.reth-editor canvas,.reth-editor audio,.reth-editor iframe,.reth-editor embed,.reth-editor object{vertical-align:middle;display:block}.reth-editor img,.reth-editor video{max-width:100%;height:auto}.reth-editor [hidden]{display:none}.reth-editor{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity));font-family:Outfit,Inter,sans-serif}.reth-editor *,.reth-editor :before,.reth-editor :after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.reth-editor ::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.reth-editor ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.reth-editor .container{width:100%}@media (min-width:640px){.reth-editor .container{max-width:640px}}@media (min-width:768px){.reth-editor .container{max-width:768px}}@media (min-width:1024px){.reth-editor .container{max-width:1024px}}@media (min-width:1280px){.reth-editor .container{max-width:1280px}}@media (min-width:1536px){.reth-editor .container{max-width:1536px}}.reth-editor .pointer-events-auto{pointer-events:auto}.reth-editor .collapse{visibility:collapse}.reth-editor .fixed{position:fixed}.reth-editor .absolute{position:absolute}.reth-editor .relative{position:relative}.reth-editor .sticky{position:-webkit-sticky;position:sticky}.reth-editor .inset-0{top:0;bottom:0;left:0;right:0}.reth-editor .-top-3{top:-.75rem}.reth-editor .-top-7{top:-1.75rem}.reth-editor .left-0{left:0}.reth-editor .left-3{left:.75rem}.reth-editor .right-0{right:0}.reth-editor .right-1{right:.25rem}.reth-editor .right-2{right:.5rem}.reth-editor .top-0{top:0}.reth-editor .top-2{top:.5rem}.reth-editor .top-2\.5{top:.625rem}.reth-editor .z-10{z-index:10}.reth-editor .z-20{z-index:20}.reth-editor .z-30{z-index:30}.reth-editor .z-40{z-index:40}.reth-editor .z-50{z-index:50}.reth-editor .mx-1{margin-left:.25rem;margin-right:.25rem}.reth-editor .mx-auto{margin-left:auto;margin-right:auto}.reth-editor .my-1{margin-top:.25rem;margin-bottom:.25rem}.reth-editor .mb-1{margin-bottom:.25rem}.reth-editor .mb-1\.5{margin-bottom:.375rem}.reth-editor .mb-2{margin-bottom:.5rem}.reth-editor .mb-3{margin-bottom:.75rem}.reth-editor .ml-1{margin-left:.25rem}.reth-editor .ml-2{margin-left:.5rem}.reth-editor .ml-4{margin-left:1rem}.reth-editor .mr-1{margin-right:.25rem}.reth-editor .mr-2{margin-right:.5rem}.reth-editor .mt-0{margin-top:0}.reth-editor .mt-0\.5{margin-top:.125rem}.reth-editor .mt-1{margin-top:.25rem}.reth-editor .mt-2{margin-top:.5rem}.reth-editor .mt-3{margin-top:.75rem}.reth-editor .mt-4{margin-top:1rem}.reth-editor .mt-6{margin-top:1.5rem}.reth-editor .\!block{display:block!important}.reth-editor .block{display:block}.reth-editor .inline-block{display:inline-block}.reth-editor .inline{display:inline}.reth-editor .flex{display:flex}.reth-editor .inline-flex{display:inline-flex}.reth-editor .table{display:table}.reth-editor .grid{display:grid}.reth-editor .hidden{display:none}.reth-editor .h-1{height:.25rem}.reth-editor .h-1\.5{height:.375rem}.reth-editor .h-10{height:2.5rem}.reth-editor .h-2{height:.5rem}.reth-editor .h-2\.5{height:.625rem}.reth-editor .h-20{height:5rem}.reth-editor .h-3{height:.75rem}.reth-editor .h-3\.5{height:.875rem}.reth-editor .h-4{height:1rem}.reth-editor .h-5{height:1.25rem}.reth-editor .h-6{height:1.5rem}.reth-editor .h-7{height:1.75rem}.reth-editor .h-8{height:2rem}.reth-editor .h-9{height:2.25rem}.reth-editor .h-\[2px\]{height:2px}.reth-editor .h-\[80\%\]{height:80%}.reth-editor .h-\[90\%\]{height:90%}.reth-editor .h-fit{height:-moz-fit-content;height:fit-content}.reth-editor .h-full{height:100%}.reth-editor .h-screen{height:100vh}.reth-editor .max-h-\[140px\]{max-height:140px}.reth-editor .max-h-\[180px\]{max-height:180px}.reth-editor .max-h-\[250px\]{max-height:250px}.reth-editor .max-h-\[300px\]{max-height:300px}.reth-editor .max-h-\[80\%\]{max-height:80%}.reth-editor .max-h-full{max-height:100%}.reth-editor .max-h-screen{max-height:100vh}.reth-editor .min-h-0{min-height:0}.reth-editor .min-h-\[50px\]{min-height:50px}.reth-editor .w-1\/2{width:50%}.reth-editor .w-1\/3{width:33.3333%}.reth-editor .w-1\/4{width:25%}.reth-editor .w-10{width:2.5rem}.reth-editor .w-16{width:4rem}.reth-editor .w-2{width:.5rem}.reth-editor .w-2\.5{width:.625rem}.reth-editor .w-2\/3{width:66.6667%}.reth-editor .w-3{width:.75rem}.reth-editor .w-3\.5{width:.875rem}.reth-editor .w-3\/4{width:75%}.reth-editor .w-4{width:1rem}.reth-editor .w-5{width:1.25rem}.reth-editor .w-6{width:1.5rem}.reth-editor .w-7{width:1.75rem}.reth-editor .w-8{width:2rem}.reth-editor .w-9{width:2.25rem}.reth-editor .w-\[180px\]{width:180px}.reth-editor .w-\[1px\]{width:1px}.reth-editor .w-\[794px\]{width:794px}.reth-editor .w-fit{width:-moz-fit-content;width:fit-content}.reth-editor .w-full{width:100%}.reth-editor .max-w-\[900px\]{max-width:900px}.reth-editor .max-w-sm{max-width:24rem}.reth-editor .flex-1{flex:1}.reth-editor .flex-shrink-0,.reth-editor .shrink-0{flex-shrink:0}.reth-editor .border-collapse{border-collapse:collapse}.reth-editor .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.reth-editor .animate-bounce{animation:1s infinite bounce}@keyframes pulse{50%{opacity:.5}}.reth-editor .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.reth-editor .cursor-default{cursor:default}.reth-editor .cursor-grab{cursor:grab}.reth-editor .cursor-pointer{cursor:pointer}.reth-editor .select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reth-editor .select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.reth-editor .appearance-none{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.reth-editor .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.reth-editor .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.reth-editor .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.reth-editor .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.reth-editor .flex-row{flex-direction:row}.reth-editor .flex-col{flex-direction:column}.reth-editor .flex-wrap{flex-wrap:wrap}.reth-editor .items-start{align-items:flex-start}.reth-editor .items-center{align-items:center}.reth-editor .justify-end{justify-content:flex-end}.reth-editor .justify-center{justify-content:center}.reth-editor .justify-between{justify-content:space-between}.reth-editor .gap-0{gap:0}.reth-editor .gap-0\.5{gap:.125rem}.reth-editor .gap-1{gap:.25rem}.reth-editor .gap-1\.5{gap:.375rem}.reth-editor .gap-2{gap:.5rem}.reth-editor .gap-3{gap:.75rem}.reth-editor .gap-4{gap:1rem}.reth-editor .space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.625rem * var(--tw-space-x-reverse));margin-left:calc(.625rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.reth-editor .space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.reth-editor .space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.reth-editor .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.reth-editor .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.reth-editor .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.reth-editor .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.reth-editor .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.reth-editor .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.reth-editor .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.reth-editor .overflow-auto{overflow:auto}.reth-editor .overflow-hidden{overflow:hidden}.reth-editor .overflow-x-auto{overflow-x:auto}.reth-editor .overflow-y-auto{overflow-y:auto}.reth-editor .overflow-x-hidden{overflow-x:hidden}.reth-editor .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reth-editor .whitespace-pre-wrap{white-space:pre-wrap}.reth-editor .break-words{overflow-wrap:break-word}.reth-editor .rounded{border-radius:.25rem}.reth-editor .rounded-2xl{border-radius:1rem}.reth-editor .rounded-full{border-radius:9999px}.reth-editor .rounded-lg{border-radius:.5rem}.reth-editor .rounded-md{border-radius:.375rem}.reth-editor .rounded-xl{border-radius:.75rem}.reth-editor .border{border-width:1px}.reth-editor .border-2{border-width:2px}.reth-editor .border-b{border-bottom-width:1px}.reth-editor .border-b-2{border-bottom-width:2px}.reth-editor .border-l-2{border-left-width:2px}.reth-editor .border-r{border-right-width:1px}.reth-editor .border-t{border-top-width:1px}.reth-editor .border-dashed{border-style:dashed}.reth-editor .border-blue-200{--tw-border-opacity:1;border-color:rgba(191,219,254,var(--tw-border-opacity))}.reth-editor .border-blue-300{--tw-border-opacity:1;border-color:rgba(147,197,253,var(--tw-border-opacity))}.reth-editor .border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.reth-editor .border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.reth-editor .border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.reth-editor .border-gray-300\/80{border-color:rgba(209,213,219,.8)}.reth-editor .border-indigo-500{--tw-border-opacity:1;border-color:rgba(99,102,241,var(--tw-border-opacity))}.reth-editor .border-indigo-600{--tw-border-opacity:1;border-color:rgba(79,70,229,var(--tw-border-opacity))}.reth-editor .border-orange-300{--tw-border-opacity:1;border-color:rgba(253,186,116,var(--tw-border-opacity))}.reth-editor .border-red-100{--tw-border-opacity:1;border-color:rgba(254,226,226,var(--tw-border-opacity))}.reth-editor .border-red-200{--tw-border-opacity:1;border-color:rgba(254,202,202,var(--tw-border-opacity))}.reth-editor .border-slate-100{--tw-border-opacity:1;border-color:rgba(241,245,249,var(--tw-border-opacity))}.reth-editor .border-slate-200{--tw-border-opacity:1;border-color:rgba(226,232,240,var(--tw-border-opacity))}.reth-editor .border-slate-200\/50{border-color:rgba(226,232,240,.5)}.reth-editor .border-slate-300{--tw-border-opacity:1;border-color:rgba(203,213,225,var(--tw-border-opacity))}.reth-editor .border-slate-700{--tw-border-opacity:1;border-color:rgba(51,65,85,var(--tw-border-opacity))}.reth-editor .border-slate-800{--tw-border-opacity:1;border-color:rgba(30,41,59,var(--tw-border-opacity))}.reth-editor .border-transparent{border-color:transparent}.reth-editor .border-white\/30{border-color:rgba(255,255,255,.3)}.reth-editor .bg-amber-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}.reth-editor .bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.reth-editor .bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.reth-editor .bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.reth-editor .bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.reth-editor .bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.reth-editor .bg-green-500{--tw-bg-opacity:1;background-color:rgba(34,197,94,var(--tw-bg-opacity))}.reth-editor .bg-indigo-50{--tw-bg-opacity:1;background-color:rgba(238,242,255,var(--tw-bg-opacity))}.reth-editor .bg-indigo-600{--tw-bg-opacity:1;background-color:rgba(79,70,229,var(--tw-bg-opacity))}.reth-editor .bg-red-50{--tw-bg-opacity:1;background-color:rgba(254,242,242,var(--tw-bg-opacity))}.reth-editor .bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.reth-editor .bg-slate-100{--tw-bg-opacity:1;background-color:rgba(241,245,249,var(--tw-bg-opacity))}.reth-editor .bg-slate-100\/80{background-color:rgba(241,245,249,.8)}.reth-editor .bg-slate-200{--tw-bg-opacity:1;background-color:rgba(226,232,240,var(--tw-bg-opacity))}.reth-editor .bg-slate-200\/70{background-color:rgba(226,232,240,.7)}.reth-editor .bg-slate-50{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity))}.reth-editor .bg-slate-50\/10{background-color:rgba(248,250,252,.1)}.reth-editor .bg-slate-50\/20{background-color:rgba(248,250,252,.2)}.reth-editor .bg-slate-50\/30{background-color:rgba(248,250,252,.3)}.reth-editor .bg-slate-50\/40{background-color:rgba(248,250,252,.4)}.reth-editor .bg-slate-50\/5{background-color:rgba(248,250,252,.05)}.reth-editor .bg-slate-50\/50{background-color:rgba(248,250,252,.5)}.reth-editor .bg-slate-700{--tw-bg-opacity:1;background-color:rgba(51,65,85,var(--tw-bg-opacity))}.reth-editor .bg-slate-800{--tw-bg-opacity:1;background-color:rgba(30,41,59,var(--tw-bg-opacity))}.reth-editor .bg-slate-900{--tw-bg-opacity:1;background-color:rgba(15,23,42,var(--tw-bg-opacity))}.reth-editor .bg-slate-950\/65{background-color:rgba(2,6,23,.65)}.reth-editor .bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.reth-editor .p-0{padding:0}.reth-editor .p-0\.5{padding:.125rem}.reth-editor .p-1{padding:.25rem}.reth-editor .p-1\.5{padding:.375rem}.reth-editor .p-2{padding:.5rem}.reth-editor .p-2\.5{padding:.625rem}.reth-editor .p-3{padding:.75rem}.reth-editor .p-3\.5{padding:.875rem}.reth-editor .p-4{padding:1rem}.reth-editor .p-6{padding:1.5rem}.reth-editor .p-8{padding:2rem}.reth-editor .px-0{padding-left:0;padding-right:0}.reth-editor .px-0\.5{padding-left:.125rem;padding-right:.125rem}.reth-editor .px-1{padding-left:.25rem;padding-right:.25rem}.reth-editor .px-1\.5{padding-left:.375rem;padding-right:.375rem}.reth-editor .px-2{padding-left:.5rem;padding-right:.5rem}.reth-editor .px-2\.5{padding-left:.625rem;padding-right:.625rem}.reth-editor .px-3{padding-left:.75rem;padding-right:.75rem}.reth-editor .px-4{padding-left:1rem;padding-right:1rem}.reth-editor .px-6{padding-left:1.5rem;padding-right:1.5rem}.reth-editor .px-\[60px\]{padding-left:60px;padding-right:60px}.reth-editor .py-0{padding-top:0;padding-bottom:0}.reth-editor .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.reth-editor .py-1{padding-top:.25rem;padding-bottom:.25rem}.reth-editor .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.reth-editor .py-2{padding-top:.5rem;padding-bottom:.5rem}.reth-editor .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.reth-editor .py-3{padding-top:.75rem;padding-bottom:.75rem}.reth-editor .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.reth-editor .py-4{padding-top:1rem;padding-bottom:1rem}.reth-editor .py-\[60px\]{padding-top:60px;padding-bottom:60px}.reth-editor .pb-1{padding-bottom:.25rem}.reth-editor .pb-2{padding-bottom:.5rem}.reth-editor .pb-3{padding-bottom:.75rem}.reth-editor .pb-6{padding-bottom:1.5rem}.reth-editor .pl-2{padding-left:.5rem}.reth-editor .pl-2\.5{padding-left:.625rem}.reth-editor .pl-9{padding-left:2.25rem}.reth-editor .pr-1{padding-right:.25rem}.reth-editor .pr-1\.5{padding-right:.375rem}.reth-editor .pr-4{padding-right:1rem}.reth-editor .pt-0{padding-top:0}.reth-editor .pt-0\.5{padding-top:.125rem}.reth-editor .pt-1{padding-top:.25rem}.reth-editor .pt-2{padding-top:.5rem}.reth-editor .pt-3{padding-top:.75rem}.reth-editor .pt-4{padding-top:1rem}.reth-editor .text-left{text-align:left}.reth-editor .text-center{text-align:center}.reth-editor .text-right{text-align:right}.reth-editor .align-top{vertical-align:top}.reth-editor .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.reth-editor .font-sans{font-family:Outfit,Inter,sans-serif}.reth-editor .text-2xl{font-size:1.5rem;line-height:2rem}.reth-editor .text-\[10px\]{font-size:10px}.reth-editor .text-\[11px\]{font-size:11px}.reth-editor .text-\[7px\]{font-size:7px}.reth-editor .text-\[8px\]{font-size:8px}.reth-editor .text-\[9px\]{font-size:9px}.reth-editor .text-lg{font-size:1.125rem;line-height:1.75rem}.reth-editor .text-sm{font-size:.875rem;line-height:1.25rem}.reth-editor .text-xl{font-size:1.25rem;line-height:1.75rem}.reth-editor .text-xs{font-size:.75rem;line-height:1rem}.reth-editor .font-bold{font-weight:700}.reth-editor .font-extrabold{font-weight:800}.reth-editor .font-medium{font-weight:500}.reth-editor .font-semibold{font-weight:600}.reth-editor .uppercase{text-transform:uppercase}.reth-editor .capitalize{text-transform:capitalize}.reth-editor .italic{font-style:italic}.reth-editor .leading-5{line-height:1.25rem}.reth-editor .leading-relaxed{line-height:1.625}.reth-editor .tracking-tight{letter-spacing:-.025em}.reth-editor .tracking-wide{letter-spacing:.025em}.reth-editor .tracking-wider{letter-spacing:.05em}.reth-editor .text-amber-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}.reth-editor .text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.reth-editor .text-blue-700{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.reth-editor .text-indigo-600{--tw-text-opacity:1;color:rgba(79,70,229,var(--tw-text-opacity))}.reth-editor .text-indigo-700{--tw-text-opacity:1;color:rgba(67,56,202,var(--tw-text-opacity))}.reth-editor .text-orange-600{--tw-text-opacity:1;color:rgba(234,88,12,var(--tw-text-opacity))}.reth-editor .text-red-200{--tw-text-opacity:1;color:rgba(254,202,202,var(--tw-text-opacity))}.reth-editor .text-red-300{--tw-text-opacity:1;color:rgba(252,165,165,var(--tw-text-opacity))}.reth-editor .text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}.reth-editor .text-red-600{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.reth-editor .text-slate-200{--tw-text-opacity:1;color:rgba(226,232,240,var(--tw-text-opacity))}.reth-editor .text-slate-300{--tw-text-opacity:1;color:rgba(203,213,225,var(--tw-text-opacity))}.reth-editor .text-slate-400{--tw-text-opacity:1;color:rgba(148,163,184,var(--tw-text-opacity))}.reth-editor .text-slate-500{--tw-text-opacity:1;color:rgba(100,116,139,var(--tw-text-opacity))}.reth-editor .text-slate-600{--tw-text-opacity:1;color:rgba(71,85,105,var(--tw-text-opacity))}.reth-editor .text-slate-700{--tw-text-opacity:1;color:rgba(51,65,85,var(--tw-text-opacity))}.reth-editor .text-slate-800{--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity))}.reth-editor .text-slate-900{--tw-text-opacity:1;color:rgba(15,23,42,var(--tw-text-opacity))}.reth-editor .text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.reth-editor .underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.reth-editor .line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.reth-editor .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reth-editor .accent-indigo-600{accent-color:#4f46e5}.reth-editor .opacity-0{opacity:0}.reth-editor .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .shadow-indigo-600\/10{--tw-shadow-color:rgba(79,70,229,.1);--tw-shadow:var(--tw-shadow-colored)}.reth-editor .outline-none{outline-offset:2px;outline:2px solid transparent}.reth-editor .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 transparent)}.reth-editor .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 transparent)}.reth-editor .ring-indigo-400{--tw-ring-opacity:1;--tw-ring-color:rgba(129,140,248,var(--tw-ring-opacity))}.reth-editor .ring-indigo-500\/10{--tw-ring-color:rgba(99,102,241,.1)}.reth-editor .ring-slate-800{--tw-ring-opacity:1;--tw-ring-color:rgba(30,41,59,var(--tw-ring-opacity))}.reth-editor .filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.reth-editor .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .transition-colors{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.reth-editor .duration-150{transition-duration:.15s}.reth-editor .duration-75{transition-duration:75ms}.reth-editor .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.reth-editor ::-webkit-scrollbar{width:7px;height:7px}.reth-editor ::-webkit-scrollbar-track{background:0 0}.reth-editor ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.reth-editor ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reth-editor .custom-scrollbar::-webkit-scrollbar{width:9px;height:9px}.reth-editor .custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.reth-editor .custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b8;border:1.5px solid #f1f5f9;border-radius:4px}.reth-editor .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.reth-editor .custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.reth-editor [contenteditable=true]{outline:none}.reth-editor [contenteditable=true]:hover{border-radius:2px;outline:1px dashed rgba(249,115,22,.4)}.reth-editor [contenteditable=true]:focus{border-radius:4px;outline:2px solid #f97316}@keyframes pulse-border{0%,to{border-color:rgba(249,115,22,.3)}50%{border-color:rgba(249,115,22,.8)}}.reth-editor .drag-over{animation:1.5s infinite pulse-border;background-color:#fff7ed!important;border:2px dashed #f97316!important}.reth-editor .glass-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.8);border:1px solid rgba(226,232,240,.8)}.reth-editor .canvas-editor-area h1{font-size:2.25em;font-weight:700;line-height:1.2}.reth-editor .canvas-editor-area h2{font-size:1.875em;font-weight:600;line-height:1.25}.reth-editor .canvas-editor-area h3{font-size:1.5em;font-weight:600;line-height:1.3}.reth-editor .canvas-editor-area h4{font-size:1.25em;font-weight:600;line-height:1.4}.reth-editor .canvas-editor-area blockquote{color:#64748b;border-left:4px solid #cbd5e1;padding-left:1em;font-style:italic}.reth-editor .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .hover\:border-slate-200:hover{--tw-border-opacity:1;border-color:rgba(226,232,240,var(--tw-border-opacity))}.reth-editor .hover\:border-slate-200\/60:hover{border-color:rgba(226,232,240,.6)}.reth-editor .hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgba(203,213,225,var(--tw-border-opacity))}.reth-editor .hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgba(148,163,184,var(--tw-border-opacity))}.reth-editor .hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgba(239,246,255,var(--tw-bg-opacity))}.reth-editor .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.reth-editor .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.reth-editor .hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.reth-editor .hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgba(224,231,255,var(--tw-bg-opacity))}.reth-editor .hover\:bg-indigo-50\/30:hover{background-color:rgba(238,242,255,.3)}.reth-editor .hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgba(67,56,202,var(--tw-bg-opacity))}.reth-editor .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.reth-editor .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgba(254,242,242,var(--tw-bg-opacity))}.reth-editor .hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgba(241,245,249,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgba(226,232,240,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity))}.reth-editor .hover\:bg-slate-50\/20:hover{background-color:rgba(248,250,252,.2)}.reth-editor .hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgba(30,41,59,var(--tw-bg-opacity))}.reth-editor .hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgba(67,56,202,var(--tw-text-opacity))}.reth-editor .hover\:text-red-300:hover{--tw-text-opacity:1;color:rgba(252,165,165,var(--tw-text-opacity))}.reth-editor .hover\:text-red-400:hover{--tw-text-opacity:1;color:rgba(248,113,113,var(--tw-text-opacity))}.reth-editor .hover\:text-red-600:hover{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgba(226,232,240,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgba(51,65,85,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity))}.reth-editor .hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgba(15,23,42,var(--tw-text-opacity))}.reth-editor .hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.reth-editor .hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.reth-editor .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent), var(--tw-ring-shadow,0 0 transparent), var(--tw-shadow)}.reth-editor .focus\:border-slate-500:focus{--tw-border-opacity:1;border-color:rgba(100,116,139,var(--tw-border-opacity))}.reth-editor .focus\:bg-slate-100\/50:focus{background-color:rgba(241,245,249,.5)}.reth-editor .focus\:outline-none:focus{outline-offset:2px;outline:2px solid transparent}.reth-editor .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .active\:scale-\[0\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.reth-editor .active\:cursor-grabbing:active{cursor:grabbing}.reth-editor .disabled\:opacity-30:disabled{opacity:.3}.reth-editor .disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.reth-editor .group\/col:hover .group-hover\/col\:opacity-100{opacity:1}@media (min-width:1024px){.reth-editor .lg\:order-1{order:1}.reth-editor .lg\:order-2{order:2}.reth-editor .lg\:col-span-4{grid-column:span 4/span 4}.reth-editor .lg\:col-span-8{grid-column:span 8/span 8}.reth-editor .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.reth-editor .lg\:border-b-0{border-bottom-width:0}.reth-editor .lg\:border-l{border-left-width:1px}.reth-editor .lg\:border-r{border-right-width:1px}.reth-editor .lg\:border-t-0{border-top-width:0}}
|
|
2
2
|
/*$vite$:1*/
|