@boxcc/maildeno-editor 0.4.14 → 0.4.15
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/{HealthIndicator-BLID6Ty0.js → HealthIndicator-COWguEXj.js} +2 -2
- package/dist/{HealthIndicator-DfzqzPNw.js → HealthIndicator-D1dFZy5o.js} +1 -1
- package/dist/{PreviewCanvas-PtW1UL1J.js → PreviewCanvas-CB0u47NT.js} +1 -1
- package/dist/{PreviewCanvas-D3SpILsV.js → PreviewCanvas-CutgVbs-.js} +1 -1
- package/dist/{RichTextEditor-DDEfKPZm.js → RichTextEditor-BMp0pgrh.js} +2 -2
- package/dist/{RichTextEditor-D6DQqbJg.js → RichTextEditor-MVYp_e_O.js} +1 -1
- package/dist/RowPreviewChildren-BANvlvrM.js +4 -0
- package/dist/RowPreviewChildren-DNVfH3gU.js +4 -0
- package/dist/{RowPreviewRow-DG4AdMrv.js → RowPreviewRow-Cu6EURjr.js} +1 -1
- package/dist/{RowPreviewRow-C2XAe5Xs.js → RowPreviewRow-YJGhJ67T.js} +1 -1
- package/dist/{SavedRowsPanel-2JBfYdxN.js → SavedRowsPanel-CCXBKQYw.js} +3 -3
- package/dist/{SavedRowsPanel-B6_VHQZm.js → SavedRowsPanel-Cl1aZdnL.js} +3 -3
- package/dist/{element-DQw3HLit.js → element-CxahtLpG.js} +6 -6
- package/dist/element.js +1 -1
- package/dist/index.js +622 -622
- package/dist/init.js +2 -2
- package/dist/{useEmailBuilder-2yCUzRx2.js → useEmailBuilder-CBsHIs93.js} +1425 -1425
- package/dist/{useEmailBuilder-D3uV7dwL.js → useEmailBuilder-D-hDPH_x.js} +1425 -1425
- package/dist/{useToast-D1GgDMqQ.js → useToast-DAu-9glv.js} +1 -1
- package/package.json +1 -1
- package/dist/RowPreviewChildren-BGnilx-K.js +0 -4
- package/dist/RowPreviewChildren-CalQWx1C.js +0 -4
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { I as kt, N as ge, P as vr } from "./PopperContent-eLmz1Gjd.js";
|
|
2
|
-
import { A as It, B as gr, C as fo, D as br, E as fr, F as xr, G as xo, H as hr, I as Ct, K as D2, L as wr, M as yr, N as tt, O as Xo, P as ho, R as Lo, S as kr, T as $r, U as Cr, V as Sr, W as _r, _ as Mr, a as zo, b as Tr, c as Rr, d as Dr, f as Qo, g as wo, h as st, i as Mt, j as Br, k as et, l as B2, m as I2, n as ke, o as no, p as V2, q as Zo, r as Ir, s as jt, t as Vr, u as Lr, v as $t, w as yo, x as zr, y as er, z as Ot } from "./useEmailBuilder-
|
|
2
|
+
import { A as It, B as gr, C as fo, D as br, E as fr, F as xr, G as xo, H as hr, I as Ct, K as D2, L as wr, M as yr, N as tt, O as Xo, P as ho, R as Lo, S as kr, T as $r, U as Cr, V as Sr, W as _r, _ as Mr, a as zo, b as Tr, c as Rr, d as Dr, f as Qo, g as wo, h as st, i as Mt, j as Br, k as et, l as B2, m as I2, n as ke, o as no, p as V2, q as Zo, r as Ir, s as jt, t as Vr, u as Lr, v as $t, w as yo, x as zr, y as er, z as Ot } from "./useEmailBuilder-D-hDPH_x.js";
|
|
3
3
|
import { a as Ao, i as Ar, l as Pr, n as Er, o as dt, r as Ue, s as Tt, t as Po } from "./borderRadius-CkSa1lQ9.js";
|
|
4
|
-
import { a as A2, c as jr, d as Ft, f as Hr, i as Et, l as ko, n as Ur, o as Or, p as Fr, r as oo, t as Nr, u as Gr } from "./useToast-
|
|
4
|
+
import { a as A2, c as jr, d as Ft, f as Hr, i as Et, l as ko, n as Ur, o as Or, p as Fr, r as oo, t as Nr, u as Gr } from "./useToast-DAu-9glv.js";
|
|
5
5
|
import { n as tr, r as ut, t as mo } from "./mergeTagDefinitions-Cler19nv.js";
|
|
6
6
|
import { M as Rt, N as Wr, P as Ie, d as qr, i as Qt, j as $o, n as Ht, t as Co } from "./Dialog-By0JLN8s.js";
|
|
7
7
|
import { t as Le } from "./_plugin-vue_export-helper-Dj7HTbfw.js";
|
|
@@ -27,19 +27,19 @@ function Ho() {
|
|
|
27
27
|
}
|
|
28
28
|
function Zr(t, l = null) {
|
|
29
29
|
const o = K(Ho()), u = L(() => {
|
|
30
|
-
const
|
|
31
|
-
return
|
|
30
|
+
const p = t.value ?? "auto";
|
|
31
|
+
return p === "auto" ? o.value : p === "dark";
|
|
32
32
|
});
|
|
33
33
|
if (typeof document < "u" && typeof MutationObserver < "u") {
|
|
34
|
-
const
|
|
34
|
+
const p = () => {
|
|
35
35
|
o.value = Ho();
|
|
36
|
-
}, d = new MutationObserver(
|
|
36
|
+
}, d = new MutationObserver(p), i = {
|
|
37
37
|
attributes: !0,
|
|
38
38
|
attributeFilter: ["class"]
|
|
39
39
|
};
|
|
40
|
-
d.observe(document.documentElement, i), document.body && d.observe(document.body, i), typeof requestAnimationFrame == "function" && requestAnimationFrame(
|
|
40
|
+
d.observe(document.documentElement, i), document.body && d.observe(document.body, i), typeof requestAnimationFrame == "function" && requestAnimationFrame(p), Ne(() => d.disconnect());
|
|
41
41
|
}
|
|
42
|
-
return Se(u, (
|
|
42
|
+
return Se(u, (p) => l?.classList.toggle(Zt, p), { immediate: !0 }), Ne(() => l?.classList.remove(Zt)), { isDark: u };
|
|
43
43
|
}
|
|
44
44
|
var ea = `/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
45
45
|
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:where(.md-editor-scope) *,:where(.md-editor-scope) :before,:where(.md-editor-scope) :after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{.md-editor-scope,.md-editor-scope{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{:where(.md-editor-scope) *,:where(.md-editor-scope) :after,:where(.md-editor-scope) :before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.md-editor-scope) ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.md-editor-scope,.md-editor-scope{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}:where(.md-editor-scope) hr{height:0;color:inherit;border-top-width:1px}:where(.md-editor-scope) abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(.md-editor-scope) h1,:where(.md-editor-scope) h2,:where(.md-editor-scope) h3,:where(.md-editor-scope) h4,:where(.md-editor-scope) h5,:where(.md-editor-scope) h6{font-size:inherit;font-weight:inherit}:where(.md-editor-scope) a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(.md-editor-scope) b,:where(.md-editor-scope) strong{font-weight:bolder}:where(.md-editor-scope) code,:where(.md-editor-scope) kbd,:where(.md-editor-scope) samp,:where(.md-editor-scope) pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}:where(.md-editor-scope) small{font-size:80%}:where(.md-editor-scope) sub,:where(.md-editor-scope) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where(.md-editor-scope) sub{bottom:-.25em}:where(.md-editor-scope) sup{top:-.5em}:where(.md-editor-scope) table{text-indent:0;border-color:inherit;border-collapse:collapse}:where(.md-editor-scope) :-moz-focusring:where(:not(iframe)){outline:auto}:where(.md-editor-scope) progress{vertical-align:baseline}:where(.md-editor-scope) summary{display:list-item}:where(.md-editor-scope) ol,:where(.md-editor-scope) ul,:where(.md-editor-scope) menu{list-style:none}:where(.md-editor-scope) img,:where(.md-editor-scope) svg,:where(.md-editor-scope) video,:where(.md-editor-scope) canvas,:where(.md-editor-scope) audio,:where(.md-editor-scope) iframe,:where(.md-editor-scope) embed,:where(.md-editor-scope) object{vertical-align:middle;display:block}:where(.md-editor-scope) img,:where(.md-editor-scope) video{max-width:100%;height:auto}:where(.md-editor-scope) button,:where(.md-editor-scope) input,:where(.md-editor-scope) select,:where(.md-editor-scope) optgroup,:where(.md-editor-scope) textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.md-editor-scope) ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.md-editor-scope) :where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(.md-editor-scope) :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(.md-editor-scope) ::file-selector-button{margin-inline-end:4px}:where(.md-editor-scope) ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){:where(.md-editor-scope) ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}:where(.md-editor-scope) textarea{resize:vertical}:where(.md-editor-scope) ::-webkit-search-decoration{-webkit-appearance:none}:where(.md-editor-scope) ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:where(.md-editor-scope) ::-webkit-datetime-edit{display:inline-flex}:where(.md-editor-scope) ::-webkit-datetime-edit-fields-wrapper{padding:0}:where(.md-editor-scope) ::-webkit-datetime-edit{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-year-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-month-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-day-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-hour-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-minute-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-second-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-millisecond-field{padding-block:0}:where(.md-editor-scope) ::-webkit-datetime-edit-meridiem-field{padding-block:0}:where(.md-editor-scope) ::-webkit-calendar-picker-indicator{line-height:1}:where(.md-editor-scope) :-moz-ui-invalid{box-shadow:none}:where(.md-editor-scope) button,:where(.md-editor-scope) input:where([type=button],[type=reset],[type=submit]){appearance:button}:where(.md-editor-scope) ::file-selector-button{appearance:button}:where(.md-editor-scope) ::-webkit-inner-spin-button{height:auto}:where(.md-editor-scope) ::-webkit-outer-spin-button{height:auto}:where(.md-editor-scope) [hidden]:where(:not([hidden=until-found])){display:none!important}.md-editor-scope,.md-editor-scope,:where(.md-editor-scope) input,:where(.md-editor-scope) textarea,:where(.md-editor-scope) pre{font-family:Satoshi,sans-serif}:where(.md-editor-scope) ul{list-style:outside}:where(.md-editor-scope) ol{list-style:decimal}}@layer components;@layer utilities{:where(.md-editor-scope) .pointer-events-none{pointer-events:none}:where(.md-editor-scope) .collapse{visibility:collapse}:where(.md-editor-scope) .invisible{visibility:hidden}:where(.md-editor-scope) .visible{visibility:visible}:where(.md-editor-scope) .absolute{position:absolute}:where(.md-editor-scope) .fixed{position:fixed}:where(.md-editor-scope) .relative{position:relative}:where(.md-editor-scope) .static{position:static}:where(.md-editor-scope) .sticky{position:sticky}:where(.md-editor-scope) .inset-0{inset:0}:where(.md-editor-scope) .inset-y-0{inset-block:0}:where(.md-editor-scope) .-top-0\\.5{top:calc(var(--spacing) * -.5)}:where(.md-editor-scope) .-top-1{top:calc(var(--spacing) * -1)}:where(.md-editor-scope) .-top-1\\.5{top:calc(var(--spacing) * -1.5)}:where(.md-editor-scope) .-top-2{top:calc(var(--spacing) * -2)}:where(.md-editor-scope) .-top-4{top:calc(var(--spacing) * -4)}:where(.md-editor-scope) .-top-8{top:calc(var(--spacing) * -8)}:where(.md-editor-scope) .-top-9{top:calc(var(--spacing) * -9)}:where(.md-editor-scope) .top-0{top:0}:where(.md-editor-scope) .top-0\\.5{top:calc(var(--spacing) * .5)}:where(.md-editor-scope) .top-1{top:var(--spacing)}:where(.md-editor-scope) .top-1\\/2{top:50%}:where(.md-editor-scope) .top-5{top:calc(var(--spacing) * 5)}:where(.md-editor-scope) .top-13{top:calc(var(--spacing) * 13)}:where(.md-editor-scope) .top-16{top:calc(var(--spacing) * 16)}:where(.md-editor-scope) .top-\\[53\\%\\]{top:53%}:where(.md-editor-scope) .top-full{top:100%}:where(.md-editor-scope) .-right-1{right:calc(var(--spacing) * -1)}:where(.md-editor-scope) .-right-2{right:calc(var(--spacing) * -2)}:where(.md-editor-scope) .-right-3{right:calc(var(--spacing) * -3)}:where(.md-editor-scope) .right-0{right:0}:where(.md-editor-scope) .right-1{right:var(--spacing)}:where(.md-editor-scope) .right-2{right:calc(var(--spacing) * 2)}:where(.md-editor-scope) .right-4{right:calc(var(--spacing) * 4)}:where(.md-editor-scope) .right-full{right:100%}:where(.md-editor-scope) .-bottom-1{bottom:calc(var(--spacing) * -1)}:where(.md-editor-scope) .-bottom-3\\.5{bottom:calc(var(--spacing) * -3.5)}:where(.md-editor-scope) .-bottom-5\\.5{bottom:calc(var(--spacing) * -5.5)}:where(.md-editor-scope) .bottom-0{bottom:0}:where(.md-editor-scope) .bottom-\\[-125\\%\\]{bottom:-125%}:where(.md-editor-scope) .bottom-full{bottom:100%}:where(.md-editor-scope) .-left-2{left:calc(var(--spacing) * -2)}:where(.md-editor-scope) .-left-3{left:calc(var(--spacing) * -3)}:where(.md-editor-scope) .-left-full{left:-100%}:where(.md-editor-scope) .left-0{left:0}:where(.md-editor-scope) .left-0\\.5{left:calc(var(--spacing) * .5)}:where(.md-editor-scope) .left-0\\.75{left:calc(var(--spacing) * .75)}:where(.md-editor-scope) .left-1\\/2{left:50%}:where(.md-editor-scope) .left-2{left:calc(var(--spacing) * 2)}:where(.md-editor-scope) .left-2\\/2{left:100%}:where(.md-editor-scope) .left-3{left:calc(var(--spacing) * 3)}:where(.md-editor-scope) .left-3\\.5{left:calc(var(--spacing) * 3.5)}:where(.md-editor-scope) .left-4{left:calc(var(--spacing) * 4)}:where(.md-editor-scope) .isolate{isolation:isolate}:where(.md-editor-scope) .z-0{z-index:0}:where(.md-editor-scope) .z-8{z-index:8}:where(.md-editor-scope) .z-10{z-index:10}:where(.md-editor-scope) .z-20{z-index:20}:where(.md-editor-scope) .z-30{z-index:30}:where(.md-editor-scope) .z-40{z-index:40}:where(.md-editor-scope) .z-50{z-index:50}:where(.md-editor-scope) .z-60{z-index:60}:where(.md-editor-scope) .z-80{z-index:80}:where(.md-editor-scope) .z-100{z-index:100}:where(.md-editor-scope) .z-110{z-index:110}:where(.md-editor-scope) .z-9000{z-index:9000}:where(.md-editor-scope) .z-9999{z-index:9999}:where(.md-editor-scope) .col-span-1{grid-column:span 1/span 1}:where(.md-editor-scope) .col-span-3{grid-column:span 3/span 3}:where(.md-editor-scope) .col-span-4{grid-column:span 4/span 4}:where(.md-editor-scope) .container{width:100%}@media (width>=40rem){:where(.md-editor-scope) .container{max-width:40rem}}@media (width>=48rem){:where(.md-editor-scope) .container{max-width:48rem}}@media (width>=64rem){:where(.md-editor-scope) .container{max-width:64rem}}@media (width>=80rem){:where(.md-editor-scope) .container{max-width:80rem}}@media (width>=96rem){:where(.md-editor-scope) .container{max-width:96rem}}:where(.md-editor-scope) .-mx-20{margin-inline:calc(var(--spacing) * -20)}:where(.md-editor-scope) .mx-0\\.5{margin-inline:calc(var(--spacing) * .5)}:where(.md-editor-scope) .mx-1{margin-inline:var(--spacing)}:where(.md-editor-scope) .mx-1\\.5{margin-inline:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .mx-3{margin-inline:calc(var(--spacing) * 3)}:where(.md-editor-scope) .mx-4{margin-inline:calc(var(--spacing) * 4)}:where(.md-editor-scope) .mx-auto{margin-inline:auto}:where(.md-editor-scope) .my-1\\.5{margin-block:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .mt-0\\.5{margin-top:calc(var(--spacing) * .5)}:where(.md-editor-scope) .mt-1{margin-top:var(--spacing)}:where(.md-editor-scope) .mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .mt-2{margin-top:calc(var(--spacing) * 2)}:where(.md-editor-scope) .mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .mt-3{margin-top:calc(var(--spacing) * 3)}:where(.md-editor-scope) .mt-4{margin-top:calc(var(--spacing) * 4)}:where(.md-editor-scope) .mt-auto{margin-top:auto}:where(.md-editor-scope) .mr-0\\.5{margin-right:calc(var(--spacing) * .5)}:where(.md-editor-scope) .mr-1{margin-right:var(--spacing)}:where(.md-editor-scope) .mr-3{margin-right:calc(var(--spacing) * 3)}:where(.md-editor-scope) .-mb-1{margin-bottom:calc(var(--spacing) * -1)}:where(.md-editor-scope) .mb-0{margin-bottom:0}:where(.md-editor-scope) .mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}:where(.md-editor-scope) .mb-1{margin-bottom:var(--spacing)}:where(.md-editor-scope) .mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .mb-1\\.25{margin-bottom:calc(var(--spacing) * 1.25)}:where(.md-editor-scope) .mb-2{margin-bottom:calc(var(--spacing) * 2)}:where(.md-editor-scope) .mb-3{margin-bottom:calc(var(--spacing) * 3)}:where(.md-editor-scope) .mb-4{margin-bottom:calc(var(--spacing) * 4)}:where(.md-editor-scope) .mb-5{margin-bottom:calc(var(--spacing) * 5)}:where(.md-editor-scope) .mb-6{margin-bottom:calc(var(--spacing) * 6)}:where(.md-editor-scope) .-ml-0\\.75{margin-left:calc(var(--spacing) * -.75)}:where(.md-editor-scope) .ml-0\\.5{margin-left:calc(var(--spacing) * .5)}:where(.md-editor-scope) .ml-1{margin-left:var(--spacing)}:where(.md-editor-scope) .ml-2{margin-left:calc(var(--spacing) * 2)}:where(.md-editor-scope) .ml-3{margin-left:calc(var(--spacing) * 3)}:where(.md-editor-scope) .ml-auto{margin-left:auto}:where(.md-editor-scope) .line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:where(.md-editor-scope) .block{display:block}:where(.md-editor-scope) .contents{display:contents}:where(.md-editor-scope) .flex{display:flex}:where(.md-editor-scope) .grid{display:grid}:where(.md-editor-scope) .hidden{display:none}:where(.md-editor-scope) .inline{display:inline}:where(.md-editor-scope) .inline-block{display:inline-block}:where(.md-editor-scope) .inline-flex{display:inline-flex}:where(.md-editor-scope) .inline-table{display:inline-table}:where(.md-editor-scope) .table{display:table}:where(.md-editor-scope) .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}:where(.md-editor-scope) .size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}:where(.md-editor-scope) .size-3\\.25{width:calc(var(--spacing) * 3.25);height:calc(var(--spacing) * 3.25)}:where(.md-editor-scope) .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:where(.md-editor-scope) .size-4\\.25{width:calc(var(--spacing) * 4.25);height:calc(var(--spacing) * 4.25)}:where(.md-editor-scope) .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}:where(.md-editor-scope) .size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}:where(.md-editor-scope) .size-\\[18px\\]{width:18px;height:18px}:where(.md-editor-scope) .size-full{width:100%;height:100%}:where(.md-editor-scope) .h-0\\.5{height:calc(var(--spacing) * .5)}:where(.md-editor-scope) .h-0\\.75{height:calc(var(--spacing) * .75)}:where(.md-editor-scope) .h-1{height:var(--spacing)}:where(.md-editor-scope) .h-1\\.5{height:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .h-2{height:calc(var(--spacing) * 2)}:where(.md-editor-scope) .h-2\\.5{height:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .h-3{height:calc(var(--spacing) * 3)}:where(.md-editor-scope) .h-3\\.5{height:calc(var(--spacing) * 3.5)}:where(.md-editor-scope) .h-3\\.25{height:calc(var(--spacing) * 3.25)}:where(.md-editor-scope) .h-3\\.75{height:calc(var(--spacing) * 3.75)}:where(.md-editor-scope) .h-4{height:calc(var(--spacing) * 4)}:where(.md-editor-scope) .h-4\\.5{height:calc(var(--spacing) * 4.5)}:where(.md-editor-scope) .h-4\\.25{height:calc(var(--spacing) * 4.25)}:where(.md-editor-scope) .h-4\\.75{height:calc(var(--spacing) * 4.75)}:where(.md-editor-scope) .h-5{height:calc(var(--spacing) * 5)}:where(.md-editor-scope) .h-5\\.25{height:calc(var(--spacing) * 5.25)}:where(.md-editor-scope) .h-6{height:calc(var(--spacing) * 6)}:where(.md-editor-scope) .h-7{height:calc(var(--spacing) * 7)}:where(.md-editor-scope) .h-8{height:calc(var(--spacing) * 8)}:where(.md-editor-scope) .h-9{height:calc(var(--spacing) * 9)}:where(.md-editor-scope) .h-10{height:calc(var(--spacing) * 10)}:where(.md-editor-scope) .h-12{height:calc(var(--spacing) * 12)}:where(.md-editor-scope) .h-14{height:calc(var(--spacing) * 14)}:where(.md-editor-scope) .h-16{height:calc(var(--spacing) * 16)}:where(.md-editor-scope) .h-20{height:calc(var(--spacing) * 20)}:where(.md-editor-scope) .h-37\\.5{height:calc(var(--spacing) * 37.5)}:where(.md-editor-scope) .h-\\[30px\\]{height:30px}:where(.md-editor-scope) .h-\\[32px\\]{height:32px}:where(.md-editor-scope) .h-\\[60vh\\]{height:60vh}:where(.md-editor-scope) .h-\\[calc\\(100vh-5\\.25rem\\)\\]{height:calc(100vh - 5.25rem)}:where(.md-editor-scope) .h-\\[calc\\(100vh-7\\.5rem\\)\\]{height:calc(100vh - 7.5rem)}:where(.md-editor-scope) .h-fit{height:fit-content}:where(.md-editor-scope) .h-full{height:100%}:where(.md-editor-scope) .h-px{height:1px}:where(.md-editor-scope) .h-screen{height:100vh}:where(.md-editor-scope) .max-h-44{max-height:calc(var(--spacing) * 44)}:where(.md-editor-scope) .max-h-full{max-height:100%}:where(.md-editor-scope) .min-h-0{min-height:0}:where(.md-editor-scope) .min-h-87\\.5{min-height:calc(var(--spacing) * 87.5)}:where(.md-editor-scope) .min-h-auto{min-height:auto}:where(.md-editor-scope) .min-h-screen{min-height:100vh}:where(.md-editor-scope) .w-0{width:0}:where(.md-editor-scope) .w-1{width:var(--spacing)}:where(.md-editor-scope) .w-1\\.5{width:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .w-1\\/2{width:50%}:where(.md-editor-scope) .w-2{width:calc(var(--spacing) * 2)}:where(.md-editor-scope) .w-2\\.5{width:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .w-2\\/3{width:66.6667%}:where(.md-editor-scope) .w-3{width:calc(var(--spacing) * 3)}:where(.md-editor-scope) .w-3\\.5{width:calc(var(--spacing) * 3.5)}:where(.md-editor-scope) .w-3\\.25{width:calc(var(--spacing) * 3.25)}:where(.md-editor-scope) .w-3\\/4{width:75%}:where(.md-editor-scope) .w-4{width:calc(var(--spacing) * 4)}:where(.md-editor-scope) .w-4\\.5{width:calc(var(--spacing) * 4.5)}:where(.md-editor-scope) .w-4\\.75{width:calc(var(--spacing) * 4.75)}:where(.md-editor-scope) .w-5{width:calc(var(--spacing) * 5)}:where(.md-editor-scope) .w-5\\.25{width:calc(var(--spacing) * 5.25)}:where(.md-editor-scope) .w-6{width:calc(var(--spacing) * 6)}:where(.md-editor-scope) .w-7{width:calc(var(--spacing) * 7)}:where(.md-editor-scope) .w-7\\.5{width:calc(var(--spacing) * 7.5)}:where(.md-editor-scope) .w-8{width:calc(var(--spacing) * 8)}:where(.md-editor-scope) .w-9{width:calc(var(--spacing) * 9)}:where(.md-editor-scope) .w-10{width:calc(var(--spacing) * 10)}:where(.md-editor-scope) .w-12{width:calc(var(--spacing) * 12)}:where(.md-editor-scope) .w-14{width:calc(var(--spacing) * 14)}:where(.md-editor-scope) .w-15{width:calc(var(--spacing) * 15)}:where(.md-editor-scope) .w-16{width:calc(var(--spacing) * 16)}:where(.md-editor-scope) .w-30{width:calc(var(--spacing) * 30)}:where(.md-editor-scope) .w-44{width:calc(var(--spacing) * 44)}:where(.md-editor-scope) .w-50{width:calc(var(--spacing) * 50)}:where(.md-editor-scope) .w-56{width:calc(var(--spacing) * 56)}:where(.md-editor-scope) .w-60{width:calc(var(--spacing) * 60)}:where(.md-editor-scope) .w-65{width:calc(var(--spacing) * 65)}:where(.md-editor-scope) .w-68{width:calc(var(--spacing) * 68)}:where(.md-editor-scope) .w-72{width:calc(var(--spacing) * 72)}:where(.md-editor-scope) .w-85{width:calc(var(--spacing) * 85)}:where(.md-editor-scope) .w-\\[30\\%\\]{width:30%}:where(.md-editor-scope) .w-\\[40\\%\\]{width:40%}:where(.md-editor-scope) .w-full{width:100%}:where(.md-editor-scope) .w-max{width:max-content}:where(.md-editor-scope) .w-md{width:var(--container-md)}:where(.md-editor-scope) .w-px{width:1px}:where(.md-editor-scope) .max-w-4xl{max-width:var(--container-4xl)}:where(.md-editor-scope) .max-w-20{max-width:calc(var(--spacing) * 20)}:where(.md-editor-scope) .max-w-22{max-width:calc(var(--spacing) * 22)}:where(.md-editor-scope) .max-w-22\\.5{max-width:calc(var(--spacing) * 22.5)}:where(.md-editor-scope) .max-w-25{max-width:calc(var(--spacing) * 25)}:where(.md-editor-scope) .max-w-\\[240px\\]{max-width:240px}:where(.md-editor-scope) .max-w-\\[1600px\\]{max-width:1600px}:where(.md-editor-scope) .max-w-full{max-width:100%}:where(.md-editor-scope) .max-w-md{max-width:var(--container-md)}:where(.md-editor-scope) .max-w-xs{max-width:var(--container-xs)}:where(.md-editor-scope) .min-w-0{min-width:0}:where(.md-editor-scope) .min-w-4{min-width:calc(var(--spacing) * 4)}:where(.md-editor-scope) .min-w-4\\.5{min-width:calc(var(--spacing) * 4.5)}:where(.md-editor-scope) .min-w-75{min-width:calc(var(--spacing) * 75)}:where(.md-editor-scope) .min-w-105{min-width:calc(var(--spacing) * 105)}:where(.md-editor-scope) .min-w-full{min-width:100%}:where(.md-editor-scope) .min-w-max{min-width:max-content}:where(.md-editor-scope) .flex-1{flex:1}:where(.md-editor-scope) .flex-2{flex:2}:where(.md-editor-scope) .flex-shrink,:where(.md-editor-scope) .shrink{flex-shrink:1}:where(.md-editor-scope) .shrink-0{flex-shrink:0}:where(.md-editor-scope) .grow{flex-grow:1}:where(.md-editor-scope) .border-collapse{border-collapse:collapse}:where(.md-editor-scope) .-translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .-translate-x-2\\/2{--tw-translate-x:calc(calc(2 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-x-0\\.75{--tw-translate-x:calc(var(--spacing) * .75);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-x-3\\.5{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .-translate-y-0\\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-y-0\\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.md-editor-scope) .scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.md-editor-scope) .-rotate-90{rotate:-90deg}:where(.md-editor-scope) .rotate-45{rotate:45deg}:where(.md-editor-scope) .rotate-90{rotate:90deg}:where(.md-editor-scope) .rotate-180{rotate:180deg}:where(.md-editor-scope) .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:where(.md-editor-scope) .animate-bounce{animation:var(--animate-bounce)}:where(.md-editor-scope) .animate-ping{animation:var(--animate-ping)}:where(.md-editor-scope) .animate-pulse{animation:var(--animate-pulse)}:where(.md-editor-scope) .animate-spin{animation:var(--animate-spin)}:where(.md-editor-scope) .cursor-crosshair{cursor:crosshair}:where(.md-editor-scope) .cursor-default{cursor:default}:where(.md-editor-scope) .cursor-grab{cursor:grab}:where(.md-editor-scope) .cursor-not-allowed{cursor:not-allowed}:where(.md-editor-scope) .cursor-pointer{cursor:pointer}:where(.md-editor-scope) .cursor-text{cursor:text}:where(.md-editor-scope) .resize{resize:both}:where(.md-editor-scope) .list-none{list-style-type:none}:where(.md-editor-scope) .\\[appearance\\:textfield\\]{appearance:textfield}:where(.md-editor-scope) .appearance-none{appearance:none}:where(.md-editor-scope) .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(.md-editor-scope) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.md-editor-scope) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.md-editor-scope) .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}:where(.md-editor-scope) .flex-col{flex-direction:column}:where(.md-editor-scope) .flex-col-reverse{flex-direction:column-reverse}:where(.md-editor-scope) .flex-row{flex-direction:row}:where(.md-editor-scope) .flex-wrap{flex-wrap:wrap}:where(.md-editor-scope) .place-content-center{place-content:center}:where(.md-editor-scope) .items-baseline{align-items:baseline}:where(.md-editor-scope) .items-center{align-items:center}:where(.md-editor-scope) .items-end{align-items:flex-end}:where(.md-editor-scope) .items-start{align-items:flex-start}:where(.md-editor-scope) .justify-between{justify-content:space-between}:where(.md-editor-scope) .justify-center{justify-content:center}:where(.md-editor-scope) .justify-end{justify-content:flex-end}:where(.md-editor-scope) .justify-start{justify-content:flex-start}:where(.md-editor-scope) .gap-0\\.5{gap:calc(var(--spacing) * .5)}:where(.md-editor-scope) .gap-1{gap:var(--spacing)}:where(.md-editor-scope) .gap-1\\.5{gap:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .gap-2{gap:calc(var(--spacing) * 2)}:where(.md-editor-scope) .gap-2\\.5{gap:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .gap-3{gap:calc(var(--spacing) * 3)}:where(.md-editor-scope) .gap-4{gap:calc(var(--spacing) * 4)}:where(.md-editor-scope) :where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-2\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.md-editor-scope) .gap-x-3{column-gap:calc(var(--spacing) * 3)}:where(.md-editor-scope) .gap-y-1{row-gap:var(--spacing)}:where(.md-editor-scope) :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.md-editor-scope) :where(.divide-\\(--md-border\\)>:not(:last-child)){border-color:var(--md-border)}:where(.md-editor-scope) .self-stretch{align-self:stretch}:where(.md-editor-scope) .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.md-editor-scope) .overflow-auto{overflow:auto}:where(.md-editor-scope) .overflow-hidden{overflow:hidden}:where(.md-editor-scope) .overflow-visible{overflow:visible}:where(.md-editor-scope) .overflow-x-auto{overflow-x:auto}:where(.md-editor-scope) .overflow-x-hidden{overflow-x:hidden}:where(.md-editor-scope) .overflow-y-auto{overflow-y:auto}:where(.md-editor-scope) .rounded{border-radius:.25rem}:where(.md-editor-scope) .rounded-2xl{border-radius:var(--radius-2xl)}:where(.md-editor-scope) .rounded-full{border-radius:2147483647px}:where(.md-editor-scope) .rounded-lg{border-radius:var(--radius-lg)}:where(.md-editor-scope) .rounded-md{border-radius:var(--radius-md)}:where(.md-editor-scope) .rounded-sm{border-radius:var(--radius-sm)}:where(.md-editor-scope) .rounded-xl{border-radius:var(--radius-xl)}:where(.md-editor-scope) .border{border-style:var(--tw-border-style);border-width:1px}:where(.md-editor-scope) .border-0{border-style:var(--tw-border-style);border-width:0}:where(.md-editor-scope) .border-2{border-style:var(--tw-border-style);border-width:2px}:where(.md-editor-scope) .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}:where(.md-editor-scope) .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}:where(.md-editor-scope) .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:where(.md-editor-scope) .border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}:where(.md-editor-scope) .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}:where(.md-editor-scope) .border-dashed{--tw-border-style:dashed;border-style:dashed}:where(.md-editor-scope) .\\!border-\\[var\\(--md-border\\)\\]{border-color:var(--md-border)!important}:where(.md-editor-scope) .\\!border-\\[var\\(--md-danger\\)\\]{border-color:var(--md-danger)!important}:where(.md-editor-scope) .\\!border-gray-200{border-color:var(--color-gray-200)!important}:where(.md-editor-scope) .\\!border-red-600{border-color:var(--color-red-600)!important}:where(.md-editor-scope) .border-\\(--md-accent-border\\){border-color:var(--md-accent-border)}:where(.md-editor-scope) .border-\\(--md-border\\),:where(.md-editor-scope) .border-\\(--md-border\\)\\/10{border-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-border\\)\\/10{border-color:color-mix(in oklab, var(--md-border) 10%, transparent)}}:where(.md-editor-scope) .border-\\(--md-border\\)\\/60{border-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-border\\)\\/60{border-color:color-mix(in oklab, var(--md-border) 60%, transparent)}}:where(.md-editor-scope) .border-\\(--md-border\\)\\/65{border-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-border\\)\\/65{border-color:color-mix(in oklab, var(--md-border) 65%, transparent)}}:where(.md-editor-scope) .border-\\(--md-border\\)\\/75{border-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-border\\)\\/75{border-color:color-mix(in oklab, var(--md-border) 75%, transparent)}}:where(.md-editor-scope) .border-\\(--md-border\\)\\/80{border-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-border\\)\\/80{border-color:color-mix(in oklab, var(--md-border) 80%, transparent)}}:where(.md-editor-scope) .border-\\(--md-border-strong\\),:where(.md-editor-scope) .border-\\(--md-border-strong\\)\\/80{border-color:var(--md-border-strong)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-border-strong\\)\\/80{border-color:color-mix(in oklab, var(--md-border-strong) 80%, transparent)}}:where(.md-editor-scope) .border-\\(--md-danger-border\\){border-color:var(--md-danger-border)}:where(.md-editor-scope) .border-\\(--md-info\\)\\!{border-color:var(--md-info)!important}:where(.md-editor-scope) .border-\\(--md-info-border\\){border-color:var(--md-info-border)}:where(.md-editor-scope) .border-\\(--md-overlay-border\\){border-color:var(--md-overlay-border)}:where(.md-editor-scope) .border-\\(--md-row-selection\\){border-color:var(--md-row-selection)}:where(.md-editor-scope) .border-\\(--md-row-selection-fg\\){border-color:var(--md-row-selection-fg)}:where(.md-editor-scope) .border-\\(--md-selection\\){border-color:var(--md-selection)}:where(.md-editor-scope) .border-\\(--md-selection-fg\\)\\/60{border-color:var(--md-selection-fg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-selection-fg\\)\\/60{border-color:color-mix(in oklab, var(--md-selection-fg) 60%, transparent)}}:where(.md-editor-scope) .border-\\(--md-success-border\\){border-color:var(--md-success-border)}:where(.md-editor-scope) .border-\\(--md-text\\),:where(.md-editor-scope) .border-\\(--md-text\\)\\/10{border-color:var(--md-text)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-\\(--md-text\\)\\/10{border-color:color-mix(in oklab, var(--md-text) 10%, transparent)}}:where(.md-editor-scope) .border-\\(--md-warning-border\\){border-color:var(--md-warning-border)}:where(.md-editor-scope) .border-blue-500\\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-blue-500\\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}:where(.md-editor-scope) .border-transparent{border-color:#0000}:where(.md-editor-scope) .border-white\\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .border-white\\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}:where(.md-editor-scope) .border-t-\\(--md-primary\\){border-top-color:var(--md-primary)}:where(.md-editor-scope) .border-r-\\(--md-primary-hover\\){border-right-color:var(--md-primary-hover)}:where(.md-editor-scope) .border-b-transparent{border-bottom-color:#0000}:where(.md-editor-scope) .border-l-transparent{border-left-color:#0000}:where(.md-editor-scope) .\\!bg-\\[var\\(--md-border\\)\\]{background-color:var(--md-border)!important}:where(.md-editor-scope) .\\!bg-\\[var\\(--md-danger\\)\\]{background-color:var(--md-danger)!important}:where(.md-editor-scope) .\\!bg-gray-200{background-color:var(--color-gray-200)!important}:where(.md-editor-scope) .\\!bg-red-600{background-color:var(--color-red-600)!important}:where(.md-editor-scope) .bg-\\(--md-accent\\),:where(.md-editor-scope) .bg-\\(--md-accent\\)\\/10{background-color:var(--md-accent)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-accent\\)\\/10{background-color:color-mix(in oklab, var(--md-accent) 10%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-accent-bg\\){background-color:var(--md-accent-bg)}:where(.md-editor-scope) .bg-\\(--md-accent-soft\\){background-color:var(--md-accent-soft)}:where(.md-editor-scope) .bg-\\(--md-border\\),:where(.md-editor-scope) .bg-\\(--md-border\\)\\/80{background-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-border\\)\\/80{background-color:color-mix(in oklab, var(--md-border) 80%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-border-strong\\){background-color:var(--md-border-strong)}:where(.md-editor-scope) .bg-\\(--md-danger-bg\\){background-color:var(--md-danger-bg)}:where(.md-editor-scope) .bg-\\(--md-danger-border\\){background-color:var(--md-danger-border)}:where(.md-editor-scope) .bg-\\(--md-info\\)\\!{background-color:var(--md-info)!important}:where(.md-editor-scope) .bg-\\(--md-info-bg\\){background-color:var(--md-info-bg)}:where(.md-editor-scope) .bg-\\(--md-info-border\\){background-color:var(--md-info-border)}:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\),:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\)\\/35{background-color:var(--md-inverse-surface)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\)\\/35{background-color:color-mix(in oklab, var(--md-inverse-surface) 35%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\)\\/40{background-color:var(--md-inverse-surface)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\)\\/40{background-color:color-mix(in oklab, var(--md-inverse-surface) 40%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\)\\/70{background-color:var(--md-inverse-surface)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-inverse-surface\\)\\/70{background-color:color-mix(in oklab, var(--md-inverse-surface) 70%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-overlay-bg\\){background-color:var(--md-overlay-bg)}:where(.md-editor-scope) .bg-\\(--md-primary\\){background-color:var(--md-primary)}:where(.md-editor-scope) .bg-\\(--md-row-selection\\){background-color:var(--md-row-selection)}:where(.md-editor-scope) .bg-\\(--md-row-selection-bg\\),:where(.md-editor-scope) .bg-\\(--md-row-selection-bg\\)\\/40{background-color:var(--md-row-selection-bg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-row-selection-bg\\)\\/40{background-color:color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-row-selection-bg\\)\\/70{background-color:var(--md-row-selection-bg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-row-selection-bg\\)\\/70{background-color:color-mix(in oklab, var(--md-row-selection-bg) 70%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-row-selection-fg\\){background-color:var(--md-row-selection-fg)}:where(.md-editor-scope) .bg-\\(--md-selection\\),:where(.md-editor-scope) .bg-\\(--md-selection\\)\\/75{background-color:var(--md-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-selection\\)\\/75{background-color:color-mix(in oklab, var(--md-selection) 75%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-selection-bg\\){background-color:var(--md-selection-bg)}:where(.md-editor-scope) .bg-\\(--md-success\\){background-color:var(--md-success)}:where(.md-editor-scope) .bg-\\(--md-success-bg\\){background-color:var(--md-success-bg)}:where(.md-editor-scope) .bg-\\(--md-surface\\),:where(.md-editor-scope) .bg-\\(--md-surface\\)\\/90{background-color:var(--md-surface)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface\\)\\/90{background-color:color-mix(in oklab, var(--md-surface) 90%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface\\)\\/95{background-color:var(--md-surface)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface\\)\\/95{background-color:color-mix(in oklab, var(--md-surface) 95%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface-hover\\),:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/30{background-color:var(--md-surface-hover)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/30{background-color:color-mix(in oklab, var(--md-surface-hover) 30%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/40{background-color:var(--md-surface-hover)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/40{background-color:color-mix(in oklab, var(--md-surface-hover) 40%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/50{background-color:var(--md-surface-hover)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/50{background-color:color-mix(in oklab, var(--md-surface-hover) 50%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/70{background-color:var(--md-surface-hover)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface-hover\\)\\/70{background-color:color-mix(in oklab, var(--md-surface-hover) 70%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface-muted\\),:where(.md-editor-scope) .bg-\\(--md-surface-muted\\)\\/75{background-color:var(--md-surface-muted)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface-muted\\)\\/75{background-color:color-mix(in oklab, var(--md-surface-muted) 75%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-surface-muted\\)\\/80{background-color:var(--md-surface-muted)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-surface-muted\\)\\/80{background-color:color-mix(in oklab, var(--md-surface-muted) 80%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-text\\),:where(.md-editor-scope) .bg-\\(--md-text\\)\\/0{background-color:var(--md-text)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-text\\)\\/0{background-color:color-mix(in oklab, var(--md-text) 0%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-text-subtle\\){background-color:var(--md-text-subtle)}:where(.md-editor-scope) .bg-\\(--md-toolbar-bg\\)\\/95{background-color:var(--md-toolbar-bg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-toolbar-bg\\)\\/95{background-color:color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-toolbar-border\\){background-color:var(--md-toolbar-border)}:where(.md-editor-scope) .bg-\\(--md-tooltip-bg\\){background-color:var(--md-tooltip-bg)}:where(.md-editor-scope) .bg-\\(--md-warning\\){background-color:var(--md-warning)}:where(.md-editor-scope) .bg-\\(--md-warning-bg\\),:where(.md-editor-scope) .bg-\\(--md-warning-bg\\)\\/80{background-color:var(--md-warning-bg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\(--md-warning-bg\\)\\/80{background-color:color-mix(in oklab, var(--md-warning-bg) 80%, transparent)}}:where(.md-editor-scope) .bg-\\(--md-warning-border\\){background-color:var(--md-warning-border)}:where(.md-editor-scope) .bg-\\[\\#0b0b0c\\]{background-color:#0b0b0c}:where(.md-editor-scope) .bg-\\[\\#0f6e75\\]{background-color:#0f6e75}:where(.md-editor-scope) .bg-\\[\\#1a1a1d\\]{background-color:#1a1a1d}:where(.md-editor-scope) .bg-\\[\\#28c840\\]{background-color:#28c840}:where(.md-editor-scope) .bg-\\[\\#101012\\]{background-color:#101012}:where(.md-editor-scope) .bg-\\[\\#febc2e\\]{background-color:#febc2e}:where(.md-editor-scope) .bg-\\[\\#ff5f57\\]{background-color:#ff5f57}:where(.md-editor-scope) .bg-\\[var\\(--md-border\\)\\]\\/80{background-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\[var\\(--md-border\\)\\]\\/80{background-color:color-mix(in oklab, var(--md-border) 80%, transparent)}}:where(.md-editor-scope) .bg-\\[var\\(--md-row-selection-bg\\)\\]{background-color:var(--md-row-selection-bg)}:where(.md-editor-scope) .bg-\\[var\\(--md-selection\\)\\]{background-color:var(--md-selection)}:where(.md-editor-scope) .bg-\\[var\\(--md-surface-hover\\)\\]{background-color:var(--md-surface-hover)}:where(.md-editor-scope) .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95{background-color:var(--md-toolbar-bg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95{background-color:color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent)}}:where(.md-editor-scope) .bg-\\[var\\(--md-tooltip-bg\\)\\]{background-color:var(--md-tooltip-bg)}:where(.md-editor-scope) .bg-amber-500\\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-amber-500\\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}:where(.md-editor-scope) .bg-amber-500\\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-amber-500\\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}:where(.md-editor-scope) .bg-blue-500\\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-blue-500\\/5{background-color:color-mix(in oklab, var(--color-blue-500) 5%, transparent)}}:where(.md-editor-scope) .bg-blue-500\\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-blue-500\\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}:where(.md-editor-scope) .bg-blue-500\\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-blue-500\\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}:where(.md-editor-scope) .bg-gray-800{background-color:var(--color-gray-800)}:where(.md-editor-scope) .bg-orange-500\\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-orange-500\\/20{background-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}:where(.md-editor-scope) .bg-transparent{background-color:#0000}:where(.md-editor-scope) .bg-white\\/3{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-white\\/3{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}:where(.md-editor-scope) .bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .bg-white\\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}:where(.md-editor-scope) .bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){:where(.md-editor-scope) .bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}:where(.md-editor-scope) .bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}:where(.md-editor-scope) .bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){:where(.md-editor-scope) .bg-linear-to-r{--tw-gradient-position:to right in oklab}}:where(.md-editor-scope) .bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}:where(.md-editor-scope) .bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}:where(.md-editor-scope) .from-\\(--md-primary\\){--tw-gradient-from:var(--md-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}:where(.md-editor-scope) .from-\\(--md-row-selection\\){--tw-gradient-from:var(--md-row-selection);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}:where(.md-editor-scope) .from-\\[var\\(--md-selection\\)\\]{--tw-gradient-from:var(--md-selection);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}:where(.md-editor-scope) .to-\\(--md-primary-hover\\){--tw-gradient-to:var(--md-primary-hover);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}:where(.md-editor-scope) .to-\\(--md-row-selection-fg\\){--tw-gradient-to:var(--md-row-selection-fg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}:where(.md-editor-scope) .to-\\[var\\(--md-selection-fg\\)\\]{--tw-gradient-to:var(--md-selection-fg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}:where(.md-editor-scope) .stroke-\\(--md-text-muted\\){stroke:var(--md-text-muted)}:where(.md-editor-scope) .stroke-current{stroke:currentColor}:where(.md-editor-scope) .object-contain{object-fit:contain}:where(.md-editor-scope) .object-cover{object-fit:cover}:where(.md-editor-scope) .p-0\\.5{padding:calc(var(--spacing) * .5)}:where(.md-editor-scope) .p-1{padding:var(--spacing)}:where(.md-editor-scope) .p-1\\.5{padding:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .p-1\\.25{padding:calc(var(--spacing) * 1.25)}:where(.md-editor-scope) .p-2{padding:calc(var(--spacing) * 2)}:where(.md-editor-scope) .p-2\\.5{padding:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .p-3{padding:calc(var(--spacing) * 3)}:where(.md-editor-scope) .p-4{padding:calc(var(--spacing) * 4)}:where(.md-editor-scope) .p-5{padding:calc(var(--spacing) * 5)}:where(.md-editor-scope) .p-6{padding:calc(var(--spacing) * 6)}:where(.md-editor-scope) .\\!px-6{padding-inline:calc(var(--spacing) * 6)!important}:where(.md-editor-scope) .px-0\\.5{padding-inline:calc(var(--spacing) * .5)}:where(.md-editor-scope) .px-1{padding-inline:var(--spacing)}:where(.md-editor-scope) .px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .px-1\\.75{padding-inline:calc(var(--spacing) * 1.75)}:where(.md-editor-scope) .px-2{padding-inline:calc(var(--spacing) * 2)}:where(.md-editor-scope) .px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .px-3{padding-inline:calc(var(--spacing) * 3)}:where(.md-editor-scope) .px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}:where(.md-editor-scope) .px-4{padding-inline:calc(var(--spacing) * 4)}:where(.md-editor-scope) .px-5{padding-inline:calc(var(--spacing) * 5)}:where(.md-editor-scope) .px-5\\!{padding-inline:calc(var(--spacing) * 5)!important}:where(.md-editor-scope) .px-6{padding-inline:calc(var(--spacing) * 6)}:where(.md-editor-scope) .px-8{padding-inline:calc(var(--spacing) * 8)}:where(.md-editor-scope) .px-20{padding-inline:calc(var(--spacing) * 20)}:where(.md-editor-scope) .\\!py-2{padding-block:calc(var(--spacing) * 2)!important}:where(.md-editor-scope) .py-0{padding-block:0}:where(.md-editor-scope) .py-0\\.5{padding-block:calc(var(--spacing) * .5)}:where(.md-editor-scope) .py-0\\.75{padding-block:calc(var(--spacing) * .75)}:where(.md-editor-scope) .py-1{padding-block:var(--spacing)}:where(.md-editor-scope) .py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .py-1\\.25{padding-block:calc(var(--spacing) * 1.25)}:where(.md-editor-scope) .py-2{padding-block:calc(var(--spacing) * 2)}:where(.md-editor-scope) .py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}:where(.md-editor-scope) .py-2\\.75{padding-block:calc(var(--spacing) * 2.75)}:where(.md-editor-scope) .py-3{padding-block:calc(var(--spacing) * 3)}:where(.md-editor-scope) .py-3\\.25{padding-block:calc(var(--spacing) * 3.25)}:where(.md-editor-scope) .py-4{padding-block:calc(var(--spacing) * 4)}:where(.md-editor-scope) .py-6{padding-block:calc(var(--spacing) * 6)}:where(.md-editor-scope) .py-8{padding-block:calc(var(--spacing) * 8)}:where(.md-editor-scope) .py-12{padding-block:calc(var(--spacing) * 12)}:where(.md-editor-scope) .py-16{padding-block:calc(var(--spacing) * 16)}:where(.md-editor-scope) .py-24{padding-block:calc(var(--spacing) * 24)}:where(.md-editor-scope) .py-\\[8px\\]{padding-block:8px}:where(.md-editor-scope) .py-px{padding-block:1px}:where(.md-editor-scope) .pt-0{padding-top:0}:where(.md-editor-scope) .pt-1{padding-top:var(--spacing)}:where(.md-editor-scope) .pt-2{padding-top:calc(var(--spacing) * 2)}:where(.md-editor-scope) .pt-3{padding-top:calc(var(--spacing) * 3)}:where(.md-editor-scope) .pt-4{padding-top:calc(var(--spacing) * 4)}:where(.md-editor-scope) .pr-2{padding-right:calc(var(--spacing) * 2)}:where(.md-editor-scope) .pr-3{padding-right:calc(var(--spacing) * 3)}:where(.md-editor-scope) .pr-7{padding-right:calc(var(--spacing) * 7)}:where(.md-editor-scope) .pb-1{padding-bottom:var(--spacing)}:where(.md-editor-scope) .pb-1\\.5{padding-bottom:calc(var(--spacing) * 1.5)}:where(.md-editor-scope) .pb-2{padding-bottom:calc(var(--spacing) * 2)}:where(.md-editor-scope) .pb-3{padding-bottom:calc(var(--spacing) * 3)}:where(.md-editor-scope) .pb-4{padding-bottom:calc(var(--spacing) * 4)}:where(.md-editor-scope) .pb-5{padding-bottom:calc(var(--spacing) * 5)}:where(.md-editor-scope) .pb-20{padding-bottom:calc(var(--spacing) * 20)}:where(.md-editor-scope) .\\!pl-6{padding-left:calc(var(--spacing) * 6)!important}:where(.md-editor-scope) .pl-0\\.5{padding-left:calc(var(--spacing) * .5)}:where(.md-editor-scope) .pl-1{padding-left:var(--spacing)}:where(.md-editor-scope) .pl-2{padding-left:calc(var(--spacing) * 2)}:where(.md-editor-scope) .pl-5{padding-left:calc(var(--spacing) * 5)}:where(.md-editor-scope) .pl-6{padding-left:calc(var(--spacing) * 6)}:where(.md-editor-scope) .pl-6\\!{padding-left:calc(var(--spacing) * 6)!important}:where(.md-editor-scope) .pl-7{padding-left:calc(var(--spacing) * 7)}:where(.md-editor-scope) .pl-9{padding-left:calc(var(--spacing) * 9)}:where(.md-editor-scope) .pl-14{padding-left:calc(var(--spacing) * 14)}:where(.md-editor-scope) .pl-\\[Xpx\\]{padding-left:Xpx}:where(.md-editor-scope) .text-center{text-align:center}:where(.md-editor-scope) .text-left{text-align:left}:where(.md-editor-scope) .text-right{text-align:right}:where(.md-editor-scope) .font-mono{font-family:var(--font-mono)}:where(.md-editor-scope) .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:where(.md-editor-scope) .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}:where(.md-editor-scope) .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:where(.md-editor-scope) .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}:where(.md-editor-scope) .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}:where(.md-editor-scope) .text-\\[8px\\]{font-size:8px}:where(.md-editor-scope) .text-\\[9\\.5px\\]{font-size:9.5px}:where(.md-editor-scope) .text-\\[9px\\]{font-size:9px}:where(.md-editor-scope) .text-\\[10\\.5px\\]{font-size:10.5px}:where(.md-editor-scope) .text-\\[10px\\]{font-size:10px}:where(.md-editor-scope) .text-\\[11\\.5px\\]{font-size:11.5px}:where(.md-editor-scope) .text-\\[11px\\]{font-size:11px}:where(.md-editor-scope) .text-\\[12\\.5px\\]{font-size:12.5px}:where(.md-editor-scope) .text-\\[12px\\]{font-size:12px}:where(.md-editor-scope) .text-\\[13\\.5px\\]{font-size:13.5px}:where(.md-editor-scope) .text-\\[13px\\]{font-size:13px}:where(.md-editor-scope) .text-\\[14px\\]{font-size:14px}:where(.md-editor-scope) .text-\\[15px\\]{font-size:15px}:where(.md-editor-scope) .leading-none{--tw-leading:1;line-height:1}:where(.md-editor-scope) .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}:where(.md-editor-scope) .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}:where(.md-editor-scope) .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}:where(.md-editor-scope) .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:where(.md-editor-scope) .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:where(.md-editor-scope) .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}:where(.md-editor-scope) .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}:where(.md-editor-scope) .tracking-\\[\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}:where(.md-editor-scope) .tracking-\\[\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}:where(.md-editor-scope) .tracking-\\[\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}:where(.md-editor-scope) .tracking-\\[\\.08em\\]{--tw-tracking:.08em;letter-spacing:.08em}:where(.md-editor-scope) .tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}:where(.md-editor-scope) .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}:where(.md-editor-scope) .tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}:where(.md-editor-scope) .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}:where(.md-editor-scope) .wrap-break-word{overflow-wrap:break-word}:where(.md-editor-scope) .break-all{word-break:break-all}:where(.md-editor-scope) .whitespace-normal{white-space:normal}:where(.md-editor-scope) .whitespace-nowrap{white-space:nowrap}:where(.md-editor-scope) .whitespace-pre{white-space:pre}:where(.md-editor-scope) .\\!text-\\[var\\(--md-text\\)\\]{color:var(--md-text)!important}:where(.md-editor-scope) .\\!text-gray-800{color:var(--color-gray-800)!important}:where(.md-editor-scope) .text-\\(--md-accent\\){color:var(--md-accent)}:where(.md-editor-scope) .text-\\(--md-accent-text\\){color:var(--md-accent-text)}:where(.md-editor-scope) .text-\\(--md-danger\\),:where(.md-editor-scope) .text-\\(--md-danger\\)\\/80{color:var(--md-danger)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .text-\\(--md-danger\\)\\/80{color:color-mix(in oklab, var(--md-danger) 80%, transparent)}}:where(.md-editor-scope) .text-\\(--md-danger-fg\\){color:var(--md-danger-fg)}:where(.md-editor-scope) .text-\\(--md-info\\){color:var(--md-info)}:where(.md-editor-scope) .text-\\(--md-info-fg\\){color:var(--md-info-fg)}:where(.md-editor-scope) .text-\\(--md-on-accent\\){color:var(--md-on-accent)}:where(.md-editor-scope) .text-\\(--md-on-inverse\\){color:var(--md-on-inverse)}:where(.md-editor-scope) .text-\\(--md-primary\\){color:var(--md-primary)}:where(.md-editor-scope) .text-\\(--md-row-selection\\){color:var(--md-row-selection)}:where(.md-editor-scope) .text-\\(--md-row-selection-fg\\){color:var(--md-row-selection-fg)}:where(.md-editor-scope) .text-\\(--md-selection\\){color:var(--md-selection)}:where(.md-editor-scope) .text-\\(--md-selection-fg\\){color:var(--md-selection-fg)}:where(.md-editor-scope) .text-\\(--md-success\\){color:var(--md-success)}:where(.md-editor-scope) .text-\\(--md-success-fg\\){color:var(--md-success-fg)}:where(.md-editor-scope) .text-\\(--md-surface\\){color:var(--md-surface)}:where(.md-editor-scope) .text-\\(--md-text\\){color:var(--md-text)}:where(.md-editor-scope) .text-\\(--md-text-muted\\){color:var(--md-text-muted)}:where(.md-editor-scope) .text-\\(--md-text-subtle\\),:where(.md-editor-scope) .text-\\(--md-text-subtle\\)\\/75{color:var(--md-text-subtle)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .text-\\(--md-text-subtle\\)\\/75{color:color-mix(in oklab, var(--md-text-subtle) 75%, transparent)}}:where(.md-editor-scope) .text-\\(--md-toolbar-text\\){color:var(--md-toolbar-text)}:where(.md-editor-scope) .text-\\(--md-tooltip-text\\){color:var(--md-tooltip-text)}:where(.md-editor-scope) .text-\\(--md-warning\\){color:var(--md-warning)}:where(.md-editor-scope) .text-\\(--md-warning-fg\\),:where(.md-editor-scope) .text-\\(--md-warning-fg\\)\\/80{color:var(--md-warning-fg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .text-\\(--md-warning-fg\\)\\/80{color:color-mix(in oklab, var(--md-warning-fg) 80%, transparent)}}:where(.md-editor-scope) .text-\\[\\#0f6e75\\]{color:#0f6e75}:where(.md-editor-scope) .text-\\[var\\(--md-danger\\)\\]{color:var(--md-danger)}:where(.md-editor-scope) .text-\\[var\\(--md-row-selection\\)\\]{color:var(--md-row-selection)}:where(.md-editor-scope) .text-\\[var\\(--md-row-selection-fg\\)\\]{color:var(--md-row-selection-fg)}:where(.md-editor-scope) .text-\\[var\\(--md-text\\)\\]{color:var(--md-text)}:where(.md-editor-scope) .text-\\[var\\(--md-text-muted\\)\\]{color:var(--md-text-muted)}:where(.md-editor-scope) .text-\\[var\\(--md-text-subtle\\)\\]{color:var(--md-text-subtle)}:where(.md-editor-scope) .text-\\[var\\(--md-toolbar-text\\)\\]{color:var(--md-toolbar-text)}:where(.md-editor-scope) .text-\\[var\\(--md-tooltip-text\\)\\]{color:var(--md-tooltip-text)}:where(.md-editor-scope) .text-amber-300{color:var(--color-amber-300)}:where(.md-editor-scope) .text-amber-400{color:var(--color-amber-400)}:where(.md-editor-scope) .text-blue-200{color:var(--color-blue-200)}:where(.md-editor-scope) .text-blue-300{color:var(--color-blue-300)}:where(.md-editor-scope) .text-blue-400{color:var(--color-blue-400)}:where(.md-editor-scope) .text-blue-400\\/50{color:#54a2ff80}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .text-blue-400\\/50{color:color-mix(in oklab, var(--color-blue-400) 50%, transparent)}}:where(.md-editor-scope) .text-emerald-400{color:var(--color-emerald-400)}:where(.md-editor-scope) .text-gray-100{color:var(--color-gray-100)}:where(.md-editor-scope) .text-gray-400{color:var(--color-gray-400)}:where(.md-editor-scope) .text-gray-500{color:var(--color-gray-500)}:where(.md-editor-scope) .text-gray-600{color:var(--color-gray-600)}:where(.md-editor-scope) .text-orange-300{color:var(--color-orange-300)}:where(.md-editor-scope) .text-orange-400{color:var(--color-orange-400)}:where(.md-editor-scope) .text-red-400{color:var(--color-red-400)}:where(.md-editor-scope) .text-rose-400{color:var(--color-rose-400)}:where(.md-editor-scope) .text-rose-500{color:var(--color-rose-500)}:where(.md-editor-scope) .text-rose-600{color:var(--color-rose-600)}:where(.md-editor-scope) .text-sky-400{color:var(--color-sky-400)}:where(.md-editor-scope) .text-white{color:var(--color-white)}:where(.md-editor-scope) .capitalize{text-transform:capitalize}:where(.md-editor-scope) .lowercase{text-transform:lowercase}:where(.md-editor-scope) .uppercase{text-transform:uppercase}:where(.md-editor-scope) .italic{font-style:italic}:where(.md-editor-scope) .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}:where(.md-editor-scope) .line-through{text-decoration-line:line-through}:where(.md-editor-scope) .overline{text-decoration-line:overline}:where(.md-editor-scope) .underline{text-decoration-line:underline}:where(.md-editor-scope) .placeholder-\\(--md-text-subtle\\)::placeholder{color:var(--md-text-subtle)}:where(.md-editor-scope) .accent-\\(--md-selection\\){accent-color:var(--md-selection)}:where(.md-editor-scope) .opacity-0{opacity:0}:where(.md-editor-scope) .opacity-25{opacity:.25}:where(.md-editor-scope) .opacity-30{opacity:.3}:where(.md-editor-scope) .opacity-40{opacity:.4}:where(.md-editor-scope) .opacity-50{opacity:.5}:where(.md-editor-scope) .opacity-60{opacity:.6}:where(.md-editor-scope) .opacity-75{opacity:.75}:where(.md-editor-scope) .opacity-100{opacity:1}:where(.md-editor-scope) .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\(--md-overlay-shadow\\){--tw-shadow:var(--md-overlay-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_0_0\\.5px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#00000014), 0 0 0 .5px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\[0_2px_8px_-1px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\]{--tw-shadow:0 2px 8px -1px var(--tw-shadow-color,#10182814);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\[0_4px_12px_-2px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\,0_2px_4px_-1px_rgba\\(16\\,24\\,40\\,0\\.04\\)\\]{--tw-shadow:0 4px 12px -2px var(--tw-shadow-color,#10182814), 0 2px 4px -1px var(--tw-shadow-color,#1018280a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-\\[0_8px_24px_-4px_rgba\\(16\\,24\\,40\\,0\\.10\\)\\,0_4px_8px_-2px_rgba\\(16\\,24\\,40\\,0\\.06\\)\\]{--tw-shadow:0 8px 24px -4px var(--tw-shadow-color,#1018281a), 0 4px 8px -2px var(--tw-shadow-color,#1018280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .ring,:where(.md-editor-scope) .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .ring-\\(--md-accent-border\\){--tw-ring-color:var(--md-accent-border)}:where(.md-editor-scope) .ring-\\(--md-border\\){--tw-ring-color:var(--md-border)}:where(.md-editor-scope) .ring-\\(--md-danger\\){--tw-ring-color:var(--md-danger)}:where(.md-editor-scope) .ring-\\(--md-row-selection\\),:where(.md-editor-scope) .ring-\\(--md-row-selection\\)\\/70{--tw-ring-color:var(--md-row-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-\\(--md-row-selection\\)\\/70{--tw-ring-color:color-mix(in oklab, var(--md-row-selection) 70%, transparent)}}:where(.md-editor-scope) .ring-\\(--md-selection\\)\\/70{--tw-ring-color:var(--md-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-\\(--md-selection\\)\\/70{--tw-ring-color:color-mix(in oklab, var(--md-selection) 70%, transparent)}}:where(.md-editor-scope) .ring-\\(--md-success-border\\){--tw-ring-color:var(--md-success-border)}:where(.md-editor-scope) .ring-\\(--md-surface\\)\\/5{--tw-ring-color:var(--md-surface)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-\\(--md-surface\\)\\/5{--tw-ring-color:color-mix(in oklab, var(--md-surface) 5%, transparent)}}:where(.md-editor-scope) .ring-\\(--md-toolbar-border\\){--tw-ring-color:var(--md-toolbar-border)}:where(.md-editor-scope) .ring-\\(--md-warning\\){--tw-ring-color:var(--md-warning)}:where(.md-editor-scope) .ring-\\(--md-warning-border\\){--tw-ring-color:var(--md-warning-border)}:where(.md-editor-scope) .ring-\\[\\#0f6e75\\]{--tw-ring-color:#0f6e75}:where(.md-editor-scope) .ring-\\[var\\(--md-row-selection\\)\\]\\/40{--tw-ring-color:var(--md-row-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-\\[var\\(--md-row-selection\\)\\]\\/40{--tw-ring-color:color-mix(in oklab, var(--md-row-selection) 40%, transparent)}}:where(.md-editor-scope) .ring-\\[var\\(--md-row-selection\\)\\]\\/70{--tw-ring-color:var(--md-row-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-\\[var\\(--md-row-selection\\)\\]\\/70{--tw-ring-color:color-mix(in oklab, var(--md-row-selection) 70%, transparent)}}:where(.md-editor-scope) .ring-\\[var\\(--md-surface\\)\\]{--tw-ring-color:var(--md-surface)}:where(.md-editor-scope) .ring-blue-500\\/30{--tw-ring-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-blue-500\\/30{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}:where(.md-editor-scope) .ring-orange-500\\/30{--tw-ring-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-orange-500\\/30{--tw-ring-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}:where(.md-editor-scope) .ring-white\\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .ring-white\\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}:where(.md-editor-scope) .ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}:where(.md-editor-scope) .outline,:where(.md-editor-scope) .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}:where(.md-editor-scope) .outline-offset-0{outline-offset:0px}:where(.md-editor-scope) .outline-\\(--md-border\\),:where(.md-editor-scope) .outline-\\(--md-border\\)\\/80{outline-color:var(--md-border)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .outline-\\(--md-border\\)\\/80{outline-color:color-mix(in oklab, var(--md-border) 80%, transparent)}}:where(.md-editor-scope) .outline-\\(--md-row-selection\\),:where(.md-editor-scope) .outline-\\(--md-row-selection\\)\\/50{outline-color:var(--md-row-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .outline-\\(--md-row-selection\\)\\/50{outline-color:color-mix(in oklab, var(--md-row-selection) 50%, transparent)}}:where(.md-editor-scope) .outline-\\(--md-row-selection-fg\\){outline-color:var(--md-row-selection-fg)}:where(.md-editor-scope) .outline-\\(--md-surface-hover\\){outline-color:var(--md-surface-hover)}:where(.md-editor-scope) .outline-transparent{outline-color:#0000}:where(.md-editor-scope) .blur{--tw-blur:blur(8px);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,)}:where(.md-editor-scope) .invert{--tw-invert:invert(100%);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,)}:where(.md-editor-scope) .filter{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,)}:where(.md-editor-scope) .backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}:where(.md-editor-scope) .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}:where(.md-editor-scope) .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}:where(.md-editor-scope) .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}:where(.md-editor-scope) .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:where(.md-editor-scope) .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:where(.md-editor-scope) .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:where(.md-editor-scope) .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:where(.md-editor-scope) .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:where(.md-editor-scope) .duration-100{--tw-duration:.1s;transition-duration:.1s}:where(.md-editor-scope) .duration-120{--tw-duration:.12s;transition-duration:.12s}:where(.md-editor-scope) .duration-150{--tw-duration:.15s;transition-duration:.15s}:where(.md-editor-scope) .duration-200{--tw-duration:.2s;transition-duration:.2s}:where(.md-editor-scope) .ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}:where(.md-editor-scope) .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}:where(.md-editor-scope) .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}:where(.md-editor-scope) .outline-dashed{--tw-outline-style:dashed;outline-style:dashed}:where(.md-editor-scope) .outline-none{--tw-outline-style:none;outline-style:none}:where(.md-editor-scope) .select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){:where(.md-editor-scope) .group-hover\\:flex:is(:where(.group):hover *){display:flex}:where(.md-editor-scope) .group-hover\\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .group-hover\\:gap-1:is(:where(.group):hover *){gap:var(--spacing)}:where(.md-editor-scope) .group-hover\\:border-\\(--md-border-strong\\):is(:where(.group):hover *){border-color:var(--md-border-strong)}:where(.md-editor-scope) .group-hover\\:bg-\\(--md-inverse-surface\\):is(:where(.group):hover *){background-color:var(--md-inverse-surface)}:where(.md-editor-scope) .group-hover\\:bg-\\(--md-row-selection-bg\\):is(:where(.group):hover *){background-color:var(--md-row-selection-bg)}:where(.md-editor-scope) .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *){background-color:var(--md-text)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--md-text) 3%, transparent)}}:where(.md-editor-scope) .group-hover\\:text-\\(--md-on-inverse\\):is(:where(.group):hover *){color:var(--md-on-inverse)}:where(.md-editor-scope) .group-hover\\:text-\\(--md-text-muted\\):is(:where(.group):hover *){color:var(--md-text-muted)}:where(.md-editor-scope) .group-hover\\:text-\\(--md-text-subtle\\):is(:where(.group):hover *){color:var(--md-text-subtle)}:where(.md-editor-scope) .group-hover\\:opacity-100:is(:where(.group):hover *),:where(.md-editor-scope) .group-hover\\/badge\\:opacity-100:is(:where(.group\\/badge):hover *){opacity:1}:where(.md-editor-scope) .group-hover\\/btn\\:translate-y-0:is(:where(.group\\/btn):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .group-hover\\/btn\\:opacity-100:is(:where(.group\\/btn):hover *){opacity:1}:where(.md-editor-scope) .group-hover\\/close\\:translate-y-0:is(:where(.group\\/close):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .group-hover\\/close\\:opacity-100:is(:where(.group\\/close):hover *){opacity:1}:where(.md-editor-scope) .group-hover\\/del\\:translate-y-0:is(:where(.group\\/del):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .group-hover\\/del\\:opacity-100:is(:where(.group\\/del):hover *){opacity:1}:where(.md-editor-scope) .group-hover\\/inner\\:text-\\(--md-selection-fg\\):is(:where(.group\\/inner):hover *){color:var(--md-selection-fg)}:where(.md-editor-scope) .group-hover\\/leaf\\:opacity-100:is(:where(.group\\/leaf):hover *),:where(.md-editor-scope) .group-hover\\/nestedrow\\:opacity-100:is(:where(.group\\/nestedrow):hover *),:where(.md-editor-scope) .group-hover\\/next\\:opacity-100:is(:where(.group\\/next):hover *){opacity:1}:where(.md-editor-scope) .group-hover\\/pill\\:translate-y-0:is(:where(.group\\/pill):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .group-hover\\/pill\\:opacity-100:is(:where(.group\\/pill):hover *),:where(.md-editor-scope) .group-hover\\/prev\\:opacity-100:is(:where(.group\\/prev):hover *),:where(.md-editor-scope) .group-hover\\/row\\:opacity-100:is(:where(.group\\/row):hover *){opacity:1}:where(.md-editor-scope) .group-hover\\/vis\\:pointer-events-auto:is(:where(.group\\/vis):hover *){pointer-events:auto}:where(.md-editor-scope) .group-hover\\/vis\\:translate-y-0:is(:where(.group\\/vis):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .group-hover\\/vis\\:opacity-100:is(:where(.group\\/vis):hover *){opacity:1}}:where(.md-editor-scope) .placeholder\\:text-sm::placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:where(.md-editor-scope) .placeholder\\:text-\\(--md-text-subtle\\)::placeholder{color:var(--md-text-subtle)}:where(.md-editor-scope) .after\\:absolute:after{content:var(--tw-content);position:absolute}:where(.md-editor-scope) .after\\:top-full:after{content:var(--tw-content);top:100%}:where(.md-editor-scope) .after\\:right-2:after{content:var(--tw-content);right:calc(var(--spacing) * 2)}:where(.md-editor-scope) .after\\:right-3:after{content:var(--tw-content);right:calc(var(--spacing) * 3)}:where(.md-editor-scope) .after\\:bottom-full:after{content:var(--tw-content);bottom:100%}:where(.md-editor-scope) .after\\:left-1\\/2:after{content:var(--tw-content);left:50%}:where(.md-editor-scope) .after\\:-translate-x-1\\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.md-editor-scope) .after\\:rotate-180:after{content:var(--tw-content);rotate:180deg}:where(.md-editor-scope) .after\\:border-4:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}:where(.md-editor-scope) .after\\:border-transparent:after{content:var(--tw-content);border-color:#0000}:where(.md-editor-scope) .after\\:border-t-\\(--md-tooltip-bg\\):after,:where(.md-editor-scope) .after\\:border-t-\\[var\\(--md-tooltip-bg\\)\\]:after{content:var(--tw-content);border-top-color:var(--md-tooltip-bg)}:where(.md-editor-scope) .after\\:border-b-\\(--md-tooltip-bg\\):after{content:var(--tw-content);border-bottom-color:var(--md-tooltip-bg)}:where(.md-editor-scope) .after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}:where(.md-editor-scope) .last\\:mb-0:last-child{margin-bottom:0}:where(.md-editor-scope) .last\\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}:where(.md-editor-scope) .focus-within\\:border-\\(--md-accent\\):focus-within{border-color:var(--md-accent)}:where(.md-editor-scope) .focus-within\\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .focus-within\\:ring-\\(--md-accent\\)\\/15:focus-within{--tw-ring-color:var(--md-accent)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .focus-within\\:ring-\\(--md-accent\\)\\/15:focus-within{--tw-ring-color:color-mix(in oklab, var(--md-accent) 15%, transparent)}}@media (hover:hover){:where(.md-editor-scope) .hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.md-editor-scope) .hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.md-editor-scope) .hover\\:border-\\(--md-accent\\):hover{border-color:var(--md-accent)}:where(.md-editor-scope) .hover\\:border-\\(--md-border\\):hover{border-color:var(--md-border)}:where(.md-editor-scope) .hover\\:border-\\(--md-border-strong\\):hover{border-color:var(--md-border-strong)}:where(.md-editor-scope) .hover\\:border-\\(--md-row-selection\\):hover{border-color:var(--md-row-selection)}:where(.md-editor-scope) .hover\\:border-\\(--md-selection\\):hover{border-color:var(--md-selection)}:where(.md-editor-scope) .hover\\:border-\\(--md-text-subtle\\):hover{border-color:var(--md-text-subtle)}:where(.md-editor-scope) .hover\\:bg-\\(--md-accent\\):hover{background-color:var(--md-accent)}:where(.md-editor-scope) .hover\\:bg-\\(--md-accent-hover\\):hover{background-color:var(--md-accent-hover)}:where(.md-editor-scope) .hover\\:bg-\\(--md-accent-soft\\):hover{background-color:var(--md-accent-soft)}:where(.md-editor-scope) .hover\\:bg-\\(--md-border\\):hover{background-color:var(--md-border)}:where(.md-editor-scope) .hover\\:bg-\\(--md-danger-bg\\):hover{background-color:var(--md-danger-bg)}:where(.md-editor-scope) .hover\\:bg-\\(--md-inverse-surface\\):hover{background-color:var(--md-inverse-surface)}:where(.md-editor-scope) .hover\\:bg-\\(--md-row-selection-bg\\):hover,:where(.md-editor-scope) .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover{background-color:var(--md-row-selection-bg)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover{background-color:color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent)}}:where(.md-editor-scope) .hover\\:bg-\\(--md-selection-bg\\):hover{background-color:var(--md-selection-bg)}:where(.md-editor-scope) .hover\\:bg-\\(--md-success-bg\\):hover{background-color:var(--md-success-bg)}:where(.md-editor-scope) .hover\\:bg-\\(--md-surface-hover\\):hover,:where(.md-editor-scope) .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover{background-color:var(--md-surface-hover)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover{background-color:color-mix(in oklab, var(--md-surface-hover) 40%, transparent)}}:where(.md-editor-scope) .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover{background-color:var(--md-surface-hover)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover{background-color:color-mix(in oklab, var(--md-surface-hover) 50%, transparent)}}:where(.md-editor-scope) .hover\\:bg-\\(--md-surface-muted\\):hover{background-color:var(--md-surface-muted)}:where(.md-editor-scope) .hover\\:bg-\\[var\\(--md-danger-bg\\)\\]:hover{background-color:var(--md-danger-bg)}:where(.md-editor-scope) .hover\\:bg-\\[var\\(--md-row-selection-bg\\)\\]:hover{background-color:var(--md-row-selection-bg)}:where(.md-editor-scope) .hover\\:bg-\\[var\\(--md-surface-hover\\)\\]:hover{background-color:var(--md-surface-hover)}:where(.md-editor-scope) .hover\\:text-\\(--md-accent\\):hover{color:var(--md-accent)}:where(.md-editor-scope) .hover\\:text-\\(--md-danger\\):hover{color:var(--md-danger)}:where(.md-editor-scope) .hover\\:text-\\(--md-info-fg\\):hover{color:var(--md-info-fg)}:where(.md-editor-scope) .hover\\:text-\\(--md-on-accent\\):hover{color:var(--md-on-accent)}:where(.md-editor-scope) .hover\\:text-\\(--md-on-inverse-muted\\):hover{color:var(--md-on-inverse-muted)}:where(.md-editor-scope) .hover\\:text-\\(--md-row-selection-fg\\):hover{color:var(--md-row-selection-fg)}:where(.md-editor-scope) .hover\\:text-\\(--md-selection\\):hover{color:var(--md-selection)}:where(.md-editor-scope) .hover\\:text-\\(--md-selection-fg\\):hover{color:var(--md-selection-fg)}:where(.md-editor-scope) .hover\\:text-\\(--md-success-fg\\):hover{color:var(--md-success-fg)}:where(.md-editor-scope) .hover\\:text-\\(--md-text\\):hover{color:var(--md-text)}:where(.md-editor-scope) .hover\\:text-\\(--md-text-muted\\):hover{color:var(--md-text-muted)}:where(.md-editor-scope) .hover\\:text-\\(--md-text-subtle\\):hover{color:var(--md-text-subtle)}:where(.md-editor-scope) .hover\\:text-\\[var\\(--md-danger\\)\\]:hover{color:var(--md-danger)}:where(.md-editor-scope) .hover\\:text-\\[var\\(--md-row-selection-fg\\)\\]:hover{color:var(--md-row-selection-fg)}:where(.md-editor-scope) .hover\\:text-\\[var\\(--md-text\\)\\]:hover{color:var(--md-text)}:where(.md-editor-scope) .hover\\:no-underline:hover{text-decoration-line:none}:where(.md-editor-scope) .hover\\:underline:hover{text-decoration-line:underline}:where(.md-editor-scope) .hover\\:opacity-80:hover{opacity:.8}:where(.md-editor-scope) .hover\\:opacity-90\\!:hover{opacity:.9!important}:where(.md-editor-scope) .hover\\:opacity-100:hover{opacity:1}:where(.md-editor-scope) .hover\\:shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.07\\)\\]:hover{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .hover\\:shadow-\\[0_8px_24px_-12px_rgba\\(67\\,56\\,202\\,0\\.25\\)\\]:hover{--tw-shadow:0 8px 24px -12px var(--tw-shadow-color,#4338ca40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:where(.md-editor-scope) .focus\\:border-\\(--md-accent\\):focus{border-color:var(--md-accent)}:where(.md-editor-scope) .focus\\:border-\\(--md-border-strong\\):focus{border-color:var(--md-border-strong)}:where(.md-editor-scope) .focus\\:border-\\(--md-row-selection\\):focus{border-color:var(--md-row-selection)}:where(.md-editor-scope) .focus\\:bg-\\(--md-surface\\):focus{background-color:var(--md-surface)}:where(.md-editor-scope) .focus\\:bg-\\(--md-surface-hover\\):focus{background-color:var(--md-surface-hover)}:where(.md-editor-scope) .focus\\:opacity-100:focus{opacity:1}:where(.md-editor-scope) .focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .focus\\:ring-\\[1px\\]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where(.md-editor-scope) .focus\\:ring-\\(--md-accent\\)\\/15:focus{--tw-ring-color:var(--md-accent)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .focus\\:ring-\\(--md-accent\\)\\/15:focus{--tw-ring-color:color-mix(in oklab, var(--md-accent) 15%, transparent)}}:where(.md-editor-scope) .focus\\:ring-\\(--md-danger\\):focus{--tw-ring-color:var(--md-danger)}:where(.md-editor-scope) .focus\\:ring-\\(--md-row-selection\\):focus{--tw-ring-color:var(--md-row-selection)}:where(.md-editor-scope) .focus\\:ring-\\(--md-selection\\):focus{--tw-ring-color:var(--md-selection)}:where(.md-editor-scope) .focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}:where(.md-editor-scope) .active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:where(.md-editor-scope) .active\\:cursor-grabbing:active{cursor:grabbing}:where(.md-editor-scope) .active\\:bg-\\(--md-border\\):active{background-color:var(--md-border)}:where(.md-editor-scope) .active\\:bg-\\(--md-selection\\)\\/20:active{background-color:var(--md-selection)}@supports (color:color-mix(in lab, red, red)){:where(.md-editor-scope) .active\\:bg-\\(--md-selection\\)\\/20:active{background-color:color-mix(in oklab, var(--md-selection) 20%, transparent)}}:where(.md-editor-scope) .active\\:bg-\\(--md-surface-muted\\):active{background-color:var(--md-surface-muted)}:where(.md-editor-scope) .active\\:bg-\\[var\\(--md-border\\)\\]:active{background-color:var(--md-border)}:where(.md-editor-scope) .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}:where(.md-editor-scope) .disabled\\:opacity-30:disabled{opacity:.3}:where(.md-editor-scope) .disabled\\:opacity-40:disabled{opacity:.4}:where(.md-editor-scope) .disabled\\:opacity-50:disabled{opacity:.5}@media (width>=40rem){:where(.md-editor-scope) .sm\\:col-span-1{grid-column:span 1/span 1}:where(.md-editor-scope) .sm\\:col-span-3{grid-column:span 3/span 3}:where(.md-editor-scope) .sm\\:col-span-4{grid-column:span 4/span 4}:where(.md-editor-scope) .sm\\:mt-0{margin-top:0}:where(.md-editor-scope) .sm\\:grid{display:grid}:where(.md-editor-scope) .sm\\:hidden{display:none}:where(.md-editor-scope) .sm\\:min-w-105{min-width:calc(var(--spacing) * 105)}:where(.md-editor-scope) .sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.md-editor-scope) .sm\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}:where(.md-editor-scope) .sm\\:justify-center{justify-content:center}}@media (width>=48rem){:where(.md-editor-scope) .md\\:inline-flex{display:inline-flex}}@media (width>=64rem){:where(.md-editor-scope) .lg\\:sticky{position:sticky}:where(.md-editor-scope) .lg\\:left-0{left:0}:where(.md-editor-scope) .lg\\:block{display:block}:where(.md-editor-scope) .lg\\:h-13{height:calc(var(--spacing) * 13)}:where(.md-editor-scope) .lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.md-editor-scope) .lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.md-editor-scope) .lg\\:flex-row{flex-direction:row}:where(.md-editor-scope) .lg\\:items-center{align-items:center}:where(.md-editor-scope) .lg\\:justify-between{justify-content:space-between}:where(.md-editor-scope) .lg\\:overflow-visible{overflow:visible}}@media (width>=80rem){:where(.md-editor-scope) .xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=96rem){:where(.md-editor-scope) .\\32 xl\\:container{width:100%}@media (width>=40rem){:where(.md-editor-scope) .\\32 xl\\:container{max-width:40rem}}@media (width>=48rem){:where(.md-editor-scope) .\\32 xl\\:container{max-width:48rem}}@media (width>=64rem){:where(.md-editor-scope) .\\32 xl\\:container{max-width:64rem}}@media (width>=80rem){:where(.md-editor-scope) .\\32 xl\\:container{max-width:80rem}}@media (width>=96rem){:where(.md-editor-scope) .\\32 xl\\:container{max-width:96rem}}:where(.md-editor-scope) .\\32 xl\\:mx-auto{margin-inline:auto}}:where(.md-editor-scope) .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}:where(.md-editor-scope) .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}}.md-editor-scope,.md-editor-scope{--md-primary:#4a7c59;--md-primary-hover:#3a5a40;--md-on-primary:#fff;--md-background:#f8fafc;--md-surface:#fff;--md-surface-muted:#f3f4f6;--md-surface-hover:#f9fafb;--md-text:#111827;--md-text-muted:#6b7280;--md-text-subtle:#9ca3af;--md-border:#e5e7eb;--md-border-strong:#d1d5db;--md-danger:#ef4444;--md-on-danger:#fff;--md-success:#22c55e;--md-warning:#f59e0b;--md-info:#0a5bdd;--md-shadow:0 8px 30px #0000001f;--md-header-bg:var(--md-surface);--md-header-text:var(--md-text);--md-header-border:var(--md-border);--md-sidebar-bg:var(--md-surface);--md-sidebar-text:var(--md-text);--md-sidebar-border:var(--md-border);--md-accent-bg:var(--md-primary);--md-accent-text:var(--md-on-primary);--md-canvas-bg:var(--md-background);--md-overlay-bg:var(--md-surface);--md-overlay-text:var(--md-text);--md-overlay-border:var(--md-border);--md-overlay-shadow:var(--md-shadow);--md-scrim:#0006;--md-toolbar-bg:var(--md-surface);--md-toolbar-text:var(--md-text);--md-toolbar-border:var(--md-border);--md-selection:#4ade80;--md-selection-bg:#f0fdf4;--md-selection-fg:#16a34a;--md-row-selection:#16919b;--md-row-selection-bg:#e2f2f3;--md-row-selection-fg:#0f6e75;--md-tooltip-bg:#111827;--md-tooltip-text:#fff;--md-button-primary-bg:var(--md-primary);--md-button-primary-text:var(--md-on-primary);--md-button-primary-hover-bg:var(--md-primary-hover);--md-button-secondary-bg:var(--md-surface-muted);--md-button-secondary-text:var(--md-text);--md-button-secondary-hover-bg:var(--md-border);--md-success-bg:#f0fdf4;--md-success-fg:#166534;--md-success-border:#bbf7d0;--md-info-bg:#eff6ff;--md-info-fg:#1e40af;--md-info-border:#bfdbfe;--md-warning-bg:#fffbeb;--md-warning-fg:#92400e;--md-warning-border:#fde68a;--md-danger-bg:#fef2f2;--md-danger-fg:#991b1b;--md-danger-border:#fecaca;--md-inverse-surface:#111;--md-on-inverse:#fafaf7;--md-on-inverse-muted:#a8b3ab;--md-accent:#0f6e75;--md-accent-hover:#0a555b;--md-on-accent:#fff;--md-accent-soft:#e2f2f3;--md-accent-border:#0f6e753d}.md-editor-scope.dark,.md-editor-scope.dark,.md-editor-scope.dark{--md-primary:#5c996c;--md-primary-hover:#3f6b4c;--md-on-primary:#052e16;--md-background:#09090b;--md-surface:#111113;--md-surface-muted:#18181b;--md-surface-hover:#202023;--md-text:#f4f4f5;--md-text-muted:#a1a1aa;--md-text-subtle:#71717a;--md-border:#27272a;--md-border-strong:#3f3f46;--md-success:#22c55e;--md-warning:#f59e0b;--md-danger:#ef4444;--md-on-danger:#fff;--md-info:#60a5fa;--md-shadow:0 20px 60px #0000008c, 0 4px 16px #00000059;--md-scrim:#000000ad;--md-header-bg:#111113;--md-header-text:#f4f4f5;--md-header-border:#27272a;--md-sidebar-bg:#111113;--md-sidebar-text:#f4f4f5;--md-sidebar-border:#27272a;--md-accent-bg:#5c996c;--md-accent-text:#052e16;--md-canvas-bg:#09090b;--md-overlay-bg:#18181b;--md-overlay-text:#f4f4f5;--md-overlay-border:#3f3f46;--md-overlay-shadow:var(--md-shadow);--md-toolbar-bg:#111113;--md-toolbar-text:#f4f4f5;--md-toolbar-border:#27272a;--md-selection:#5c996c;--md-selection-bg:#052e16;--md-selection-fg:#4ade80;--md-row-selection:#f59e0b;--md-row-selection-bg:#451a03;--md-row-selection-fg:#fbbf24;--md-tooltip-bg:#f4f4f5;--md-tooltip-text:#18181b;--md-button-primary-bg:#5c996c;--md-button-primary-text:#052e16;--md-button-primary-hover-bg:#4ade80;--md-button-secondary-bg:#27272a;--md-button-secondary-text:#f4f4f5;--md-button-secondary-hover-bg:#3f3f46;--md-success-bg:#052e16;--md-success-fg:#4ade80;--md-success-border:#166534;--md-info-bg:#172554;--md-info-fg:#93c5fd;--md-info-border:#1d4ed8;--md-warning-bg:#451a03;--md-warning-fg:#fbbf24;--md-warning-border:#92400e;--md-danger-bg:#450a0a;--md-danger-fg:#f87171;--md-danger-border:#991b1b;--md-inverse-surface:#09090b;--md-on-inverse:#f4f4f5;--md-on-inverse-muted:#52525b;--md-accent:#22c55e;--md-accent-hover:#4ade80;--md-on-accent:#052e16;--md-accent-soft:#052e16;--md-accent-border:#22c55e4d}:where(.md-editor-scope) input[type=number]{-moz-appearance:textfield}:where(.md-editor-scope) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:where(.md-editor-scope) input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:where(.md-editor-scope) input[type=range]{-webkit-appearance:none;background:0 0}:where(.md-editor-scope) input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--md-on-primary);border:1.5px solid var(--md-border-strong);cursor:pointer;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;transition:border-color .1s,transform .1s;box-shadow:0 1px 2px #0000001a}:where(.md-editor-scope) input[type=range]::-webkit-slider-thumb:hover{border-color:var(--md-selection);transform:scale(1.15)}:where(.md-editor-scope) input[type=range]::-webkit-slider-runnable-track{background:var(--md-border);border-radius:9999px;width:100%;height:3px}:where(.md-editor-scope) input[type=range]::-moz-range-thumb{background:var(--md-on-primary);border:1.5px solid var(--md-border-strong);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #0000001a}:where(.md-editor-scope) input[type=range]::-moz-range-track{background:var(--md-border);border-radius:9999px;height:3px}:where(.md-editor-scope) button:focus,:where(.md-editor-scope) button:focus-visible,:where(.md-editor-scope) input[type=range]:focus,:where(.md-editor-scope) select:focus{box-shadow:none!important;outline:none!important}:where(.md-editor-scope) .md-surface-header{background:var(--md-header-bg);color:var(--md-header-text);border-bottom:1px solid var(--md-header-border)}:where(.md-editor-scope) .md-surface-sidebar{background:var(--md-sidebar-bg);color:var(--md-sidebar-text);border:1px solid var(--md-sidebar-border)}:where(.md-editor-scope) .md-surface-overlay{background:var(--md-overlay-bg);color:var(--md-overlay-text);border:1px solid var(--md-overlay-border);box-shadow:var(--md-overlay-shadow)}:where(.md-editor-scope) .md-surface-toolbar{background:var(--md-toolbar-bg);color:var(--md-toolbar-text);border:1px solid var(--md-toolbar-border);box-shadow:var(--md-overlay-shadow)}:where(.md-editor-scope) .md-surface-canvas{background:var(--md-canvas-bg)}:where(.md-editor-scope) .md-btn-primary{background:var(--md-button-primary-bg);color:var(--md-button-primary-text)}:where(.md-editor-scope) .md-btn-primary:not(:disabled):hover{background:var(--md-button-primary-hover-bg)}:where(.md-editor-scope) .md-surface-sidebar-inner{color:var(--md-sidebar-text);background:0 0}:where(.md-editor-scope) .md-tabstrip{border-bottom:1px solid var(--md-sidebar-border)}:where(.md-editor-scope) .md-tab-active{color:var(--md-sidebar-text)}:where(.md-editor-scope) .md-tab-idle{color:var(--md-text-subtle)}:where(.md-editor-scope) .md-tab-idle:hover{color:var(--md-text-muted)}:where(.md-editor-scope) .md-segmented{border:1px solid var(--md-border)}:where(.md-editor-scope) .md-segment-active{background:var(--md-accent-bg);color:var(--md-accent-text)}:where(.md-editor-scope) .md-segment-idle{background:var(--md-sidebar-bg);color:var(--md-text-muted)}:where(.md-editor-scope) .md-segment-idle:hover{background:var(--md-surface-hover)}:where(.md-editor-scope) .md-segment-divider{border-right:1px solid var(--md-border)}:where(.md-editor-scope) .mg-md-input{width:100%;color:var(--md-text);background:var(--md-surface);border:1px solid var(--md-border);border-radius:.375rem;outline:none;padding:.325rem .625rem;font-size:13px;line-height:1.25rem;transition:border-color .15s,box-shadow .15s}:where(.md-editor-scope) .mg-md-input::placeholder{color:var(--md-text-subtle)}:where(.md-editor-scope) .mg-md-input:focus{border-color:var(--md-primary)}:where(.md-editor-scope) .mg-md-input:disabled{background:var(--md-surface-hover);color:var(--md-text-subtle);cursor:not-allowed}:where(.md-editor-scope) .mg-md-input--invalid{border-color:var(--md-danger)}:where(.md-editor-scope) .mg-md-input--invalid:focus{border-color:var(--md-danger);box-shadow:0 0 0 1px var(--md-danger)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@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}}`, ta = '@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,800,900&display=swap";';
|
|
@@ -78,29 +78,29 @@ function ia(t) {
|
|
|
78
78
|
};
|
|
79
79
|
const l = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), u = (i) => {
|
|
80
80
|
if (l.has(i)) return;
|
|
81
|
-
const
|
|
82
|
-
|
|
81
|
+
const m = document.createElement("style");
|
|
82
|
+
m.setAttribute("data-maildeno-dev-mirror", ""), m.textContent = i.textContent, t.appendChild(m), l.set(i, {
|
|
83
83
|
source: i,
|
|
84
|
-
clone:
|
|
84
|
+
clone: m
|
|
85
85
|
});
|
|
86
86
|
const s = new MutationObserver(() => {
|
|
87
|
-
|
|
87
|
+
m.textContent = i.textContent;
|
|
88
88
|
});
|
|
89
89
|
s.observe(i, {
|
|
90
90
|
characterData: !0,
|
|
91
91
|
childList: !0,
|
|
92
92
|
subtree: !0
|
|
93
93
|
}), o.set(i, s);
|
|
94
|
-
},
|
|
94
|
+
}, p = (i) => {
|
|
95
95
|
l.get(i)?.clone.remove(), l.delete(i), o.get(i)?.disconnect(), o.delete(i);
|
|
96
96
|
};
|
|
97
97
|
document.head.querySelectorAll("style").forEach(u);
|
|
98
98
|
const d = new MutationObserver((i) => {
|
|
99
|
-
for (const
|
|
100
|
-
|
|
99
|
+
for (const m of i)
|
|
100
|
+
m.addedNodes.forEach((s) => {
|
|
101
101
|
s instanceof HTMLStyleElement && u(s);
|
|
102
|
-
}),
|
|
103
|
-
s instanceof HTMLStyleElement &&
|
|
102
|
+
}), m.removedNodes.forEach((s) => {
|
|
103
|
+
s instanceof HTMLStyleElement && p(s);
|
|
104
104
|
});
|
|
105
105
|
});
|
|
106
106
|
return d.observe(document.head, { childList: !0 }), () => {
|
|
@@ -119,11 +119,11 @@ var sa = ["href"], da = [
|
|
|
119
119
|
__name: "AnchorRenderer",
|
|
120
120
|
props: { component: {} },
|
|
121
121
|
setup(t) {
|
|
122
|
-
const l = t, { linkTagPreviewContext: o, linkTagPreviewActive: u, previewMode:
|
|
122
|
+
const l = t, { linkTagPreviewContext: o, linkTagPreviewActive: u, previewMode: p, linksActive: d } = ke(), { loadGoogleFont: i } = $t(), m = (C) => {
|
|
123
123
|
d.value || C.preventDefault();
|
|
124
124
|
}, s = L(() => {
|
|
125
125
|
const C = l.component.props;
|
|
126
|
-
if (
|
|
126
|
+
if (p.value !== "mobile" || !C.mobile) return C;
|
|
127
127
|
const _ = { ...C };
|
|
128
128
|
return Object.entries(C.mobile).forEach(([D, V]) => {
|
|
129
129
|
V != null && (_[D] = V);
|
|
@@ -176,7 +176,7 @@ var sa = ["href"], da = [
|
|
|
176
176
|
};
|
|
177
177
|
}), z = L(() => {
|
|
178
178
|
const { mobileHide: C, desktopHide: _ } = l.component.props;
|
|
179
|
-
return
|
|
179
|
+
return p.value === "mobile" && C || p.value === "desktop" && _ ? "opacity-30" : "";
|
|
180
180
|
}), F = L(() => {
|
|
181
181
|
if (!v.value) return {};
|
|
182
182
|
const C = (s.value.iconSize ?? 20) + "px", _ = (s.value.iconGap ?? 8) + "px";
|
|
@@ -197,7 +197,7 @@ var sa = ["href"], da = [
|
|
|
197
197
|
style: xe(S.value),
|
|
198
198
|
target: "_blank",
|
|
199
199
|
rel: "noopener noreferrer nofollow",
|
|
200
|
-
onClick:
|
|
200
|
+
onClick: m
|
|
201
201
|
}, [v.value ? (r(), n(te, { key: 1 }, [
|
|
202
202
|
h.value ? (r(), n("img", {
|
|
203
203
|
key: 0,
|
|
@@ -242,10 +242,10 @@ function nt(t, l) {
|
|
|
242
242
|
if (l.value === "desktop") return T.props[$];
|
|
243
243
|
const I = T.props.mobile?.[$];
|
|
244
244
|
return I ?? T.props[$];
|
|
245
|
-
},
|
|
245
|
+
}, p = ($) => l.value === "mobile" && t.value?.props.mobile?.[$] !== null && t.value?.props.mobile?.[$] !== void 0, d = p, i = ($, T) => {
|
|
246
246
|
const I = t.value;
|
|
247
247
|
I && (l.value === "desktop" ? I.props[$] = T : (I.props.mobile || (I.props.mobile = {}), I.props.mobile[$] = T), o(`set-${$}`));
|
|
248
|
-
},
|
|
248
|
+
}, m = ($) => {
|
|
249
249
|
const T = t.value;
|
|
250
250
|
!T || l.value !== "mobile" || !T.props.mobile || (T.props.mobile[$] = null, o(`reset-${$}`));
|
|
251
251
|
}, s = ($, T = 1) => {
|
|
@@ -350,10 +350,10 @@ function nt(t, l) {
|
|
|
350
350
|
});
|
|
351
351
|
return {
|
|
352
352
|
displayValue: u,
|
|
353
|
-
isOverridden:
|
|
353
|
+
isOverridden: p,
|
|
354
354
|
canReset: d,
|
|
355
355
|
setProp: i,
|
|
356
|
-
resetProp:
|
|
356
|
+
resetProp: m,
|
|
357
357
|
incrementProp: s,
|
|
358
358
|
decrementProp: g,
|
|
359
359
|
displayBorderValue: c,
|
|
@@ -386,13 +386,13 @@ var lo = (t, l = "link") => {
|
|
|
386
386
|
const o = K(l), u = K({});
|
|
387
387
|
return {
|
|
388
388
|
lastFocusedField: o,
|
|
389
|
-
trackCursor: (i,
|
|
390
|
-
const s =
|
|
389
|
+
trackCursor: (i, m) => {
|
|
390
|
+
const s = m.target;
|
|
391
391
|
o.value = i, u.value[i] = s.selectionStart;
|
|
392
392
|
},
|
|
393
|
-
handleTagInsert: ({ tag: i, default:
|
|
393
|
+
handleTagInsert: ({ tag: i, default: m }, s) => {
|
|
394
394
|
if (!t.value) return;
|
|
395
|
-
const g =
|
|
395
|
+
const g = m?.trim() ? `{{ ${i}|'${m.trim()}' }}` : `{{ ${i} }}`, c = o.value, f = t.value.props[c] ?? "", v = u.value[c] ?? f.length;
|
|
396
396
|
t.value.props[c] = f.slice(0, v) + g + f.slice(v), Ee(() => {
|
|
397
397
|
const h = s?.[c], y = h?.$el instanceof HTMLInputElement ? h.$el : h?.$el?.querySelector("input") ?? null;
|
|
398
398
|
if (!y) return;
|
|
@@ -430,13 +430,13 @@ function pa(t, l, o) {
|
|
|
430
430
|
}
|
|
431
431
|
function Lt() {
|
|
432
432
|
const t = xo();
|
|
433
|
-
async function l(o, u,
|
|
433
|
+
async function l(o, u, p, d) {
|
|
434
434
|
const i = URL.createObjectURL(o);
|
|
435
435
|
u(i);
|
|
436
436
|
try {
|
|
437
|
-
No(o),
|
|
438
|
-
} catch (
|
|
439
|
-
const s =
|
|
437
|
+
No(o), p(await t.uploadImage(o), () => URL.revokeObjectURL(i));
|
|
438
|
+
} catch (m) {
|
|
439
|
+
const s = m instanceof bo ? m.message : "Upload failed. Please try again.";
|
|
440
440
|
URL.revokeObjectURL(i), d(s);
|
|
441
441
|
}
|
|
442
442
|
}
|
|
@@ -467,10 +467,10 @@ var va = {
|
|
|
467
467
|
} },
|
|
468
468
|
emits: ["update:modelValue"],
|
|
469
469
|
setup(t, { emit: l }) {
|
|
470
|
-
const { previewMode: o } = ke(), u = t,
|
|
471
|
-
o.value =
|
|
472
|
-
}, i = (
|
|
473
|
-
return (
|
|
470
|
+
const { previewMode: o } = ke(), u = t, p = l, d = (m) => {
|
|
471
|
+
o.value = m, p("update:modelValue", m);
|
|
472
|
+
}, i = (m) => u.modelValue === m ? "bg-(--md-surface) text-(--md-text) shadow-[0_1px_3px_rgba(0,0,0,0.08),0_0_0_0.5px_rgba(0,0,0,0.08)]" : "text-(--md-text-subtle) hover:text-(--md-text-muted)";
|
|
473
|
+
return (m, s) => (r(), n("div", ba, [e("button", {
|
|
474
474
|
onClick: s[0] || (s[0] = (g) => d("desktop")),
|
|
475
475
|
class: N([i("desktop"), "flex-1 flex items-center justify-center gap-1.5 px-3.5 py-1.5 rounded-lg text-[13px] font-medium transition-all duration-120"]),
|
|
476
476
|
"aria-pressed": t.modelValue === "desktop"
|
|
@@ -536,21 +536,21 @@ var va = {
|
|
|
536
536
|
},
|
|
537
537
|
emits: ["insert", "focus"],
|
|
538
538
|
setup(t, { emit: l }) {
|
|
539
|
-
const { saveToHistory: o } = ke(), u = t,
|
|
539
|
+
const { saveToHistory: o } = ke(), u = t, p = l, d = L(() => u.availableFields ?? ["text", "link"]), i = {
|
|
540
540
|
text: "Link text",
|
|
541
541
|
link: "URL",
|
|
542
542
|
src: "URL",
|
|
543
543
|
alt: "Alt text",
|
|
544
544
|
fallbackLink: "Fallback link",
|
|
545
545
|
coverImage: "Cover image"
|
|
546
|
-
},
|
|
546
|
+
}, m = (y) => u.fieldLabels?.[y] ?? i[y] ?? y.replace(/([A-Z])/g, " $1").replace(/^./, (S) => S.toUpperCase()), s = K(null), g = K(""), c = K(""), f = L(() => {
|
|
547
547
|
const y = g.value.trim().toLowerCase().replace(/\s+/g, "_");
|
|
548
548
|
return y ? c.value.trim() ? `{{ ${y}|'${c.value.trim()}' }}` : `{{ ${y} }}` : "";
|
|
549
549
|
}), v = (y) => {
|
|
550
550
|
g.value = y, c.value = "", h();
|
|
551
551
|
}, h = () => {
|
|
552
552
|
const y = g.value.trim().toLowerCase().replace(/\s+/g, "_");
|
|
553
|
-
y && (
|
|
553
|
+
y && (p("insert", {
|
|
554
554
|
tag: y,
|
|
555
555
|
default: c.value.trim()
|
|
556
556
|
}), g.value = "", c.value = "", o("merge-tag-insert-link"), Ee(() => s.value?.focus()));
|
|
@@ -561,7 +561,7 @@ var va = {
|
|
|
561
561
|
key: z,
|
|
562
562
|
onClick: (F) => y.$emit("focus", z),
|
|
563
563
|
class: N(["text-[10px] px-2 py-0.5 rounded-full border transition-all focus:outline-none", t.lastFocusedField === z ? "bg-(--md-text) text-(--md-surface) border-(--md-text)" : "bg-(--md-surface) text-(--md-text-subtle) border-(--md-border) hover:border-(--md-border-strong)"])
|
|
564
|
-
}, R(
|
|
564
|
+
}, R(m(z)), 11, Ca))), 128))])) : M("", !0),
|
|
565
565
|
e("div", Sa, [(r(!0), n(te, null, ce(t.defaultTags, (z) => (r(), n("div", {
|
|
566
566
|
key: z,
|
|
567
567
|
class: "relative group/pill"
|
|
@@ -623,7 +623,7 @@ var va = {
|
|
|
623
623
|
setup(t) {
|
|
624
624
|
const l = K(!0);
|
|
625
625
|
return (o, u) => (r(), n("div", ja, [e("button", {
|
|
626
|
-
onClick: u[0] || (u[0] = (
|
|
626
|
+
onClick: u[0] || (u[0] = (p) => l.value = !l.value),
|
|
627
627
|
class: "w-full flex items-center justify-between text-left group focus:outline-none"
|
|
628
628
|
}, [e("h3", Ha, R(t.title), 1), (r(), n("svg", {
|
|
629
629
|
class: N(["w-3.5 h-3.5 text-(--md-text-muted) group-hover:text-(--md-text-subtle) transition-all duration-200", { "-rotate-90": !l.value }]),
|
|
@@ -680,7 +680,7 @@ var va = {
|
|
|
680
680
|
},
|
|
681
681
|
emits: ["update:modelValue", "reset"],
|
|
682
682
|
setup(t, { emit: l }) {
|
|
683
|
-
const o = t, u = l,
|
|
683
|
+
const o = t, u = l, p = (g) => {
|
|
684
684
|
const c = parseFloat(g.target.value);
|
|
685
685
|
isNaN(c) || u("update:modelValue", c);
|
|
686
686
|
}, d = () => {
|
|
@@ -689,7 +689,7 @@ var va = {
|
|
|
689
689
|
}, i = (g) => {
|
|
690
690
|
let c = parseFloat(g.target.value);
|
|
691
691
|
o.step < 1 && (c = parseFloat(c.toFixed(1))), u("update:modelValue", c);
|
|
692
|
-
},
|
|
692
|
+
}, m = () => {
|
|
693
693
|
if (o.modelValue >= o.max) return;
|
|
694
694
|
let g = o.modelValue + o.step;
|
|
695
695
|
g > o.max && (g = o.max), o.step < 1 && (g = parseFloat(g.toFixed(1))), u("update:modelValue", g);
|
|
@@ -714,14 +714,14 @@ var va = {
|
|
|
714
714
|
}, null, 40, qa),
|
|
715
715
|
e("div", Ya, [e("input", {
|
|
716
716
|
value: t.modelValue,
|
|
717
|
-
onInput:
|
|
717
|
+
onInput: p,
|
|
718
718
|
onBlur: d,
|
|
719
719
|
type: "text",
|
|
720
720
|
inputmode: t.step === 1 ? "numeric" : "decimal",
|
|
721
721
|
class: "w-10 py-1 text-[12px] text-center border-0 focus:outline-none text-(--md-text-muted) bg-transparent"
|
|
722
722
|
}, null, 40, Ka), e("div", Ja, [
|
|
723
723
|
e("button", {
|
|
724
|
-
onClick:
|
|
724
|
+
onClick: m,
|
|
725
725
|
type: "button",
|
|
726
726
|
class: N(["w-4 h-3.25 flex items-center justify-center hover:bg-(--md-surface-hover) transition-colors focus:outline-none", { "opacity-25 cursor-not-allowed": t.modelValue >= t.max }]),
|
|
727
727
|
disabled: t.modelValue >= t.max
|
|
@@ -773,7 +773,7 @@ var va = {
|
|
|
773
773
|
},
|
|
774
774
|
emits: ["update:modelValue", "reset"],
|
|
775
775
|
setup(t, { emit: l }) {
|
|
776
|
-
const o = t, u = l,
|
|
776
|
+
const o = t, u = l, p = [
|
|
777
777
|
{
|
|
778
778
|
key: "topLeft",
|
|
779
779
|
label: "Top left"
|
|
@@ -791,7 +791,7 @@ var va = {
|
|
|
791
791
|
label: "Bottom right"
|
|
792
792
|
}
|
|
793
793
|
], d = L(() => typeof o.modelValue == "object"), i = L(() => Er(o.modelValue));
|
|
794
|
-
function
|
|
794
|
+
function m() {
|
|
795
795
|
u("update:modelValue", d.value ? i.value.topLeft : i.value);
|
|
796
796
|
}
|
|
797
797
|
function s(g, c) {
|
|
@@ -806,7 +806,7 @@ var va = {
|
|
|
806
806
|
"aria-pressed": !d.value,
|
|
807
807
|
title: d.value ? "Use one radius for all corners" : "Set each corner separately",
|
|
808
808
|
class: "w-7 h-7 flex items-center justify-center text-(--md-text-subtle) hover:text-(--md-selection) hover:bg-(--md-surface-hover) rounded-md transition-colors",
|
|
809
|
-
onClick:
|
|
809
|
+
onClick: m
|
|
810
810
|
}, [b(ge, {
|
|
811
811
|
name: d.value ? "lock-open" : "lock",
|
|
812
812
|
style: { "font-size": "13px" }
|
|
@@ -815,7 +815,7 @@ var va = {
|
|
|
815
815
|
type: "button",
|
|
816
816
|
class: "text-[11px] text-(--md-selection-fg) hover:opacity-80 transition-colors",
|
|
817
817
|
onClick: c[0] || (c[0] = (f) => g.$emit("reset"))
|
|
818
|
-
}, " ↩ Reset ")) : M("", !0)])]), d.value ? (r(), n("div", nl, [(r(), n(te, null, ce(
|
|
818
|
+
}, " ↩ Reset ")) : M("", !0)])]), d.value ? (r(), n("div", nl, [(r(), n(te, null, ce(p, (f) => b(Me, {
|
|
819
819
|
key: f.key,
|
|
820
820
|
class: "corner-input",
|
|
821
821
|
label: f.label,
|
|
@@ -885,21 +885,21 @@ var va = {
|
|
|
885
885
|
},
|
|
886
886
|
emits: ["update:modelValue", "reset"],
|
|
887
887
|
setup(t, { emit: l }) {
|
|
888
|
-
const o = t, u = l,
|
|
888
|
+
const o = t, u = l, p = K(null), d = K(!1), i = L(() => o.modelValue === "transparent"), m = (f) => {
|
|
889
889
|
const v = f.composedPath();
|
|
890
|
-
|
|
890
|
+
p.value && v.includes(p.value) || v.some((h) => h instanceof Element && h.hasAttribute("data-color-panel")) || s();
|
|
891
891
|
}, s = () => {
|
|
892
|
-
d.value = !1, document.removeEventListener("pointerdown",
|
|
892
|
+
d.value = !1, document.removeEventListener("pointerdown", m, !0);
|
|
893
893
|
}, g = () => {
|
|
894
|
-
d.value ? s() : (d.value = !0, setTimeout(() => document.addEventListener("pointerdown",
|
|
894
|
+
d.value ? s() : (d.value = !0, setTimeout(() => document.addEventListener("pointerdown", m, !0), 0));
|
|
895
895
|
}, c = (f) => {
|
|
896
896
|
s(), u("update:modelValue", f ? "transparent" : "#ffffff");
|
|
897
897
|
};
|
|
898
898
|
return Vt(() => {
|
|
899
|
-
document.removeEventListener("pointerdown",
|
|
899
|
+
document.removeEventListener("pointerdown", m, !0);
|
|
900
900
|
}), (f, v) => (r(), n(te, null, [t.bare ? (r(), n("div", sl, [e("button", {
|
|
901
901
|
ref_key: "triggerRef",
|
|
902
|
-
ref:
|
|
902
|
+
ref: p,
|
|
903
903
|
class: N(["w-5.25 h-5.25 rounded-full border border-(--md-text)/10 shrink-0 cursor-pointer transition-all hover:scale-110 hover:shadow-sm focus:outline-none", i.value ? "transparent-swatch" : ""]),
|
|
904
904
|
style: xe(i.value ? {} : { background: t.modelValue }),
|
|
905
905
|
"aria-label": `Color: ${t.modelValue}`,
|
|
@@ -926,7 +926,7 @@ var va = {
|
|
|
926
926
|
}, [e("span", { class: N(["absolute top-0.5 h-3.25 w-3.5 rounded-full bg-(--md-surface) shadow-sm transition-all duration-200", i.value ? "left-3.5" : "left-0.75"]) }, null, 2)], 10, gl), v[5] || (v[5] = e("span", { class: "text-xs text-(--md-text-muted)" }, "Transparent", -1))])) : M("", !0),
|
|
927
927
|
i.value ? M("", !0) : (r(), n("div", bl, [e("button", {
|
|
928
928
|
ref_key: "triggerRef",
|
|
929
|
-
ref:
|
|
929
|
+
ref: p,
|
|
930
930
|
class: "w-5.25 h-5.25 rounded-full border border-(--md-text)/10 shrink-0 cursor-pointer transition-all hover:scale-110 hover:shadow-sm focus:outline-none",
|
|
931
931
|
style: xe({ background: t.modelValue }),
|
|
932
932
|
"aria-label": `Pick color: ${t.modelValue}`,
|
|
@@ -942,7 +942,7 @@ var va = {
|
|
|
942
942
|
])), d.value ? (r(), oe(Wr, {
|
|
943
943
|
key: 2,
|
|
944
944
|
"model-value": t.modelValue,
|
|
945
|
-
anchor:
|
|
945
|
+
anchor: p.value,
|
|
946
946
|
"onUpdate:modelValue": v[4] || (v[4] = (h) => f.$emit("update:modelValue", h)),
|
|
947
947
|
onClose: s
|
|
948
948
|
}, null, 8, ["model-value", "anchor"])) : M("", !0)], 64));
|
|
@@ -968,7 +968,7 @@ var va = {
|
|
|
968
968
|
},
|
|
969
969
|
emits: ["update:modelValue", "reset"],
|
|
970
970
|
setup(t, { emit: l }) {
|
|
971
|
-
const o = t, u = l,
|
|
971
|
+
const o = t, u = l, p = L(() => Ao(o.modelValue)), d = L(() => Ao(o.desktopValue)), i = (f, v) => !!o.isMobileEdit && p.value[f][v] !== d.value[f][v], m = L(() => o.modelValue.sides ? Ar : ["top"]), s = [
|
|
972
972
|
{
|
|
973
973
|
label: "Solid",
|
|
974
974
|
value: "solid"
|
|
@@ -990,9 +990,9 @@ var va = {
|
|
|
990
990
|
u("update:modelValue", y.sides ? {
|
|
991
991
|
...y,
|
|
992
992
|
sides: {
|
|
993
|
-
...
|
|
993
|
+
...p.value,
|
|
994
994
|
[f]: {
|
|
995
|
-
...
|
|
995
|
+
...p.value[f],
|
|
996
996
|
[v]: h
|
|
997
997
|
}
|
|
998
998
|
}
|
|
@@ -1016,7 +1016,7 @@ var va = {
|
|
|
1016
1016
|
type: "button",
|
|
1017
1017
|
class: "text-xs text-(--md-selection-fg) hover:opacity-80",
|
|
1018
1018
|
onClick: v[1] || (v[1] = (h) => f.$emit("reset"))
|
|
1019
|
-
}, " ↩ Reset ")) : M("", !0)])]), (r(!0), n(te, null, ce(
|
|
1019
|
+
}, " ↩ Reset ")) : M("", !0)])]), (r(!0), n(te, null, ce(m.value, (h) => (r(), n("div", {
|
|
1020
1020
|
key: h,
|
|
1021
1021
|
class: N(["space-y-3", { "border-t border-(--md-border) pt-3": t.modelValue.sides }])
|
|
1022
1022
|
}, [
|
|
@@ -1025,7 +1025,7 @@ var va = {
|
|
|
1025
1025
|
"is-overridden": i(h, "width"),
|
|
1026
1026
|
onReset: (y) => c(h, "width", d.value[h].width),
|
|
1027
1027
|
label: "Width",
|
|
1028
|
-
"model-value":
|
|
1028
|
+
"model-value": p.value[h].width,
|
|
1029
1029
|
min: 0,
|
|
1030
1030
|
max: t.max,
|
|
1031
1031
|
step: 1,
|
|
@@ -1047,11 +1047,11 @@ var va = {
|
|
|
1047
1047
|
key: 0,
|
|
1048
1048
|
bare: "",
|
|
1049
1049
|
"show-input": "",
|
|
1050
|
-
"model-value":
|
|
1050
|
+
"model-value": p.value[h].color,
|
|
1051
1051
|
"onUpdate:modelValue": (S) => c(h, "color", S)
|
|
1052
1052
|
}, null, 8, ["model-value", "onUpdate:modelValue"])) : (r(), oe(Rt, {
|
|
1053
1053
|
key: 1,
|
|
1054
|
-
"model-value":
|
|
1054
|
+
"model-value": p.value[h].style,
|
|
1055
1055
|
options: s,
|
|
1056
1056
|
"option-label": "label",
|
|
1057
1057
|
"option-value": "value",
|
|
@@ -1159,15 +1159,15 @@ var va = {
|
|
|
1159
1159
|
];
|
|
1160
1160
|
return (o, u) => (r(), n("div", Ll, [e("div", zl, [e("label", Al, [u[1] || (u[1] = Z(" Alignment ", -1)), b(ct, { show: t.isOverridden }, null, 8, ["show"])]), t.isOverridden ? (r(), n("button", {
|
|
1161
1161
|
key: 0,
|
|
1162
|
-
onClick: u[0] || (u[0] = (
|
|
1162
|
+
onClick: u[0] || (u[0] = (p) => o.$emit("reset")),
|
|
1163
1163
|
class: "text-[11px] text-(--md-selection-fg) hover:opacity-80 transition-colors"
|
|
1164
|
-
}, " ↩ Reset ")) : M("", !0)]), e("div", Pl, [(r(), n(te, null, ce(l, (
|
|
1165
|
-
key:
|
|
1164
|
+
}, " ↩ Reset ")) : M("", !0)]), e("div", Pl, [(r(), n(te, null, ce(l, (p) => e("div", {
|
|
1165
|
+
key: p.value,
|
|
1166
1166
|
class: "relative group/btn flex-1"
|
|
1167
1167
|
}, [e("button", {
|
|
1168
|
-
onClick: (d) => o.$emit("update:modelValue",
|
|
1169
|
-
class: N(["w-full h-7 flex items-center justify-center rounded-md border transition-all duration-100 focus:outline-none", t.modelValue ===
|
|
1170
|
-
}, [(r(), n("svg", jl, [
|
|
1168
|
+
onClick: (d) => o.$emit("update:modelValue", p.value),
|
|
1169
|
+
class: N(["w-full h-7 flex items-center justify-center rounded-md border transition-all duration-100 focus:outline-none", t.modelValue === p.value ? "bg-(--md-selection-bg) border-(--md-selection) text-(--md-selection-fg)" : "border-(--md-border)/80 text-(--md-text-subtle) hover:bg-(--md-surface-hover) hover:text-(--md-text-muted) hover:border-(--md-border-strong)"])
|
|
1170
|
+
}, [(r(), n("svg", jl, [p.value === "left" ? (r(), n(te, { key: 0 }, [
|
|
1171
1171
|
u[2] || (u[2] = e("line", {
|
|
1172
1172
|
x1: "3",
|
|
1173
1173
|
y1: "6",
|
|
@@ -1186,7 +1186,7 @@ var va = {
|
|
|
1186
1186
|
x2: "18",
|
|
1187
1187
|
y2: "18"
|
|
1188
1188
|
}, null, -1))
|
|
1189
|
-
], 64)) :
|
|
1189
|
+
], 64)) : p.value === "center" ? (r(), n(te, { key: 1 }, [
|
|
1190
1190
|
u[5] || (u[5] = e("line", {
|
|
1191
1191
|
x1: "3",
|
|
1192
1192
|
y1: "6",
|
|
@@ -1205,7 +1205,7 @@ var va = {
|
|
|
1205
1205
|
x2: "20",
|
|
1206
1206
|
y2: "18"
|
|
1207
1207
|
}, null, -1))
|
|
1208
|
-
], 64)) :
|
|
1208
|
+
], 64)) : p.value === "right" ? (r(), n(te, { key: 2 }, [
|
|
1209
1209
|
u[8] || (u[8] = e("line", {
|
|
1210
1210
|
x1: "3",
|
|
1211
1211
|
y1: "6",
|
|
@@ -1224,7 +1224,7 @@ var va = {
|
|
|
1224
1224
|
x2: "21",
|
|
1225
1225
|
y2: "18"
|
|
1226
1226
|
}, null, -1))
|
|
1227
|
-
], 64)) :
|
|
1227
|
+
], 64)) : p.value === "justify" ? (r(), n(te, { key: 3 }, [
|
|
1228
1228
|
u[11] || (u[11] = e("line", {
|
|
1229
1229
|
x1: "3",
|
|
1230
1230
|
y1: "6",
|
|
@@ -1243,7 +1243,7 @@ var va = {
|
|
|
1243
1243
|
x2: "21",
|
|
1244
1244
|
y2: "18"
|
|
1245
1245
|
}, null, -1))
|
|
1246
|
-
], 64)) : M("", !0)]))], 10, El), e("div", Hl, R(
|
|
1246
|
+
], 64)) : M("", !0)]))], 10, El), e("div", Hl, R(p.label), 1)])), 64))])]));
|
|
1247
1247
|
}
|
|
1248
1248
|
}), vt = Ul, Ol = { class: "flex items-center justify-between p-3 bg-(--md-surface-hover) rounded-lg" }, Fl = { class: "flex-1" }, Nl = { class: "block text-xs font-medium text-(--md-text-muted)" }, Gl = {
|
|
1249
1249
|
key: 0,
|
|
@@ -1303,10 +1303,10 @@ var va = {
|
|
|
1303
1303
|
} },
|
|
1304
1304
|
emits: ["remove", "change"],
|
|
1305
1305
|
setup(t, { emit: l }) {
|
|
1306
|
-
const o = ro(() => import("./DatePicker-AdfGW0Tw.js")), u = t,
|
|
1307
|
-
u.rule.operator = y,
|
|
1306
|
+
const o = ro(() => import("./DatePicker-AdfGW0Tw.js")), u = t, p = l, d = (y) => fo.includes(y), i = (y) => Tr.includes(y), m = (y) => zr.includes(y), s = (y) => er.includes(y), g = (y) => m(y) ? "number" : "text", c = (y) => d(y) ? "—" : i(y) ? "uk, usa; ca" : m(y) ? "0" : s(y) ? "YYYY-MM-DD" : y === "starts_with" ? "prefix…" : y === "ends_with" ? "…suffix" : "value", f = (y) => {
|
|
1307
|
+
u.rule.operator = y, p("change");
|
|
1308
1308
|
}, v = (y) => {
|
|
1309
|
-
u.rule.value = h(y),
|
|
1309
|
+
u.rule.value = h(y), p("change");
|
|
1310
1310
|
}, h = (y) => y ? `${y.getFullYear()}-${String(y.getMonth() + 1).padStart(2, "0")}-${String(y.getDate()).padStart(2, "0")}` : "";
|
|
1311
1311
|
return (y, S) => (r(), n("div", ql, [
|
|
1312
1312
|
S[8] || (S[8] = e("div", { class: "flex sm:hidden text-[10px] text-(--md-text-subtle) -mb-1" }, " Tag ", -1)),
|
|
@@ -1327,7 +1327,7 @@ var va = {
|
|
|
1327
1327
|
class: "w-full text-sm",
|
|
1328
1328
|
placeholder: "operator",
|
|
1329
1329
|
"onUpdate:modelValue": S[2] || (S[2] = (z) => f(z))
|
|
1330
|
-
}, null, 8, ["model-value", "options"]),
|
|
1330
|
+
}, null, 8, ["model-value", "options"]), m(t.rule.operator) ? (r(), n("p", Xl, " numeric comparison ")) : i(t.rule.operator) ? (r(), n("p", Ql, " comma, semicolon, or newline separated ")) : s(t.rule.operator) ? (r(), n("p", Zl, " date YYYY-MM-DD ")) : d(t.rule.operator) ? (r(), n("p", en, " no value required ")) : M("", !0)]),
|
|
1331
1331
|
d(t.rule.operator) ? M("", !0) : (r(), n("div", tn, " Value ")),
|
|
1332
1332
|
e("div", { class: N(["sm:col-span-4", { "opacity-30 pointer-events-none": d(t.rule.operator) }]) }, [s(t.rule.operator) ? (r(), oe(a(o), {
|
|
1333
1333
|
key: 0,
|
|
@@ -1382,13 +1382,13 @@ var va = {
|
|
|
1382
1382
|
}, {
|
|
1383
1383
|
label: "Any rule (OR)",
|
|
1384
1384
|
value: "any"
|
|
1385
|
-
}],
|
|
1385
|
+
}], p = () => {
|
|
1386
1386
|
o.visibility.enabled = !o.visibility.enabled, l("visibility-toggle");
|
|
1387
1387
|
}, d = (f) => {
|
|
1388
1388
|
f !== "all" && f !== "any" || (o.visibility.match = f, l("visibility-match"));
|
|
1389
1389
|
}, i = (f, v) => {
|
|
1390
1390
|
v !== "all" && v !== "any" || (f.match = v, l("visibility-group-match"));
|
|
1391
|
-
},
|
|
1391
|
+
}, m = (f) => {
|
|
1392
1392
|
f.push({
|
|
1393
1393
|
tag: "",
|
|
1394
1394
|
operator: "==",
|
|
@@ -1406,7 +1406,7 @@ var va = {
|
|
|
1406
1406
|
};
|
|
1407
1407
|
return (f, v) => (r(), oe(me, { title: "Visibility Rules" }, {
|
|
1408
1408
|
default: ee(() => [e("div", nn, [e("div", sn, [v[4] || (v[4] = e("span", { class: "text-xs text-(--md-text-muted)" }, "Status:", -1)), e("button", {
|
|
1409
|
-
onClick:
|
|
1409
|
+
onClick: p,
|
|
1410
1410
|
class: N(["text-xs px-2 py-1 rounded-full transition-colors whitespace-nowrap", o.visibility.enabled ? "bg-(--md-selection-bg) text-(--md-selection-fg)" : "bg-(--md-surface-muted) text-(--md-text-muted)"])
|
|
1411
1411
|
}, R(o.visibility.enabled ? "Active" : "Inactive"), 3)])]), o.visibility.enabled ? (r(), n(te, { key: 0 }, [
|
|
1412
1412
|
e("div", dn, [
|
|
@@ -1431,7 +1431,7 @@ var va = {
|
|
|
1431
1431
|
onChange: v[1] || (v[1] = (S) => a(l)("visibility-rule"))
|
|
1432
1432
|
}, null, 8, ["rule", "onRemove"]))), 128))])]),
|
|
1433
1433
|
e("div", bn, [e("button", {
|
|
1434
|
-
onClick: v[2] || (v[2] = (h) =>
|
|
1434
|
+
onClick: v[2] || (v[2] = (h) => m(o.visibility.rules)),
|
|
1435
1435
|
class: "flex items-center gap-1 text-xs text-(--md-selection-fg) hover:opacity-80"
|
|
1436
1436
|
}, [b(ge, {
|
|
1437
1437
|
name: "plus",
|
|
@@ -1484,7 +1484,7 @@ var va = {
|
|
|
1484
1484
|
onChange: v[3] || (v[3] = (F) => a(l)("visibility-group-rule"))
|
|
1485
1485
|
}, null, 8, ["rule", "onRemove"]))), 128))])]),
|
|
1486
1486
|
e("div", Dn, [e("button", {
|
|
1487
|
-
onClick: (S) =>
|
|
1487
|
+
onClick: (S) => m(h.rules),
|
|
1488
1488
|
class: "flex items-center gap-1 text-xs text-(--md-info) hover:text-(--md-info-fg)"
|
|
1489
1489
|
}, [b(ge, {
|
|
1490
1490
|
name: "plus",
|
|
@@ -1550,14 +1550,14 @@ var va = {
|
|
|
1550
1550
|
})])
|
|
1551
1551
|
]);
|
|
1552
1552
|
}
|
|
1553
|
-
}, u = t,
|
|
1553
|
+
}, u = t, p = l, d = K(!1), i = L(() => u.isMobileEdit && !u.modelValue ? u.desktopValue ?? null : u.modelValue), m = L(() => u.isMobileEdit && !!u.modelValue), s = L(() => i.value ?? {
|
|
1554
1554
|
top: 0,
|
|
1555
1555
|
right: 0,
|
|
1556
1556
|
bottom: 0,
|
|
1557
1557
|
left: 0
|
|
1558
1558
|
}), g = (c, f) => {
|
|
1559
1559
|
const v = { ...s.value };
|
|
1560
|
-
d.value ? v.top = v.right = v.bottom = v.left = f : v[c] = f,
|
|
1560
|
+
d.value ? v.top = v.right = v.bottom = v.left = f : v[c] = f, p("update:modelValue", v);
|
|
1561
1561
|
};
|
|
1562
1562
|
return (c, f) => (r(), n("div", Ln, [e("div", zn, [e("h4", An, R(t.label), 1), e("div", Pn, [e("div", En, [e("button", {
|
|
1563
1563
|
type: "button",
|
|
@@ -1568,7 +1568,7 @@ var va = {
|
|
|
1568
1568
|
}, [b(ge, {
|
|
1569
1569
|
name: d.value ? "lock" : "lock-open",
|
|
1570
1570
|
style: { "font-size": "13px" }
|
|
1571
|
-
}, null, 8, ["name"])], 8, jn), e("div", Hn, R(d.value ? "Unlink sides" : "Link all sides"), 1)]), t.isMobileEdit &&
|
|
1571
|
+
}, null, 8, ["name"])], 8, jn), e("div", Hn, R(d.value ? "Unlink sides" : "Link all sides"), 1)]), t.isMobileEdit && m.value ? (r(), n("button", {
|
|
1572
1572
|
key: 0,
|
|
1573
1573
|
type: "button",
|
|
1574
1574
|
onClick: f[1] || (f[1] = (v) => c.$emit("update:modelValue", null)),
|
|
@@ -1629,14 +1629,14 @@ var va = {
|
|
|
1629
1629
|
position: 100
|
|
1630
1630
|
}]
|
|
1631
1631
|
}
|
|
1632
|
-
}, u = t,
|
|
1632
|
+
}, u = t, p = l, d = K(s(u.modelValue ?? o)), i = K(!1), m = L(() => {
|
|
1633
1633
|
const { type: B, direction: C, colors: _ } = d.value.gradient, D = _.map((V) => `${V.color} ${V.position}%`).join(", ");
|
|
1634
1634
|
return B === "linear" ? `linear-gradient(${C}, ${D})` : `radial-gradient(circle at center, ${D})`;
|
|
1635
1635
|
});
|
|
1636
1636
|
Se(() => u.modelValue, (B) => {
|
|
1637
1637
|
!i.value && B && (d.value = s(B));
|
|
1638
1638
|
}, { deep: !0 }), Se(d, (B) => {
|
|
1639
|
-
i.value || JSON.stringify(B) !== JSON.stringify(u.modelValue ?? o) && (i.value = !0,
|
|
1639
|
+
i.value || JSON.stringify(B) !== JSON.stringify(u.modelValue ?? o) && (i.value = !0, p("update:modelValue", s(B)), Ee(() => {
|
|
1640
1640
|
i.value = !1;
|
|
1641
1641
|
}));
|
|
1642
1642
|
}, { deep: !0 });
|
|
@@ -1709,7 +1709,7 @@ var va = {
|
|
|
1709
1709
|
}, " Gradient ", 2)]), d.value.useGradient ? (r(), n("div", qn, [
|
|
1710
1710
|
e("div", {
|
|
1711
1711
|
class: "h-8 rounded-lg border border-(--md-border)",
|
|
1712
|
-
style: xe({ background:
|
|
1712
|
+
style: xe({ background: m.value })
|
|
1713
1713
|
}, null, 4),
|
|
1714
1714
|
e("div", Yn, [e("div", Kn, [e("button", {
|
|
1715
1715
|
onClick: C[3] || (C[3] = (_) => f("type", "linear")),
|
|
@@ -1784,10 +1784,10 @@ var va = {
|
|
|
1784
1784
|
}, pi = { class: "mb-3" }, vi = { class: "mb-3" }, gi = { class: "grid grid-cols-2 gap-1.5" }, bi = ["onClick"], fi = { class: "mt-4 space-y-2" }, xi = { class: "flex items-center justify-between mb-1" }, hi = { class: "flex items-center justify-between mb-1.5" }, wi = ["for"], yi = ["onClick"], ki = ["id"], $i = /* @__PURE__ */ ae({
|
|
1785
1785
|
__name: "ButtonPanel",
|
|
1786
1786
|
setup(t) {
|
|
1787
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
1788
|
-
get: () =>
|
|
1787
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, linkTagPreviewContext: i, linkTagPreviewActive: m } = ke(), { handleImageUploadFlow: s, swapOnLoad: g } = Lt(), { googleFonts: c, loadGoogleFont: f } = $t(), v = L(() => (l.value, o(u.value))), h = L({
|
|
1788
|
+
get: () => p.value,
|
|
1789
1789
|
set: (re) => {
|
|
1790
|
-
|
|
1790
|
+
p.value = re;
|
|
1791
1791
|
}
|
|
1792
1792
|
});
|
|
1793
1793
|
Se(v, (re) => {
|
|
@@ -1851,7 +1851,7 @@ var va = {
|
|
|
1851
1851
|
value: "after",
|
|
1852
1852
|
label: "After",
|
|
1853
1853
|
icon: "arrow-right"
|
|
1854
|
-
}], { lastFocusedField: be, trackCursor: we, handleTagInsert: ye } = lo(v), pe = L(() => ut(v.value?.props?.text ?? "", i.value,
|
|
1854
|
+
}], { lastFocusedField: be, trackCursor: we, handleTagInsert: ye } = lo(v), pe = L(() => ut(v.value?.props?.text ?? "", i.value, m.value)), ve = L(() => ut(v.value?.props?.link ?? "", i.value, m.value)), he = (re, J) => {
|
|
1855
1855
|
h.value === "mobile" ? v.value.props.mobile[re] = J : v.value.props[re] = J, d(`set-${re}`);
|
|
1856
1856
|
}, Ce = [
|
|
1857
1857
|
"confirmation_url",
|
|
@@ -1894,7 +1894,7 @@ var va = {
|
|
|
1894
1894
|
onKeyup: J[2] || (J[2] = (G) => a(we)("text", G))
|
|
1895
1895
|
}, null, 8, ["model-value"])]),
|
|
1896
1896
|
b(ot, {
|
|
1897
|
-
active: a(
|
|
1897
|
+
active: a(m),
|
|
1898
1898
|
resolved: pe.value,
|
|
1899
1899
|
raw: v.value.props.text
|
|
1900
1900
|
}, null, 8, [
|
|
@@ -1915,7 +1915,7 @@ var va = {
|
|
|
1915
1915
|
onKeyup: J[4] || (J[4] = (G) => a(we)("link", G))
|
|
1916
1916
|
}, null, 8, ["model-value"])]),
|
|
1917
1917
|
b(ot, {
|
|
1918
|
-
active: a(
|
|
1918
|
+
active: a(m),
|
|
1919
1919
|
resolved: ve.value,
|
|
1920
1920
|
raw: v.value.props.link
|
|
1921
1921
|
}, null, 8, [
|
|
@@ -2186,12 +2186,12 @@ var va = {
|
|
|
2186
2186
|
}
|
|
2187
2187
|
}), Ci = $i;
|
|
2188
2188
|
function nr(t, l) {
|
|
2189
|
-
const { marginStyle: o, paddingStyle: u, escapeHtml:
|
|
2189
|
+
const { marginStyle: o, paddingStyle: u, escapeHtml: p, escapeAttr: d, safeUrl: i, resolveBgCss: m, resolveBgVml: s, getResponsiveClasses: g } = l, c = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", f = m(t.backgroundGradient, t.backgroundColor), { vmlOpen: v, vmlClose: h } = s(t.backgroundGradient, t.backgroundColor), y = g(t.desktopHide, t.mobileHide), S = g(!1, !1, "link"), z = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "", F = !!t.icon, B = t.iconSize ?? 20, C = t.iconGap ?? 8, _ = t.iconAlt ?? "", D = t.iconPosition !== "after", V = `color:${t.color}; font-size:${t.fontSize}px; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; ${z}`, A = wo(t), P = (A.width ? "display:block; height:100%; padding:0; border:0; text-align:center; " : `${u} display:inline-block; ${f} border-radius:${Ue(t.borderRadius)}; ${Tt(t.border)}; `) + "text-decoration:none; " + (F ? "line-height:0; font-size:0;" : `line-height:normal; ${V}`);
|
|
2190
2190
|
let x;
|
|
2191
2191
|
if (F) {
|
|
2192
|
-
const w = `<td style="padding:0; line-height:0; font-size:0; ${D ? `padding-right:${C}px` : `padding-left:${C}px`};"><img src="${i(t.icon)}" alt="${d(_)}" width="${B}" height="${B}" style="display:block; width:${B}px; height:${B}px; border:0; outline:none;" /></td>`, k = `<td class="${g(!1, !1, "text")}" style="padding:0; line-height:1; ${V} white-space:nowrap;">${
|
|
2192
|
+
const w = `<td style="padding:0; line-height:0; font-size:0; ${D ? `padding-right:${C}px` : `padding-left:${C}px`};"><img src="${i(t.icon)}" alt="${d(_)}" width="${B}" height="${B}" style="display:block; width:${B}px; height:${B}px; border:0; outline:none;" /></td>`, k = `<td class="${g(!1, !1, "text")}" style="padding:0; line-height:1; ${V} white-space:nowrap;">${p(t.text)}</td>`;
|
|
2193
2193
|
x = `<table ${A.width ? 'align="center" ' : ""}role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border-spacing:0; line-height:0;"><tr>${D ? w + k : k + w}</tr></table>`;
|
|
2194
|
-
} else x =
|
|
2194
|
+
} else x = p(t.text);
|
|
2195
2195
|
if (A.width) {
|
|
2196
2196
|
x = `<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="width:100%; height:100%; border-collapse:collapse;"><tr><td align="center" valign="middle" class="${g(!1, !1, "text")} ${g(!1, !1, "button-content")}" style="${u} line-height:normal; ${V}">${x}</td></tr></table>`;
|
|
2197
2197
|
const w = A.width === "auto" ? "" : ` width="${A.width.replace(/px$/, "")}"`, k = A.height === "auto" ? "" : ` height="${A.height.replace(/px$/, "")}"`, $ = t.backgroundGradient?.solid ?? t.backgroundColor, T = $ && $ !== "transparent" ? ` bgcolor="${d($)}"` : "";
|
|
@@ -2222,7 +2222,7 @@ function Si(t, l) {
|
|
|
2222
2222
|
})}</mj-text>`;
|
|
2223
2223
|
}
|
|
2224
2224
|
function _i(t, l) {
|
|
2225
|
-
const { escapeAttr: o, safeUrl: u, resolveBgCss:
|
|
2225
|
+
const { escapeAttr: o, safeUrl: u, resolveBgCss: p, getResponsiveClasses: d, react: i } = l, { parseMarginPaddingDiscrete: m, styleObj: s } = i, g = t.align === "center" ? "center" : t.align === "right" ? "right" : "left", c = p(t.backgroundGradient, t.backgroundColor), f = d(t.desktopHide, t.mobileHide), v = d(!1, !1, "link"), h = !!t.icon, y = t.iconSize ?? 20, S = t.iconGap ?? 8, z = t.iconAlt ?? "", F = t.iconPosition !== "after", B = {
|
|
2226
2226
|
color: t.color,
|
|
2227
2227
|
fontSize: `${t.fontSize}px`,
|
|
2228
2228
|
fontWeight: String(t.fontWeight),
|
|
@@ -2236,7 +2236,7 @@ function _i(t, l) {
|
|
|
2236
2236
|
border: 0,
|
|
2237
2237
|
textAlign: "center"
|
|
2238
2238
|
} : {
|
|
2239
|
-
...
|
|
2239
|
+
...m(void 0, t.padding),
|
|
2240
2240
|
display: "inline-block",
|
|
2241
2241
|
...c ? i.parseCssString(c) : {},
|
|
2242
2242
|
borderRadius: Ue(t.borderRadius),
|
|
@@ -2283,7 +2283,7 @@ function _i(t, l) {
|
|
|
2283
2283
|
height: "100%",
|
|
2284
2284
|
borderCollapse: "collapse"
|
|
2285
2285
|
}, A = {
|
|
2286
|
-
...
|
|
2286
|
+
...m(void 0, t.padding),
|
|
2287
2287
|
lineHeight: "normal",
|
|
2288
2288
|
...B
|
|
2289
2289
|
};
|
|
@@ -2303,7 +2303,7 @@ function _i(t, l) {
|
|
|
2303
2303
|
...dt(t.border)
|
|
2304
2304
|
}, x = C.width === "auto" ? "" : ` width="${C.width.replace(/px$/, "")}"`, w = C.height === "auto" ? "" : ` height="${C.height.replace(/px$/, "")}"`, k = t.backgroundGradient?.solid ?? t.backgroundColor, $ = k && k !== "transparent" ? ` bgColor="${o(k)}"` : "";
|
|
2305
2305
|
return `<div className="${f}" style={{ ${s({
|
|
2306
|
-
...
|
|
2306
|
+
...m(t.margin, void 0),
|
|
2307
2307
|
textAlign: g
|
|
2308
2308
|
})} }}>
|
|
2309
2309
|
<table role="presentation" border={0} cellPadding={0} cellSpacing={0} align="${g}"${x}${w}${$} className="${d(!1, !1, "button-table")}" style={{ ${s(P)} }}>
|
|
@@ -2317,7 +2317,7 @@ function _i(t, l) {
|
|
|
2317
2317
|
return `<div
|
|
2318
2318
|
className="${f}"
|
|
2319
2319
|
style={{ ${s({
|
|
2320
|
-
...
|
|
2320
|
+
...m(t.margin, void 0),
|
|
2321
2321
|
textAlign: g
|
|
2322
2322
|
})} }}
|
|
2323
2323
|
>
|
|
@@ -2365,14 +2365,14 @@ var Mi = {
|
|
|
2365
2365
|
}, Ri = { class: "relative" }, Di = { class: "relative" }, Bi = { class: "flex flex-col gap-1" }, Ii = { class: "flex items-center justify-between" }, Vi = { class: "flex gap-1" }, Li = ["title", "onClick"], zi = /* @__PURE__ */ ae({
|
|
2366
2366
|
__name: "AnchorPanel",
|
|
2367
2367
|
setup(t) {
|
|
2368
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
2369
|
-
get: () =>
|
|
2368
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, linkTagPreviewContext: i, linkTagPreviewActive: m } = ke(), { googleFonts: s, loadGoogleFont: g } = $t(), c = L(() => (l.value, o(u.value))), f = L({
|
|
2369
|
+
get: () => p.value,
|
|
2370
2370
|
set: (T) => {
|
|
2371
|
-
|
|
2371
|
+
p.value = T;
|
|
2372
2372
|
}
|
|
2373
2373
|
}), { displayValue: v, isOverridden: h, setProp: y, resetProp: S, toggleDesktopHide: z, toggleMobileHide: F } = nt(c, f);
|
|
2374
2374
|
Se(() => v("fontFamily"), (T) => g(T), { immediate: !0 });
|
|
2375
|
-
const { lastFocusedField: B, trackCursor: C, handleTagInsert: _ } = lo(c), D = L(() => ut(c.value?.props?.text ?? "", i.value,
|
|
2375
|
+
const { lastFocusedField: B, trackCursor: C, handleTagInsert: _ } = lo(c), D = L(() => ut(c.value?.props?.text ?? "", i.value, m.value)), V = L(() => ut(c.value?.props?.link ?? "", i.value, m.value)), A = (T) => {
|
|
2376
2376
|
c.value.props.text = T.trim(), d("anchor-text");
|
|
2377
2377
|
}, P = (T) => {
|
|
2378
2378
|
c.value.props.link = T.trim(), d("anchor-url");
|
|
@@ -2447,7 +2447,7 @@ var Mi = {
|
|
|
2447
2447
|
"onUpdate:modelValue": A
|
|
2448
2448
|
}, null, 8, ["model-value"])]),
|
|
2449
2449
|
b(ot, {
|
|
2450
|
-
active: a(
|
|
2450
|
+
active: a(m),
|
|
2451
2451
|
resolved: D.value,
|
|
2452
2452
|
raw: c.value.props.text
|
|
2453
2453
|
}, null, 8, [
|
|
@@ -2468,7 +2468,7 @@ var Mi = {
|
|
|
2468
2468
|
onKeyup: I[4] || (I[4] = (E) => a(C)("link", E))
|
|
2469
2469
|
}, null, 8, ["model-value"])]),
|
|
2470
2470
|
b(ot, {
|
|
2471
|
-
active: a(
|
|
2471
|
+
active: a(m),
|
|
2472
2472
|
resolved: V.value,
|
|
2473
2473
|
raw: c.value.props.link
|
|
2474
2474
|
}, null, 8, [
|
|
@@ -2609,31 +2609,31 @@ var Mi = {
|
|
|
2609
2609
|
}
|
|
2610
2610
|
}), Ai = /* @__PURE__ */ Le(zi, [["__scopeId", "data-v-26c04ac4"]]);
|
|
2611
2611
|
function Pi(t, l) {
|
|
2612
|
-
const { marginStyle: o, paddingStyle: u, safeUrl:
|
|
2613
|
-
return ` <div style="${o} ${i}" class="${
|
|
2614
|
-
<a href="${
|
|
2612
|
+
const { marginStyle: o, paddingStyle: u, safeUrl: p, getResponsiveClasses: d } = l, i = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", m = d(t.desktopHide, t.mobileHide), s = d(!1, !1, "link"), g = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "";
|
|
2613
|
+
return ` <div style="${o} ${i}" class="${m}">
|
|
2614
|
+
<a href="${p(t.link)}" style="${u} color:${t.color}; font-size:${t.fontSize}px; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; line-height: normal; ${g} text-decoration:${t.textDecoration};" target="_blank" rel="noopener noreferrer nofollow" class="${s}">${t.text}</a>
|
|
2615
2615
|
</div>
|
|
2616
2616
|
`;
|
|
2617
2617
|
}
|
|
2618
2618
|
function Ei(t, l) {
|
|
2619
|
-
const { marginStyle: o, paddingStyle: u, safeUrl:
|
|
2619
|
+
const { marginStyle: o, paddingStyle: u, safeUrl: p, getResponsiveClasses: d } = l, i = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", m = d(t.desktopHide, t.mobileHide), s = d(!1, !1, "link"), g = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "";
|
|
2620
2620
|
return `<mj-text padding="0"
|
|
2621
2621
|
font-size="0"
|
|
2622
2622
|
line-height="0"
|
|
2623
|
-
font-family="none"> <div style="${o} ${i}" class="${
|
|
2624
|
-
<a href="${
|
|
2623
|
+
font-family="none"> <div style="${o} ${i}" class="${m}">
|
|
2624
|
+
<a href="${p(t.link)}" style="${u} color:${t.color}; font-size:${t.fontSize}px; ${g} font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; line-height: normal; text-decoration:${t.textDecoration};" target="_blank" rel="noopener noreferrer nofollow" class="${s}">${t.text}</a>
|
|
2625
2625
|
</div>
|
|
2626
2626
|
</mj-text>`;
|
|
2627
2627
|
}
|
|
2628
2628
|
function ji(t, l) {
|
|
2629
|
-
const { safeUrl: o, getResponsiveClasses: u, react:
|
|
2629
|
+
const { safeUrl: o, getResponsiveClasses: u, react: p } = l, { parseMarginPaddingDiscrete: d, styleObj: i, normalizeFontFamily: m } = p, s = t.align === "center" ? "center" : t.align === "right" ? "right" : "left", g = u(t.desktopHide, t.mobileHide), c = u(!1, !1, "link"), f = {
|
|
2630
2630
|
...d(t.margin, void 0),
|
|
2631
2631
|
textAlign: s
|
|
2632
2632
|
}, v = {
|
|
2633
2633
|
color: t.color,
|
|
2634
2634
|
fontSize: `${t.fontSize}px`,
|
|
2635
2635
|
fontWeight: String(t.fontWeight),
|
|
2636
|
-
fontFamily:
|
|
2636
|
+
fontFamily: m(`'${t.fontFamily}', Arial, sans-serif`),
|
|
2637
2637
|
lineHeight: "normal",
|
|
2638
2638
|
...d(void 0, t.padding),
|
|
2639
2639
|
...t.letterSpacing > 0 && { letterSpacing: `${t.letterSpacing}px` },
|
|
@@ -2687,19 +2687,19 @@ var Hi = {
|
|
|
2687
2687
|
props: { component: {} },
|
|
2688
2688
|
setup(t) {
|
|
2689
2689
|
let l = null;
|
|
2690
|
-
const o = () => l ??= import("./RichTextEditor-
|
|
2690
|
+
const o = () => l ??= import("./RichTextEditor-MVYp_e_O.js").then((p) => p.default), u = _o(Ni);
|
|
2691
2691
|
return qe(() => {
|
|
2692
|
-
o().then((
|
|
2693
|
-
u.value =
|
|
2692
|
+
o().then((p) => {
|
|
2693
|
+
u.value = p;
|
|
2694
2694
|
});
|
|
2695
|
-
}), (
|
|
2695
|
+
}), (p, d) => (r(), oe(ao(u.value), { component: t.component }, null, 8, ["component"]));
|
|
2696
2696
|
}
|
|
2697
2697
|
}), Mo = Gi;
|
|
2698
2698
|
function at(t, l) {
|
|
2699
2699
|
if (l.value !== "mobile" || !t.mobile) return t;
|
|
2700
2700
|
const o = { ...t };
|
|
2701
|
-
return Object.entries(t.mobile).forEach(([u,
|
|
2702
|
-
|
|
2701
|
+
return Object.entries(t.mobile).forEach(([u, p]) => {
|
|
2702
|
+
p != null && (o[u] = p);
|
|
2703
2703
|
}), o;
|
|
2704
2704
|
}
|
|
2705
2705
|
function At(t) {
|
|
@@ -2717,7 +2717,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2717
2717
|
__name: "ParagraphRenderer",
|
|
2718
2718
|
props: { component: {} },
|
|
2719
2719
|
setup(t) {
|
|
2720
|
-
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props),
|
|
2720
|
+
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props), p = Pt(u, o), d = L(() => {
|
|
2721
2721
|
const i = at(l.component.props, o);
|
|
2722
2722
|
return {
|
|
2723
2723
|
margin: `${i.margin.top}px ${i.margin.right}px ${i.margin.bottom}px ${i.margin.left}px`,
|
|
@@ -2735,10 +2735,10 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2735
2735
|
textAlign: i.align
|
|
2736
2736
|
};
|
|
2737
2737
|
});
|
|
2738
|
-
return (i,
|
|
2738
|
+
return (i, m) => (r(), oe(Mo, {
|
|
2739
2739
|
component: t.component,
|
|
2740
2740
|
style: xe(d.value),
|
|
2741
|
-
class: N(a(
|
|
2741
|
+
class: N(a(p))
|
|
2742
2742
|
}, null, 8, [
|
|
2743
2743
|
"component",
|
|
2744
2744
|
"style",
|
|
@@ -2750,7 +2750,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2750
2750
|
props: { editor: {} },
|
|
2751
2751
|
setup(t) {
|
|
2752
2752
|
const l = t, o = K(0), u = K(0);
|
|
2753
|
-
let
|
|
2753
|
+
let p = !1;
|
|
2754
2754
|
const d = (_) => {
|
|
2755
2755
|
if (!_) return 0;
|
|
2756
2756
|
const D = String(_).split(/\s+/).map((V) => parseInt(V.replace("px", ""), 10) || 0);
|
|
@@ -2764,12 +2764,12 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2764
2764
|
bottomRight: P,
|
|
2765
2765
|
bottomLeft: x
|
|
2766
2766
|
};
|
|
2767
|
-
},
|
|
2767
|
+
}, m = (_) => _ > 0 ? `${_}px` : null, s = L(() => o.value > 0 || Po(u.value)), g = K(null), c = () => {
|
|
2768
2768
|
if (!l.editor || !g.value) return;
|
|
2769
2769
|
const { from: _, to: D } = g.value, { doc: V, tr: A } = l.editor.state, P = Math.max(0, Math.min(_, V.content.size)), x = Math.max(0, Math.min(D, V.content.size)), w = qr.between(V.resolve(P), V.resolve(x));
|
|
2770
2770
|
l.editor.view.dispatch(A.setSelection(w).setMeta("addToHistory", !1));
|
|
2771
2771
|
}, f = () => {
|
|
2772
|
-
if (
|
|
2772
|
+
if (p || !l.editor) return;
|
|
2773
2773
|
const { from: _, to: D } = l.editor.state.selection;
|
|
2774
2774
|
g.value = {
|
|
2775
2775
|
from: _,
|
|
@@ -2780,10 +2780,10 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2780
2780
|
};
|
|
2781
2781
|
let v = null;
|
|
2782
2782
|
const h = () => {
|
|
2783
|
-
l.editor && (
|
|
2784
|
-
padding:
|
|
2783
|
+
l.editor && (p = !0, c(), l.editor.chain().focus().setMark("textStyle", {
|
|
2784
|
+
padding: m(o.value),
|
|
2785
2785
|
borderRadius: typeof u.value == "object" || Po(u.value) ? Ue(u.value) : null
|
|
2786
|
-
}).run(),
|
|
2786
|
+
}).run(), p = !1);
|
|
2787
2787
|
}, y = () => {
|
|
2788
2788
|
v && clearTimeout(v), v = setTimeout(() => {
|
|
2789
2789
|
v = null, h();
|
|
@@ -2793,10 +2793,10 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2793
2793
|
}, z = (_) => {
|
|
2794
2794
|
u.value = _, y();
|
|
2795
2795
|
}, F = () => {
|
|
2796
|
-
v && (clearTimeout(v), v = null), o.value = 0, u.value = 0, l.editor && (
|
|
2796
|
+
v && (clearTimeout(v), v = null), o.value = 0, u.value = 0, l.editor && (p = !0, c(), l.editor.chain().focus().setMark("textStyle", {
|
|
2797
2797
|
padding: null,
|
|
2798
2798
|
borderRadius: null
|
|
2799
|
-
}).run(),
|
|
2799
|
+
}).run(), p = !1);
|
|
2800
2800
|
};
|
|
2801
2801
|
let B = null;
|
|
2802
2802
|
return Se(() => l.editor, (_) => {
|
|
@@ -2846,7 +2846,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2846
2846
|
},
|
|
2847
2847
|
emits: ["insert"],
|
|
2848
2848
|
setup(t, { emit: l }) {
|
|
2849
|
-
const o = t, u = l,
|
|
2849
|
+
const o = t, u = l, p = K(null), d = K(""), i = K(""), m = L(() => {
|
|
2850
2850
|
const c = d.value.trim().toLowerCase().replace(/\s+/g, "_");
|
|
2851
2851
|
return c ? i.value.trim() ? `{{ ${c}|'${i.value.trim()}' }}` : `{{ ${c} }}` : "";
|
|
2852
2852
|
}), s = (c) => {
|
|
@@ -2859,7 +2859,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2859
2859
|
c && (u("insert", {
|
|
2860
2860
|
tag: c,
|
|
2861
2861
|
default: i.value.trim()
|
|
2862
|
-
}), d.value = "", i.value = "", Ee(() =>
|
|
2862
|
+
}), d.value = "", i.value = "", Ee(() => p.value?.focus()));
|
|
2863
2863
|
};
|
|
2864
2864
|
return (c, f) => (r(), n("div", Xi, [
|
|
2865
2865
|
e("div", Qi, [f[2] || (f[2] = e("label", { class: "text-[10px] font-medium uppercase tracking-[.06em] text-(--md-text-muted)" }, " Personalization ", -1)), e("span", Zi, R(t.defaultTags.length) + " available ", 1)]),
|
|
@@ -2874,7 +2874,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2874
2874
|
e("div", as, [
|
|
2875
2875
|
e("div", ls, [e("div", ns, [f[3] || (f[3] = e("span", { class: "absolute left-2 top-1/2 -translate-y-1/2 text-(--md-text-subtle) text-xs pointer-events-none select-none" }, " {{ ", -1)), Be(e("input", {
|
|
2876
2876
|
ref_key: "tagInputRef",
|
|
2877
|
-
ref:
|
|
2877
|
+
ref: p,
|
|
2878
2878
|
"onUpdate:modelValue": f[0] || (f[0] = (v) => d.value = v),
|
|
2879
2879
|
type: "text",
|
|
2880
2880
|
placeholder: "tag_name",
|
|
@@ -2893,7 +2893,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2893
2893
|
class: "w-full h-7 pl-14 pr-2 text-xs border border-(--md-border)/80 rounded-md bg-(--md-surface) shadow-[0_1px_2px_rgba(0,0,0,0.04)] text-(--md-selection-fg) placeholder-(--md-text-subtle) focus:outline-none transition-colors",
|
|
2894
2894
|
onKeydown: He(ue(g, ["prevent"]), ["enter"])
|
|
2895
2895
|
}, null, 40, us), [[Ge, i.value]])])) : M("", !0),
|
|
2896
|
-
d.value.trim() ? (r(), n("p", cs, R(
|
|
2896
|
+
d.value.trim() ? (r(), n("p", cs, R(m.value), 1)) : M("", !0)
|
|
2897
2897
|
]),
|
|
2898
2898
|
f[5] || (f[5] = e("p", { class: "text-[10px] text-(--md-text-subtle)" }, [
|
|
2899
2899
|
Z(" Use underscores: "),
|
|
@@ -2930,7 +2930,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2930
2930
|
"reset-decoration"
|
|
2931
2931
|
],
|
|
2932
2932
|
setup(t, { emit: l }) {
|
|
2933
|
-
const o = t, u = l,
|
|
2933
|
+
const o = t, u = l, p = [
|
|
2934
2934
|
{
|
|
2935
2935
|
value: "none",
|
|
2936
2936
|
label: "None",
|
|
@@ -2993,7 +2993,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
2993
2993
|
}
|
|
2994
2994
|
], i = (g) => {
|
|
2995
2995
|
u("update:transform", g), g === "none" && o.isTransformOverridden && u("reset-transform");
|
|
2996
|
-
},
|
|
2996
|
+
}, m = (g) => {
|
|
2997
2997
|
u("update:decoration", g), g === "none" && o.isDecorationOverridden && u("reset-decoration");
|
|
2998
2998
|
}, s = () => {
|
|
2999
2999
|
u("update:transform", "none"), u("update:decoration", "none"), u("reset-transform"), u("reset-decoration");
|
|
@@ -3003,7 +3003,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3003
3003
|
onClick: s,
|
|
3004
3004
|
class: "text-[11px] text-(--md-selection-fg) hover:opacity-80 transition-colors"
|
|
3005
3005
|
}, " Reset all ")) : M("", !0)]), e("div", bs, [
|
|
3006
|
-
e("div", fs, [c[1] || (c[1] = e("span", { class: "text-[10px] font-medium uppercase tracking-[.05em] text-(--md-text-muted)" }, "Transform", -1)), e("div", xs, [(r(), n(te, null, ce(
|
|
3006
|
+
e("div", fs, [c[1] || (c[1] = e("span", { class: "text-[10px] font-medium uppercase tracking-[.05em] text-(--md-text-muted)" }, "Transform", -1)), e("div", xs, [(r(), n(te, null, ce(p, (f) => e("div", {
|
|
3007
3007
|
key: f.value,
|
|
3008
3008
|
class: "relative group/btn flex-1"
|
|
3009
3009
|
}, [e("button", {
|
|
@@ -3018,7 +3018,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3018
3018
|
key: f.value,
|
|
3019
3019
|
class: "relative group/btn flex-1"
|
|
3020
3020
|
}, [e("button", {
|
|
3021
|
-
onClick: (v) =>
|
|
3021
|
+
onClick: (v) => m(f.value),
|
|
3022
3022
|
class: N(["toggle-btn w-full", t.decorationValue === f.value ? "toggle-btn--active" : "toggle-btn--idle"])
|
|
3023
3023
|
}, [e("span", {
|
|
3024
3024
|
class: N(f.glyphClass),
|
|
@@ -3062,7 +3062,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3062
3062
|
"reset"
|
|
3063
3063
|
],
|
|
3064
3064
|
setup(t, { emit: l }) {
|
|
3065
|
-
const o = t, u = (i) => o.overrides.has(i),
|
|
3065
|
+
const o = t, u = (i) => o.overrides.has(i), p = [
|
|
3066
3066
|
{
|
|
3067
3067
|
label: "Thin",
|
|
3068
3068
|
value: "100"
|
|
@@ -3102,34 +3102,34 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3102
3102
|
label: "Italic",
|
|
3103
3103
|
value: "italic"
|
|
3104
3104
|
}];
|
|
3105
|
-
return (i,
|
|
3105
|
+
return (i, m) => (r(), n("div", Ms, [
|
|
3106
3106
|
e("div", { class: N(t.showFontStyle ? "grid grid-cols-2 gap-2 mb-3" : "mb-3") }, [e("div", null, [b(Ye, {
|
|
3107
3107
|
label: "Weight",
|
|
3108
3108
|
"model-value": t.fontWeight,
|
|
3109
|
-
options:
|
|
3109
|
+
options: p,
|
|
3110
3110
|
placeholder: "Search weight...",
|
|
3111
3111
|
"is-overridden": u("fontWeight"),
|
|
3112
|
-
"onUpdate:modelValue":
|
|
3113
|
-
onReset:
|
|
3112
|
+
"onUpdate:modelValue": m[0] || (m[0] = (s) => i.$emit("update:fontWeight", s)),
|
|
3113
|
+
onReset: m[1] || (m[1] = (s) => i.$emit("reset", "fontWeight"))
|
|
3114
3114
|
}, null, 8, ["model-value", "is-overridden"])]), t.showFontStyle ? (r(), n("div", Ts, [b(Ye, {
|
|
3115
3115
|
label: "Style",
|
|
3116
3116
|
"model-value": t.fontStyle,
|
|
3117
3117
|
options: d,
|
|
3118
3118
|
placeholder: "Search style...",
|
|
3119
3119
|
"is-overridden": u("fontStyle"),
|
|
3120
|
-
"onUpdate:modelValue":
|
|
3121
|
-
onReset:
|
|
3120
|
+
"onUpdate:modelValue": m[2] || (m[2] = (s) => i.$emit("update:fontStyle", s)),
|
|
3121
|
+
onReset: m[3] || (m[3] = (s) => i.$emit("reset", "fontStyle"))
|
|
3122
3122
|
}, null, 8, ["model-value", "is-overridden"])])) : M("", !0)], 2),
|
|
3123
|
-
|
|
3123
|
+
m[8] || (m[8] = e("div", { class: "separator mb-3" }, null, -1)),
|
|
3124
3124
|
b(_s, {
|
|
3125
3125
|
"transform-value": t.transform,
|
|
3126
3126
|
"decoration-value": t.decoration,
|
|
3127
3127
|
"is-transform-overridden": u("textTransform"),
|
|
3128
3128
|
"is-decoration-overridden": u("textDecoration"),
|
|
3129
|
-
"onUpdate:transform":
|
|
3130
|
-
"onUpdate:decoration":
|
|
3131
|
-
onResetTransform:
|
|
3132
|
-
onResetDecoration:
|
|
3129
|
+
"onUpdate:transform": m[4] || (m[4] = (s) => i.$emit("update:transform", s)),
|
|
3130
|
+
"onUpdate:decoration": m[5] || (m[5] = (s) => i.$emit("update:decoration", s)),
|
|
3131
|
+
onResetTransform: m[6] || (m[6] = (s) => i.$emit("reset", "textTransform")),
|
|
3132
|
+
onResetDecoration: m[7] || (m[7] = (s) => i.$emit("reset", "textDecoration"))
|
|
3133
3133
|
}, null, 8, [
|
|
3134
3134
|
"transform-value",
|
|
3135
3135
|
"decoration-value",
|
|
@@ -3144,10 +3144,10 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3144
3144
|
}, Bs = { class: "flex items-center justify-between mb-1" }, Is = /* @__PURE__ */ ae({
|
|
3145
3145
|
__name: "ParagraphPanel",
|
|
3146
3146
|
setup(t) {
|
|
3147
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
3148
|
-
get: () =>
|
|
3147
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, triggerMergeTagInsert: i } = ke(), { googleFonts: m, loadGoogleFont: s } = $t(), g = L(() => (l.value, o(u.value))), c = L({
|
|
3148
|
+
get: () => p.value,
|
|
3149
3149
|
set: (x) => {
|
|
3150
|
-
|
|
3150
|
+
p.value = x;
|
|
3151
3151
|
}
|
|
3152
3152
|
}), { displayValue: f, isOverridden: v, setProp: h, resetProp: y, displayBackground: S, setBackground: z, isBackgroundOverridden: F, resetBackground: B, toggleDesktopHide: C, toggleMobileHide: _ } = nt(g, c), { editorFor: D } = $o(), V = L(() => D(u.value));
|
|
3153
3153
|
Se(() => f("fontFamily"), (x) => s(x), { immediate: !0 });
|
|
@@ -3169,7 +3169,7 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3169
3169
|
b(Ye, {
|
|
3170
3170
|
label: "Font Family",
|
|
3171
3171
|
"model-value": a(f)("fontFamily"),
|
|
3172
|
-
options: a(
|
|
3172
|
+
options: a(m),
|
|
3173
3173
|
"option-label": null,
|
|
3174
3174
|
"option-value": null,
|
|
3175
3175
|
placeholder: "Search fonts...",
|
|
@@ -3325,19 +3325,19 @@ var Wi = /* @__PURE__ */ ae({
|
|
|
3325
3325
|
}
|
|
3326
3326
|
}), Vs = Is;
|
|
3327
3327
|
function Ls(t, l) {
|
|
3328
|
-
const { marginStyle: o, paddingStyle: u, resolveBgCss:
|
|
3329
|
-
return ` <p style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; font-style:${t.fontStyle}; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${
|
|
3328
|
+
const { marginStyle: o, paddingStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = p(t.backgroundGradient, t.backgroundColor), m = d(t.desktopHide, t.mobileHide), s = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "";
|
|
3329
|
+
return ` <p style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; font-style:${t.fontStyle}; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${m}">${It(t.content)}</p>
|
|
3330
3330
|
`;
|
|
3331
3331
|
}
|
|
3332
3332
|
function zs(t, l) {
|
|
3333
|
-
const { marginStyle: o, paddingStyle: u, resolveBgCss:
|
|
3333
|
+
const { marginStyle: o, paddingStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = p(t.backgroundGradient, t.backgroundColor), m = d(t.desktopHide, t.mobileHide), s = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "";
|
|
3334
3334
|
return `<mj-text padding="0"
|
|
3335
3335
|
font-size="0"
|
|
3336
3336
|
line-height="0"
|
|
3337
|
-
font-family="none"><p style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; font-style:${t.fontStyle}; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${
|
|
3337
|
+
font-family="none"><p style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; font-style:${t.fontStyle}; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${m}">${It(t.content)}</p></mj-text>`;
|
|
3338
3338
|
}
|
|
3339
3339
|
function As(t, l) {
|
|
3340
|
-
const { resolveBgCss: o, getResponsiveClasses: u, react:
|
|
3340
|
+
const { resolveBgCss: o, getResponsiveClasses: u, react: p } = l, { parseMarginPaddingDiscrete: d, parseCssString: i, normalizeFontFamily: m, buildInlineJsx: s, normalizeInlineStylesToReact: g } = p, c = o(t.backgroundGradient, t.backgroundColor);
|
|
3341
3341
|
return s("Text", u(t.desktopHide, t.mobileHide), {
|
|
3342
3342
|
...d(t.margin, t.padding),
|
|
3343
3343
|
fontSize: `${t.fontSize}px`,
|
|
@@ -3345,7 +3345,7 @@ function As(t, l) {
|
|
|
3345
3345
|
...t.letterSpacing > 0 && { letterSpacing: `${t.letterSpacing}px` },
|
|
3346
3346
|
color: t.color,
|
|
3347
3347
|
fontWeight: String(t.fontWeight),
|
|
3348
|
-
fontFamily:
|
|
3348
|
+
fontFamily: m(`'${t.fontFamily}', Arial, sans-serif`),
|
|
3349
3349
|
fontStyle: t.fontStyle,
|
|
3350
3350
|
...c ? i(c) : {},
|
|
3351
3351
|
textTransform: t.textTransform,
|
|
@@ -3370,7 +3370,7 @@ var Ps = {
|
|
|
3370
3370
|
__name: "HeadingRenderer",
|
|
3371
3371
|
props: { component: {} },
|
|
3372
3372
|
setup(t) {
|
|
3373
|
-
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props),
|
|
3373
|
+
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props), p = Pt(u, o), d = L(() => {
|
|
3374
3374
|
const i = at(l.component.props, o);
|
|
3375
3375
|
return {
|
|
3376
3376
|
margin: `${i.margin.top}px ${i.margin.right}px ${i.margin.bottom}px ${i.margin.left}px`,
|
|
@@ -3387,10 +3387,10 @@ var Ps = {
|
|
|
3387
3387
|
textAlign: i.align
|
|
3388
3388
|
};
|
|
3389
3389
|
});
|
|
3390
|
-
return (i,
|
|
3390
|
+
return (i, m) => (r(), oe(Mo, {
|
|
3391
3391
|
component: t.component,
|
|
3392
3392
|
style: xe(d.value),
|
|
3393
|
-
class: N(a(
|
|
3393
|
+
class: N(a(p))
|
|
3394
3394
|
}, null, 8, [
|
|
3395
3395
|
"component",
|
|
3396
3396
|
"style",
|
|
@@ -3403,10 +3403,10 @@ var Ps = {
|
|
|
3403
3403
|
}, Us = { class: "flex items-center justify-between mb-1" }, Os = /* @__PURE__ */ ae({
|
|
3404
3404
|
__name: "HeadingPanel",
|
|
3405
3405
|
setup(t) {
|
|
3406
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
3407
|
-
get: () =>
|
|
3406
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, triggerMergeTagInsert: i } = ke(), { googleFonts: m, loadGoogleFont: s } = $t(), g = L(() => (l.value, o(u.value))), c = L({
|
|
3407
|
+
get: () => p.value,
|
|
3408
3408
|
set: (k) => {
|
|
3409
|
-
|
|
3409
|
+
p.value = k;
|
|
3410
3410
|
}
|
|
3411
3411
|
}), { displayValue: f, isOverridden: v, setProp: h, resetProp: y, displayBackground: S, setBackground: z, isBackgroundOverridden: F, resetBackground: B, toggleDesktopHide: C, toggleMobileHide: _ } = nt(g, c), { editorFor: D } = $o(), V = L(() => D(u.value));
|
|
3412
3412
|
Se(() => f("fontFamily"), (k) => s(k), { immediate: !0 });
|
|
@@ -3467,7 +3467,7 @@ var Ps = {
|
|
|
3467
3467
|
b(Ye, {
|
|
3468
3468
|
label: "Font Family",
|
|
3469
3469
|
"model-value": a(f)("fontFamily"),
|
|
3470
|
-
options: a(
|
|
3470
|
+
options: a(m),
|
|
3471
3471
|
"option-label": null,
|
|
3472
3472
|
"option-value": null,
|
|
3473
3473
|
placeholder: "Search fonts...",
|
|
@@ -3621,19 +3621,19 @@ var Ps = {
|
|
|
3621
3621
|
}
|
|
3622
3622
|
}), Fs = Os;
|
|
3623
3623
|
function Ns(t, l) {
|
|
3624
|
-
const { marginStyle: o, paddingStyle: u, resolveBgCss:
|
|
3625
|
-
return ` <${t.level} style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${
|
|
3624
|
+
const { marginStyle: o, paddingStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = p(t.backgroundGradient, t.backgroundColor), m = d(t.desktopHide, t.mobileHide), s = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "";
|
|
3625
|
+
return ` <${t.level} style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${m}">${It(t.content)}</${t.level}>
|
|
3626
3626
|
`;
|
|
3627
3627
|
}
|
|
3628
3628
|
function Gs(t, l) {
|
|
3629
|
-
const { marginStyle: o, paddingStyle: u, resolveBgCss:
|
|
3629
|
+
const { marginStyle: o, paddingStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = p(t.backgroundGradient, t.backgroundColor), m = d(t.desktopHide, t.mobileHide), s = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "";
|
|
3630
3630
|
return `<mj-text padding="0"
|
|
3631
3631
|
font-size="0"
|
|
3632
3632
|
line-height="0"
|
|
3633
|
-
font-family="none"><${t.level} style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${
|
|
3633
|
+
font-family="none"><${t.level} style="${o} ${u} font-size:${t.fontSize}px; line-height:${t.lineHeight}; ${s} color:${t.color}; font-weight:${t.fontWeight}; font-family:'${t.fontFamily}', Arial, sans-serif; ${i} text-transform:${t.textTransform}; text-decoration:${t.textDecoration}; text-align:${t.align};" class="${m}">${It(t.content)}</${t.level}></mj-text>`;
|
|
3634
3634
|
}
|
|
3635
3635
|
function Ws(t, l) {
|
|
3636
|
-
const { resolveBgCss: o, getResponsiveClasses: u, react:
|
|
3636
|
+
const { resolveBgCss: o, getResponsiveClasses: u, react: p } = l, { parseMarginPaddingDiscrete: d, parseCssString: i, normalizeFontFamily: m, buildInlineJsx: s, normalizeInlineStylesToReact: g } = p, c = o(t.backgroundGradient, t.backgroundColor);
|
|
3637
3637
|
return s("Heading", u(t.desktopHide, t.mobileHide), {
|
|
3638
3638
|
...d(t.margin, t.padding),
|
|
3639
3639
|
fontSize: `${t.fontSize}px`,
|
|
@@ -3641,7 +3641,7 @@ function Ws(t, l) {
|
|
|
3641
3641
|
...t.letterSpacing > 0 && { letterSpacing: `${t.letterSpacing}px` },
|
|
3642
3642
|
color: t.color,
|
|
3643
3643
|
fontWeight: String(t.fontWeight),
|
|
3644
|
-
fontFamily:
|
|
3644
|
+
fontFamily: m(`'${t.fontFamily}', Arial, sans-serif`),
|
|
3645
3645
|
...c ? i(c) : {},
|
|
3646
3646
|
textTransform: t.textTransform,
|
|
3647
3647
|
textDecoration: t.textDecoration,
|
|
@@ -3671,7 +3671,7 @@ var qs = {
|
|
|
3671
3671
|
__name: "ListRenderer",
|
|
3672
3672
|
props: { component: {} },
|
|
3673
3673
|
setup(t) {
|
|
3674
|
-
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props),
|
|
3674
|
+
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props), p = Pt(u, o), d = L(() => {
|
|
3675
3675
|
const i = at(l.component.props, o);
|
|
3676
3676
|
return {
|
|
3677
3677
|
margin: `${i.margin.top}px ${i.margin.right}px ${i.margin.bottom}px ${i.margin.left}px`,
|
|
@@ -3685,10 +3685,10 @@ var qs = {
|
|
|
3685
3685
|
"--list-item-spacing": i.itemSpacing + "px"
|
|
3686
3686
|
};
|
|
3687
3687
|
});
|
|
3688
|
-
return (i,
|
|
3688
|
+
return (i, m) => (r(), oe(Mo, {
|
|
3689
3689
|
component: t.component,
|
|
3690
3690
|
style: xe(d.value),
|
|
3691
|
-
class: N(a(
|
|
3691
|
+
class: N(a(p))
|
|
3692
3692
|
}, null, 8, [
|
|
3693
3693
|
"component",
|
|
3694
3694
|
"style",
|
|
@@ -3701,10 +3701,10 @@ var qs = {
|
|
|
3701
3701
|
}, Xs = { class: "flex items-center justify-between mb-1" }, Qs = /* @__PURE__ */ ae({
|
|
3702
3702
|
__name: "ListPanel",
|
|
3703
3703
|
setup(t) {
|
|
3704
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
3705
|
-
get: () =>
|
|
3704
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, triggerMergeTagInsert: i } = ke(), { googleFonts: m, loadGoogleFont: s } = $t(), g = L(() => (l.value, o(u.value))), c = L({
|
|
3705
|
+
get: () => p.value,
|
|
3706
3706
|
set: (P) => {
|
|
3707
|
-
|
|
3707
|
+
p.value = P;
|
|
3708
3708
|
}
|
|
3709
3709
|
}), { displayValue: f, isOverridden: v, setProp: h, resetProp: y, displayBackground: S, setBackground: z, isBackgroundOverridden: F, resetBackground: B, toggleDesktopHide: C, toggleMobileHide: _ } = nt(g, c), { editorFor: D } = $o(), V = L(() => D(u.value));
|
|
3710
3710
|
Se(() => f("fontFamily"), (P) => s(P), { immediate: !0 });
|
|
@@ -3721,7 +3721,7 @@ var qs = {
|
|
|
3721
3721
|
b(Ye, {
|
|
3722
3722
|
label: "Font Family",
|
|
3723
3723
|
"model-value": a(f)("fontFamily"),
|
|
3724
|
-
options: a(
|
|
3724
|
+
options: a(m),
|
|
3725
3725
|
"option-label": null,
|
|
3726
3726
|
"option-value": null,
|
|
3727
3727
|
placeholder: "Search fonts...",
|
|
@@ -3864,19 +3864,19 @@ var qs = {
|
|
|
3864
3864
|
}
|
|
3865
3865
|
}), Zs = Qs;
|
|
3866
3866
|
function ed(t, l) {
|
|
3867
|
-
const { marginStyle: o, paddingStyle: u, resolveBgCss:
|
|
3867
|
+
const { marginStyle: o, paddingStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = p(t.backgroundGradient, t.backgroundColor), m = d(t.desktopHide, t.mobileHide), s = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "", g = `${o} ${u} font-size:${t.fontSize}px; font-family:'${t.fontFamily}', Arial, sans-serif; line-height:${t.lineHeight}; ${s} color:${t.color}; ${i}`, c = document.createElement("div");
|
|
3868
3868
|
c.innerHTML = It(t.content ?? "");
|
|
3869
3869
|
const f = c.querySelector("ul, ol");
|
|
3870
|
-
return f && (f.setAttribute("style", g), f.setAttribute("class",
|
|
3870
|
+
return f && (f.setAttribute("style", g), f.setAttribute("class", m), f.querySelectorAll("li").forEach((v) => {
|
|
3871
3871
|
v.style.marginBottom = `${t.itemSpacing}px`;
|
|
3872
3872
|
})), ` ${c.innerHTML}
|
|
3873
3873
|
`;
|
|
3874
3874
|
}
|
|
3875
3875
|
function td(t, l) {
|
|
3876
|
-
const { marginStyle: o, paddingStyle: u, resolveBgCss:
|
|
3876
|
+
const { marginStyle: o, paddingStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = p(t.backgroundGradient, t.backgroundColor), m = d(t.desktopHide, t.mobileHide), s = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "", g = `${o} ${u} font-size:${t.fontSize}px; font-family:'${t.fontFamily}', Arial, sans-serif; line-height:${t.lineHeight}; ${s} color:${t.color}; ${i}`, c = document.createElement("div");
|
|
3877
3877
|
c.innerHTML = It(t.content ?? "");
|
|
3878
3878
|
const f = c.querySelector("ul, ol");
|
|
3879
|
-
return f && (f.setAttribute("style", g), f.setAttribute("class",
|
|
3879
|
+
return f && (f.setAttribute("style", g), f.setAttribute("class", m), f.querySelectorAll("li").forEach((v) => {
|
|
3880
3880
|
v.style.marginBottom = `${t.itemSpacing}px`;
|
|
3881
3881
|
})), `<mj-text padding="0"
|
|
3882
3882
|
font-size="0"
|
|
@@ -3885,14 +3885,14 @@ function td(t, l) {
|
|
|
3885
3885
|
</mj-text>`;
|
|
3886
3886
|
}
|
|
3887
3887
|
function od(t, l) {
|
|
3888
|
-
const { resolveBgCss: o, getResponsiveClasses: u, react:
|
|
3888
|
+
const { resolveBgCss: o, getResponsiveClasses: u, react: p } = l, { parseCssString: d, normalizeFontFamily: i, styleObj: m, normalizeInlineStylesToReact: s } = p, g = o(t.backgroundGradient, t.backgroundColor), c = u(t.desktopHide, t.mobileHide), f = /^\s*<ol/i.test(t.content ?? "") ? "ol" : "ul", v = [...(t.content ?? "").matchAll(/<li[^>]*>([\s\S]*?)<\/li>/gi)].map((h) => {
|
|
3889
3889
|
const y = s(h[1] ?? "").replace(/`/g, "\\`");
|
|
3890
3890
|
return ` <li style={{ marginBottom: "${t.itemSpacing ?? 0}px" }}>${y}</li>`;
|
|
3891
3891
|
}).join(`
|
|
3892
3892
|
`);
|
|
3893
3893
|
return `<${f}
|
|
3894
3894
|
className="${c}"
|
|
3895
|
-
style={{ ${
|
|
3895
|
+
style={{ ${m({
|
|
3896
3896
|
fontSize: `${t.fontSize}px`,
|
|
3897
3897
|
lineHeight: String(t.lineHeight),
|
|
3898
3898
|
...t.letterSpacing > 0 && { letterSpacing: `${t.letterSpacing}px` },
|
|
@@ -3930,31 +3930,31 @@ var rd = {
|
|
|
3930
3930
|
__name: "ImageRenderer",
|
|
3931
3931
|
props: { component: {} },
|
|
3932
3932
|
setup(t) {
|
|
3933
|
-
const l = t, { linkTagPreviewContext: o, linkTagPreviewActive: u, previewMode:
|
|
3933
|
+
const l = t, { linkTagPreviewContext: o, linkTagPreviewActive: u, previewMode: p, linksActive: d } = ke(), i = (S) => {
|
|
3934
3934
|
d.value || S.preventDefault();
|
|
3935
|
-
},
|
|
3935
|
+
}, m = L(() => {
|
|
3936
3936
|
const S = l.component.props;
|
|
3937
|
-
if (
|
|
3937
|
+
if (p.value !== "mobile" || !S.mobile) return S;
|
|
3938
3938
|
const z = { ...S };
|
|
3939
3939
|
return Object.entries(S.mobile).forEach(([F, B]) => {
|
|
3940
3940
|
B != null && (z[F] = B);
|
|
3941
3941
|
}), z;
|
|
3942
3942
|
}), s = (S) => ut(S ?? "", o.value, u.value), g = L(() => s(l.component.props.src)), c = L(() => s(l.component.props.alt)), f = L(() => s(l.component.props.link)), v = L(() => ({
|
|
3943
|
-
margin: `${
|
|
3944
|
-
padding: `${
|
|
3945
|
-
textAlign:
|
|
3943
|
+
margin: `${m.value.margin.top}px ${m.value.margin.right}px ${m.value.margin.bottom}px ${m.value.margin.left}px`,
|
|
3944
|
+
padding: `${m.value.padding.top}px ${m.value.padding.right}px ${m.value.padding.bottom}px ${m.value.padding.left}px`,
|
|
3945
|
+
textAlign: m.value.align,
|
|
3946
3946
|
lineHeight: 0,
|
|
3947
3947
|
fontSize: 0
|
|
3948
3948
|
})), h = L(() => ({
|
|
3949
|
-
width: st(
|
|
3950
|
-
height: st(
|
|
3951
|
-
borderRadius: Ue(
|
|
3952
|
-
...dt(
|
|
3949
|
+
width: st(m.value.width, "width"),
|
|
3950
|
+
height: st(m.value.height, "height"),
|
|
3951
|
+
borderRadius: Ue(m.value.borderRadius),
|
|
3952
|
+
...dt(m.value.border),
|
|
3953
3953
|
display: "inline-block",
|
|
3954
3954
|
verticalAlign: "top"
|
|
3955
3955
|
})), y = L(() => {
|
|
3956
3956
|
const { mobileHide: S, desktopHide: z } = l.component.props;
|
|
3957
|
-
return
|
|
3957
|
+
return p.value === "mobile" && S || p.value === "desktop" && z ? "opacity-30" : "";
|
|
3958
3958
|
});
|
|
3959
3959
|
return (S, z) => (r(), n("div", {
|
|
3960
3960
|
style: xe(v.value),
|
|
@@ -4005,10 +4005,10 @@ var rd = {
|
|
|
4005
4005
|
}, vd = { class: "flex items-center justify-between mb-1.5" }, gd = ["for"], bd = ["onClick"], fd = { class: "flex items-center gap-2" }, xd = ["aria-label"], hd = ["aria-pressed", "onClick"], wd = /* @__PURE__ */ ae({
|
|
4006
4006
|
__name: "ImagePanel",
|
|
4007
4007
|
setup(t) {
|
|
4008
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
4009
|
-
get: () =>
|
|
4008
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, linkTagPreviewContext: i, linkTagPreviewActive: m } = ke(), { handleImageUploadFlow: s, swapOnLoad: g } = Lt(), c = L(() => (l.value, o(u.value))), f = L({
|
|
4009
|
+
get: () => p.value,
|
|
4010
4010
|
set: (fe) => {
|
|
4011
|
-
|
|
4011
|
+
p.value = fe;
|
|
4012
4012
|
}
|
|
4013
4013
|
}), { displayValue: v, isOverridden: h, setProp: y, resetProp: S, isBorderOverridden: z, resetBorder: F, toggleDesktopHide: B, toggleMobileHide: C } = nt(c, f), _ = [{
|
|
4014
4014
|
key: "width",
|
|
@@ -4043,7 +4043,7 @@ var rd = {
|
|
|
4043
4043
|
src: T.value,
|
|
4044
4044
|
alt: I.value,
|
|
4045
4045
|
link: E.value
|
|
4046
|
-
}), H = (fe) => ut(fe ?? "", i.value,
|
|
4046
|
+
}), H = (fe) => ut(fe ?? "", i.value, m.value), Y = L(() => H(c.value?.props?.src)), W = L(() => H(c.value?.props?.alt)), U = L(() => H(c.value?.props?.link)), le = (fe, re) => {
|
|
4047
4047
|
f.value === "mobile" ? c.value.props.mobile[fe] = re : c.value.props[fe] = re, d(`set-${fe}`);
|
|
4048
4048
|
}, be = [
|
|
4049
4049
|
"image_url",
|
|
@@ -4097,7 +4097,7 @@ var rd = {
|
|
|
4097
4097
|
onKeyup: re[2] || (re[2] = (J) => a(q)("src", J))
|
|
4098
4098
|
}, null, 8, ["model-value"]),
|
|
4099
4099
|
b(ot, {
|
|
4100
|
-
active: a(
|
|
4100
|
+
active: a(m),
|
|
4101
4101
|
resolved: Y.value,
|
|
4102
4102
|
raw: c.value.props.src
|
|
4103
4103
|
}, null, 8, [
|
|
@@ -4136,7 +4136,7 @@ var rd = {
|
|
|
4136
4136
|
onKeyup: re[4] || (re[4] = (J) => a(q)("alt", J))
|
|
4137
4137
|
}, null, 8, ["model-value"]),
|
|
4138
4138
|
b(ot, {
|
|
4139
|
-
active: a(
|
|
4139
|
+
active: a(m),
|
|
4140
4140
|
resolved: W.value,
|
|
4141
4141
|
raw: c.value.props.alt
|
|
4142
4142
|
}, null, 8, [
|
|
@@ -4177,7 +4177,7 @@ var rd = {
|
|
|
4177
4177
|
onClick: re[6] || (re[6] = (J) => a(q)("link", J)),
|
|
4178
4178
|
onKeyup: re[7] || (re[7] = (J) => a(q)("link", J))
|
|
4179
4179
|
}, null, 8, ["model-value"]), b(ot, {
|
|
4180
|
-
active: a(
|
|
4180
|
+
active: a(m),
|
|
4181
4181
|
resolved: U.value,
|
|
4182
4182
|
raw: c.value.props.link
|
|
4183
4183
|
}, null, 8, [
|
|
@@ -4307,23 +4307,23 @@ var rd = {
|
|
|
4307
4307
|
}
|
|
4308
4308
|
}), yd = wd;
|
|
4309
4309
|
function kd(t, l) {
|
|
4310
|
-
const { marginStyle: o, paddingStyle: u, safeUrl:
|
|
4311
|
-
return `<div style="${o} ${u} ${i}" class="${
|
|
4312
|
-
${t.enabled && t.link ? `<a href="${
|
|
4310
|
+
const { marginStyle: o, paddingStyle: u, safeUrl: p, getResponsiveClasses: d } = l, i = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", m = d(t.desktopHide, t.mobileHide), s = `<img src="${t.src}" alt="${t.alt}" style="width:${st(t.width, "width")}; height:${st(t.height, "height")}; border-radius:${Ue(t.borderRadius)}; ${Tt(t.border)}; display:inline-block;"/>`;
|
|
4311
|
+
return `<div style="${o} ${u} ${i}" class="${m}">
|
|
4312
|
+
${t.enabled && t.link ? `<a href="${p(t.link || "https://example.com")}" target="_blank" rel="noopener noreferrer nofollow" style="text-decoration:none;">${s}</a>` : s}
|
|
4313
4313
|
</div>
|
|
4314
4314
|
`;
|
|
4315
4315
|
}
|
|
4316
4316
|
function $d(t, l) {
|
|
4317
|
-
const { marginStyle: o, paddingStyle: u, safeUrl:
|
|
4317
|
+
const { marginStyle: o, paddingStyle: u, safeUrl: p, getResponsiveClasses: d } = l, i = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", m = d(t.desktopHide, t.mobileHide), s = `<img src="${t.src}" alt="${t.alt}" style="width:${st(t.width, "width")}; height:${st(t.height, "height")}; border-radius:${Ue(t.borderRadius)}; ${Tt(t.border)}; display:inline-block;"/>`;
|
|
4318
4318
|
return `<mj-text padding="0"
|
|
4319
4319
|
font-size="0"
|
|
4320
4320
|
line-height="0"
|
|
4321
|
-
font-family="none"><div style="${o} ${u} ${i}" class="${
|
|
4322
|
-
${t.enabled && t.link ? `<a href="${
|
|
4321
|
+
font-family="none"><div style="${o} ${u} ${i}" class="${m}">
|
|
4322
|
+
${t.enabled && t.link ? `<a href="${p(t.link || "https://example.com")}" target="_blank" rel="noopener noreferrer nofollow" style="text-decoration:none;">${s}</a>` : s}
|
|
4323
4323
|
</div></mj-text>`;
|
|
4324
4324
|
}
|
|
4325
4325
|
function Cd(t, l) {
|
|
4326
|
-
const { safeUrl: o, getResponsiveClasses: u, react:
|
|
4326
|
+
const { safeUrl: o, getResponsiveClasses: u, react: p } = l, { parseMarginPaddingDiscrete: d, styleObj: i } = p, m = t.align === "center" ? "center" : t.align === "right" ? "right" : "left", s = u(t.desktopHide, t.mobileHide), g = `<Img
|
|
4327
4327
|
src="${t.src}"
|
|
4328
4328
|
alt="${t.alt}"
|
|
4329
4329
|
style={{ width:"${st(t.width, "width")}", height:"${st(t.height, "height")}", borderRadius:"${Ue(t.borderRadius)}", ...${JSON.stringify(dt(t.border))}, display:"inline-block" }}
|
|
@@ -4334,7 +4334,7 @@ function Cd(t, l) {
|
|
|
4334
4334
|
className="${s}"
|
|
4335
4335
|
style={{ ${i({
|
|
4336
4336
|
...d(t.margin, t.padding),
|
|
4337
|
-
textAlign:
|
|
4337
|
+
textAlign: m
|
|
4338
4338
|
})} }}
|
|
4339
4339
|
>
|
|
4340
4340
|
${c}
|
|
@@ -4364,28 +4364,28 @@ var Sd = {
|
|
|
4364
4364
|
__name: "VideoRenderer",
|
|
4365
4365
|
props: { component: {} },
|
|
4366
4366
|
setup(t) {
|
|
4367
|
-
const l = t, { linkTagPreviewContext: o, linkTagPreviewActive: u, previewMode:
|
|
4367
|
+
const l = t, { linkTagPreviewContext: o, linkTagPreviewActive: u, previewMode: p, linksActive: d } = ke(), i = (z) => {
|
|
4368
4368
|
d.value || z.preventDefault();
|
|
4369
|
-
},
|
|
4369
|
+
}, m = L(() => {
|
|
4370
4370
|
const z = l.component.props;
|
|
4371
|
-
if (
|
|
4371
|
+
if (p.value !== "mobile" || !z.mobile) return z;
|
|
4372
4372
|
const F = { ...z };
|
|
4373
4373
|
return Object.entries(z.mobile).forEach(([B, C]) => {
|
|
4374
4374
|
C != null && (F[B] = C);
|
|
4375
4375
|
}), F;
|
|
4376
4376
|
}), s = (z) => ut(z ?? "", o.value, u.value), g = L(() => s(l.component.props.src)), c = L(() => s(l.component.props.alt)), f = L(() => s(l.component.props.fallbackLink)), v = L(() => s(l.component.props.coverImage)), h = L(() => ({
|
|
4377
|
-
margin: `${
|
|
4378
|
-
padding: `${
|
|
4379
|
-
textAlign:
|
|
4377
|
+
margin: `${m.value.margin.top}px ${m.value.margin.right}px ${m.value.margin.bottom}px ${m.value.margin.left}px`,
|
|
4378
|
+
padding: `${m.value.padding.top}px ${m.value.padding.right}px ${m.value.padding.bottom}px ${m.value.padding.left}px`,
|
|
4379
|
+
textAlign: m.value.align
|
|
4380
4380
|
})), y = L(() => ({
|
|
4381
4381
|
width: "100%",
|
|
4382
|
-
height:
|
|
4383
|
-
borderRadius: Ue(
|
|
4384
|
-
...dt(
|
|
4382
|
+
height: m.value.height === "auto" ? "auto" : `${m.value.height}px`,
|
|
4383
|
+
borderRadius: Ue(m.value.borderRadius),
|
|
4384
|
+
...dt(m.value.border),
|
|
4385
4385
|
display: "inline-block"
|
|
4386
4386
|
})), S = L(() => {
|
|
4387
4387
|
const { mobileHide: z, desktopHide: F } = l.component.props;
|
|
4388
|
-
return
|
|
4388
|
+
return p.value === "mobile" && z || p.value === "desktop" && F ? "opacity-30" : "";
|
|
4389
4389
|
});
|
|
4390
4390
|
return (z, F) => (r(), n("div", {
|
|
4391
4391
|
style: xe(h.value),
|
|
@@ -4422,10 +4422,10 @@ var Sd = {
|
|
|
4422
4422
|
}, Id = /* @__PURE__ */ ae({
|
|
4423
4423
|
__name: "VideoPanel",
|
|
4424
4424
|
setup(t) {
|
|
4425
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
4426
|
-
get: () =>
|
|
4425
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d, linkTagPreviewContext: i, linkTagPreviewActive: m } = ke(), s = L(() => (l.value, o(u.value))), g = L({
|
|
4426
|
+
get: () => p.value,
|
|
4427
4427
|
set: (Y) => {
|
|
4428
|
-
|
|
4428
|
+
p.value = Y;
|
|
4429
4429
|
}
|
|
4430
4430
|
}), { displayValue: c, isOverridden: f, setProp: v, resetProp: h, isBorderOverridden: y, resetBorder: S, toggleDesktopHide: z, toggleMobileHide: F } = nt(s, g), B = (Y) => {
|
|
4431
4431
|
s.value.props.src = Y.trim(), d("video-src");
|
|
@@ -4440,7 +4440,7 @@ var Sd = {
|
|
|
4440
4440
|
fallbackLink: A.value,
|
|
4441
4441
|
coverImage: P.value,
|
|
4442
4442
|
alt: x.value
|
|
4443
|
-
}), I = (Y) => ut(Y ?? "", i.value,
|
|
4443
|
+
}), I = (Y) => ut(Y ?? "", i.value, m.value), E = L(() => I(s.value?.props?.src)), ie = L(() => I(s.value?.props?.alt)), q = L(() => I(s.value?.props?.fallbackLink)), O = L(() => I(s.value?.props?.coverImage)), j = (Y, W) => {
|
|
4444
4444
|
g.value === "mobile" ? s.value.props.mobile[Y] = W : s.value.props[Y] = W, d(`set-${Y}`);
|
|
4445
4445
|
}, H = [
|
|
4446
4446
|
"video_url",
|
|
@@ -4472,7 +4472,7 @@ var Sd = {
|
|
|
4472
4472
|
"onUpdate:modelValue": B
|
|
4473
4473
|
}, null, 8, ["model-value"]),
|
|
4474
4474
|
b(ot, {
|
|
4475
|
-
active: a(
|
|
4475
|
+
active: a(m),
|
|
4476
4476
|
resolved: E.value,
|
|
4477
4477
|
raw: s.value.props.src
|
|
4478
4478
|
}, null, 8, [
|
|
@@ -4495,7 +4495,7 @@ var Sd = {
|
|
|
4495
4495
|
"onUpdate:modelValue": C
|
|
4496
4496
|
}, null, 8, ["model-value"]),
|
|
4497
4497
|
b(ot, {
|
|
4498
|
-
active: a(
|
|
4498
|
+
active: a(m),
|
|
4499
4499
|
resolved: q.value,
|
|
4500
4500
|
raw: s.value.props.fallbackLink
|
|
4501
4501
|
}, null, 8, [
|
|
@@ -4517,7 +4517,7 @@ var Sd = {
|
|
|
4517
4517
|
"onUpdate:modelValue": _
|
|
4518
4518
|
}, null, 8, ["model-value"]),
|
|
4519
4519
|
b(ot, {
|
|
4520
|
-
active: a(
|
|
4520
|
+
active: a(m),
|
|
4521
4521
|
resolved: O.value,
|
|
4522
4522
|
raw: s.value.props.coverImage
|
|
4523
4523
|
}, null, 8, [
|
|
@@ -4540,7 +4540,7 @@ var Sd = {
|
|
|
4540
4540
|
"onUpdate:modelValue": D
|
|
4541
4541
|
}, null, 8, ["model-value"]),
|
|
4542
4542
|
b(ot, {
|
|
4543
|
-
active: a(
|
|
4543
|
+
active: a(m),
|
|
4544
4544
|
resolved: ie.value,
|
|
4545
4545
|
raw: s.value.props.alt
|
|
4546
4546
|
}, null, 8, [
|
|
@@ -4661,8 +4661,8 @@ var Sd = {
|
|
|
4661
4661
|
}
|
|
4662
4662
|
}), Vd = Id;
|
|
4663
4663
|
function Ld(t, l) {
|
|
4664
|
-
const { uid: o, marginStyle: u, paddingStyle:
|
|
4665
|
-
return ` <div style="${u} ${
|
|
4664
|
+
const { uid: o, marginStyle: u, paddingStyle: p, safeUrl: d, getResponsiveClasses: i } = l, m = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", s = i(t.desktopHide, t.mobileHide), g = t.src || "", c = t.fallbackLink || t.src || "#", f = t.coverImage || "", v = t.alt || "Watch Video", h = `width:${t.width}%; height:${t.height}; border-radius:${Ue(t.borderRadius)}; ${Tt(t.border)}; display:inline-block;`;
|
|
4665
|
+
return ` <div style="${u} ${p} ${m}" class="${s}">
|
|
4666
4666
|
<a href="${d(c)}" target="_blank" style="display:inline-block; text-decoration:none;">
|
|
4667
4667
|
<video
|
|
4668
4668
|
${g ? `src="${g}"` : ""}
|
|
@@ -4680,11 +4680,11 @@ function Ld(t, l) {
|
|
|
4680
4680
|
`;
|
|
4681
4681
|
}
|
|
4682
4682
|
function zd(t, l) {
|
|
4683
|
-
const { uid: o, marginStyle: u, paddingStyle:
|
|
4683
|
+
const { uid: o, marginStyle: u, paddingStyle: p, safeUrl: d, getResponsiveClasses: i } = l, m = t.align === "center" ? "text-align:center;" : t.align === "right" ? "text-align:right;" : "text-align:left;", s = i(t.desktopHide, t.mobileHide), g = t.src || "", c = t.fallbackLink || t.src || "#", f = t.coverImage || "", v = t.alt || "Watch Video", h = `width:${t.width}%; height:${t.height}; border-radius:${Ue(t.borderRadius)}; ${Tt(t.border)}; display:inline-block;`;
|
|
4684
4684
|
return `<mj-text padding="0"
|
|
4685
4685
|
font-size="0"
|
|
4686
4686
|
line-height="0"
|
|
4687
|
-
font-family="none"> <div style="${u} ${
|
|
4687
|
+
font-family="none"> <div style="${u} ${p} ${m}" class="${s}">
|
|
4688
4688
|
<a href="${d(c)}" target="_blank" style="display:inline-block; text-decoration:none;">
|
|
4689
4689
|
<video
|
|
4690
4690
|
${g ? `src="${g}"` : ""}
|
|
@@ -4702,12 +4702,12 @@ function zd(t, l) {
|
|
|
4702
4702
|
</mj-text>`;
|
|
4703
4703
|
}
|
|
4704
4704
|
function Ad(t, l) {
|
|
4705
|
-
const { safeUrl: o, getResponsiveClasses: u, react:
|
|
4705
|
+
const { safeUrl: o, getResponsiveClasses: u, react: p } = l, { parseMarginPaddingDiscrete: d, styleObj: i } = p, m = t.align === "center" ? "center" : t.align === "right" ? "right" : "left", s = u(t.desktopHide, t.mobileHide), g = t.fallbackLink || t.src || "#", c = t.coverImage || "", f = t.alt || "Watch Video", v = c ? `<Img src="${c}" alt="${f}" style={{ width:"${t.width}%", height:"${t.height}", borderRadius:"${Ue(t.borderRadius)}", ...${JSON.stringify(dt(t.border))}, display:"inline-block" }} />` : `<span style={{ display:"inline-block", padding:"12px 24px", backgroundColor:"#222222", color:"#ffffff", fontFamily:"sans-serif", fontSize:"15px", borderRadius:"${Ue(t.borderRadius)}", ...${JSON.stringify(dt(t.border))} }}>▶ ${f}</span>`;
|
|
4706
4706
|
return `<div
|
|
4707
4707
|
className="${s}"
|
|
4708
4708
|
style={{ ${i({
|
|
4709
4709
|
...d(t.margin, t.padding),
|
|
4710
|
-
textAlign:
|
|
4710
|
+
textAlign: m
|
|
4711
4711
|
})} }}
|
|
4712
4712
|
>
|
|
4713
4713
|
<Link href="${o(g)}" target="_blank" style={{ display:"inline-block", textDecoration:"none" }}>
|
|
@@ -4739,26 +4739,26 @@ var Pd = {
|
|
|
4739
4739
|
__name: "DividerRenderer",
|
|
4740
4740
|
props: { component: {} },
|
|
4741
4741
|
setup(t) {
|
|
4742
|
-
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props),
|
|
4743
|
-
const
|
|
4742
|
+
const l = t, { previewMode: o } = ke(), u = L(() => l.component.props), p = Pt(u, o), d = L(() => {
|
|
4743
|
+
const m = at(l.component.props, o);
|
|
4744
4744
|
return {
|
|
4745
|
-
margin: `${
|
|
4746
|
-
padding: `${
|
|
4747
|
-
textAlign:
|
|
4745
|
+
margin: `${m.margin.top}px ${m.margin.right}px ${m.margin.bottom}px ${m.margin.left}px`,
|
|
4746
|
+
padding: `${m.padding.top}px ${m.padding.right}px ${m.padding.bottom}px ${m.padding.left}px`,
|
|
4747
|
+
textAlign: m.align
|
|
4748
4748
|
};
|
|
4749
4749
|
}), i = L(() => {
|
|
4750
|
-
const
|
|
4750
|
+
const m = at(l.component.props, o);
|
|
4751
4751
|
return {
|
|
4752
|
-
margin:
|
|
4753
|
-
width:
|
|
4754
|
-
height:
|
|
4755
|
-
background: At(
|
|
4752
|
+
margin: m.align === "center" ? "0 auto" : m.align === "right" ? "0 0 0 auto" : "0",
|
|
4753
|
+
width: m.width + "%",
|
|
4754
|
+
height: m.height + "px",
|
|
4755
|
+
background: At(m),
|
|
4756
4756
|
border: "none"
|
|
4757
4757
|
};
|
|
4758
4758
|
});
|
|
4759
|
-
return (
|
|
4759
|
+
return (m, s) => (r(), n("div", {
|
|
4760
4760
|
style: xe(d.value),
|
|
4761
|
-
class: N(a(
|
|
4761
|
+
class: N(a(p))
|
|
4762
4762
|
}, [e("hr", { style: xe(i.value) }, null, 4)], 6));
|
|
4763
4763
|
}
|
|
4764
4764
|
}), jd = Ed, Hd = {
|
|
@@ -4767,18 +4767,18 @@ var Pd = {
|
|
|
4767
4767
|
}, Ud = { class: "mb-5" }, Od = { class: "flex items-center justify-between mb-1" }, Fd = /* @__PURE__ */ ae({
|
|
4768
4768
|
__name: "DividerPanel",
|
|
4769
4769
|
setup(t) {
|
|
4770
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
4771
|
-
get: () =>
|
|
4770
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d } = ke(), i = L(() => (l.value, o(u.value))), m = L({
|
|
4771
|
+
get: () => p.value,
|
|
4772
4772
|
set: (C) => {
|
|
4773
|
-
|
|
4773
|
+
p.value = C;
|
|
4774
4774
|
}
|
|
4775
|
-
}), { displayValue: s, isOverridden: g, setProp: c, resetProp: f, displayBackground: v, setBackground: h, isBackgroundOverridden: y, resetBackground: S, toggleDesktopHide: z, toggleMobileHide: F } = nt(i,
|
|
4776
|
-
|
|
4775
|
+
}), { displayValue: s, isOverridden: g, setProp: c, resetProp: f, displayBackground: v, setBackground: h, isBackgroundOverridden: y, resetBackground: S, toggleDesktopHide: z, toggleMobileHide: F } = nt(i, m), B = (C, _) => {
|
|
4776
|
+
m.value === "mobile" ? i.value.props.mobile[C] = _ : i.value.props[C] = _, d(`set-${C}`);
|
|
4777
4777
|
};
|
|
4778
4778
|
return (C, _) => i.value ? (r(), n("div", Hd, [
|
|
4779
4779
|
b(it, {
|
|
4780
|
-
modelValue:
|
|
4781
|
-
"onUpdate:modelValue": _[0] || (_[0] = (D) =>
|
|
4780
|
+
modelValue: m.value,
|
|
4781
|
+
"onUpdate:modelValue": _[0] || (_[0] = (D) => m.value = D)
|
|
4782
4782
|
}, null, 8, ["modelValue"]),
|
|
4783
4783
|
b(me, { title: "Appearance" }, {
|
|
4784
4784
|
default: ee(() => [
|
|
@@ -4831,9 +4831,9 @@ var Pd = {
|
|
|
4831
4831
|
b(me, { title: "Spacing" }, {
|
|
4832
4832
|
default: ee(() => [b(Ae, {
|
|
4833
4833
|
label: "Margin",
|
|
4834
|
-
"model-value":
|
|
4834
|
+
"model-value": m.value === "mobile" ? i.value.props.mobile.margin : i.value.props.margin,
|
|
4835
4835
|
"desktop-value": i.value.props.margin,
|
|
4836
|
-
"is-mobile-edit":
|
|
4836
|
+
"is-mobile-edit": m.value === "mobile",
|
|
4837
4837
|
"onUpdate:modelValue": _[9] || (_[9] = (D) => B("margin", D))
|
|
4838
4838
|
}, null, 8, [
|
|
4839
4839
|
"model-value",
|
|
@@ -4843,8 +4843,8 @@ var Pd = {
|
|
|
4843
4843
|
_: 1
|
|
4844
4844
|
}),
|
|
4845
4845
|
b(Ke, { visibility: i.value.props.visibility }, null, 8, ["visibility"]),
|
|
4846
|
-
b(me, { title:
|
|
4847
|
-
default: ee(() => [
|
|
4846
|
+
b(me, { title: m.value === "desktop" ? "Desktop Settings" : "Mobile Settings" }, {
|
|
4847
|
+
default: ee(() => [m.value === "desktop" ? (r(), oe(ze, {
|
|
4848
4848
|
key: 0,
|
|
4849
4849
|
label: "Hide on Desktop",
|
|
4850
4850
|
description: "Block will hide on screens ≥600px",
|
|
@@ -4863,7 +4863,7 @@ var Pd = {
|
|
|
4863
4863
|
}
|
|
4864
4864
|
}), Nd = Fd;
|
|
4865
4865
|
function Gd(t, l) {
|
|
4866
|
-
const { uid: o, marginStyle: u, resolveBgCss:
|
|
4866
|
+
const { uid: o, marginStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = t.align ?? "center", m = p(t.backgroundGradient, t.backgroundColor), s = !m.includes("gradient(") && t.backgroundColor && t.backgroundColor !== "transparent" ? `bgcolor="${t.backgroundColor}"` : "", g = d(t.desktopHide, t.mobileHide), c = i === "center" ? "margin:0 auto;" : i === "right" ? "margin-left:auto; margin-right:0;" : "margin-left:0; margin-right:auto;";
|
|
4867
4867
|
return `
|
|
4868
4868
|
<div style="${u}" class="${g}">
|
|
4869
4869
|
<table width="100%" role="presentation" cellpadding="0" cellspacing="0">
|
|
@@ -4886,7 +4886,7 @@ function Gd(t, l) {
|
|
|
4886
4886
|
<td
|
|
4887
4887
|
${s}
|
|
4888
4888
|
class="${o}-divider-td"
|
|
4889
|
-
style="height:${t.height}px; line-height:${t.height}px; font-size:0; ${
|
|
4889
|
+
style="height:${t.height}px; line-height:${t.height}px; font-size:0; ${m}"
|
|
4890
4890
|
> </td>
|
|
4891
4891
|
</tr>
|
|
4892
4892
|
</table>
|
|
@@ -4903,7 +4903,7 @@ function Gd(t, l) {
|
|
|
4903
4903
|
`;
|
|
4904
4904
|
}
|
|
4905
4905
|
function Wd(t, l) {
|
|
4906
|
-
const { uid: o, marginStyle: u, resolveBgCss:
|
|
4906
|
+
const { uid: o, marginStyle: u, resolveBgCss: p, getResponsiveClasses: d } = l, i = t.align ?? "center", m = p(t.backgroundGradient, t.backgroundColor), s = !m.includes("gradient(") && t.backgroundColor && t.backgroundColor !== "transparent" ? `bgcolor="${t.backgroundColor}"` : "", g = d(t.desktopHide, t.mobileHide), c = i === "center" ? "margin:0 auto;" : i === "right" ? "margin-left:auto; margin-right:0;" : "margin-left:0; margin-right:auto;";
|
|
4907
4907
|
return `<mj-text padding="0"
|
|
4908
4908
|
font-size="0"
|
|
4909
4909
|
line-height="0"
|
|
@@ -4923,7 +4923,7 @@ function Wd(t, l) {
|
|
|
4923
4923
|
<td
|
|
4924
4924
|
${s}
|
|
4925
4925
|
class="${o}-divider-td"
|
|
4926
|
-
style="height:${t.height}px; line-height:${t.height}px; font-size:0; ${
|
|
4926
|
+
style="height:${t.height}px; line-height:${t.height}px; font-size:0; ${m}"
|
|
4927
4927
|
> </td>
|
|
4928
4928
|
</tr>
|
|
4929
4929
|
</table>
|
|
@@ -4934,8 +4934,8 @@ function Wd(t, l) {
|
|
|
4934
4934
|
</mj-text>`;
|
|
4935
4935
|
}
|
|
4936
4936
|
function qd(t, l) {
|
|
4937
|
-
const { uid: o, react: u } = l, { parseMarginPaddingDiscrete:
|
|
4938
|
-
return `<div className="${g}" style={{ ${i(
|
|
4937
|
+
const { uid: o, react: u } = l, { parseMarginPaddingDiscrete: p, parseCssString: d, styleObj: i } = u, m = t.align ?? "center", s = l.resolveBgCss(t.backgroundGradient, t.backgroundColor), g = l.getResponsiveClasses(t.desktopHide, t.mobileHide), c = m === "center" ? "0 auto" : m === "right" ? "0 0 0 auto" : "0 auto 0 0";
|
|
4938
|
+
return `<div className="${g}" style={{ ${i(p(t.margin, void 0))} }}>
|
|
4939
4939
|
<Hr
|
|
4940
4940
|
className="${o}-divider-td"
|
|
4941
4941
|
style={{ ${i({
|
|
@@ -4973,7 +4973,7 @@ var Yd = {
|
|
|
4973
4973
|
__name: "SpacerRenderer",
|
|
4974
4974
|
props: { component: {} },
|
|
4975
4975
|
setup(t) {
|
|
4976
|
-
const l = t, { previewMode: o } = ke(), u = L(() => [o.value === "mobile" && l.component.props.mobileHide ? "bg-(--md-inverse-surface)/35" : "", o.value === "desktop" && l.component.props.desktopHide ? "bg-(--md-inverse-surface)/35" : ""]),
|
|
4976
|
+
const l = t, { previewMode: o } = ke(), u = L(() => [o.value === "mobile" && l.component.props.mobileHide ? "bg-(--md-inverse-surface)/35" : "", o.value === "desktop" && l.component.props.desktopHide ? "bg-(--md-inverse-surface)/35" : ""]), p = L(() => {
|
|
4977
4977
|
const d = at(l.component.props, o);
|
|
4978
4978
|
return {
|
|
4979
4979
|
width: "100%",
|
|
@@ -4981,17 +4981,17 @@ var Yd = {
|
|
|
4981
4981
|
background: At(d)
|
|
4982
4982
|
};
|
|
4983
4983
|
});
|
|
4984
|
-
return (d, i) => (r(), n("div", { class: N(u.value) }, [e("div", { style: xe(
|
|
4984
|
+
return (d, i) => (r(), n("div", { class: N(u.value) }, [e("div", { style: xe(p.value) }, null, 4)], 2));
|
|
4985
4985
|
}
|
|
4986
4986
|
}), Jd = Kd, Xd = { class: "space-y-3" }, Qd = { class: "flex items-center justify-between mb-1" }, Zd = /* @__PURE__ */ ae({
|
|
4987
4987
|
__name: "SpacerPanel",
|
|
4988
4988
|
setup(t) {
|
|
4989
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
4990
|
-
get: () =>
|
|
4989
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p } = ke(), d = L(() => (l.value, o(u.value))), i = L({
|
|
4990
|
+
get: () => p.value,
|
|
4991
4991
|
set: (F) => {
|
|
4992
|
-
|
|
4992
|
+
p.value = F;
|
|
4993
4993
|
}
|
|
4994
|
-
}), { displayValue:
|
|
4994
|
+
}), { displayValue: m, isOverridden: s, setProp: g, resetProp: c, displayBackground: f, setBackground: v, isBackgroundOverridden: h, resetBackground: y, toggleDesktopHide: S, toggleMobileHide: z } = nt(d, i);
|
|
4995
4995
|
return (F, B) => (r(), n("div", Xd, [
|
|
4996
4996
|
b(it, {
|
|
4997
4997
|
modelValue: i.value,
|
|
@@ -5000,7 +5000,7 @@ var Yd = {
|
|
|
5000
5000
|
b(me, { title: "Spacer" }, {
|
|
5001
5001
|
default: ee(() => [b(Me, {
|
|
5002
5002
|
label: "Height (px)",
|
|
5003
|
-
"model-value": a(
|
|
5003
|
+
"model-value": a(m)("height"),
|
|
5004
5004
|
min: 1,
|
|
5005
5005
|
max: 600,
|
|
5006
5006
|
step: 5,
|
|
@@ -5046,26 +5046,26 @@ var Yd = {
|
|
|
5046
5046
|
}
|
|
5047
5047
|
}), eu = Zd;
|
|
5048
5048
|
function tu(t, l) {
|
|
5049
|
-
const { uid: o, resolveBgCss: u, getResponsiveClasses:
|
|
5050
|
-
return `<div class="${
|
|
5049
|
+
const { uid: o, resolveBgCss: u, getResponsiveClasses: p } = l, d = u(t.backgroundGradient, t.backgroundColor);
|
|
5050
|
+
return `<div class="${p(t.desktopHide, t.mobileHide)}"><div class="${o}-spacer-td" height="${t.height}" style="height:${t.height}px;line-height:${t.height}px;font-size:1px;mso-line-height-rule:exactly;${d}"> </div></div>
|
|
5051
5051
|
`;
|
|
5052
5052
|
}
|
|
5053
5053
|
function ou(t, l) {
|
|
5054
|
-
const { uid: o, resolveBgCss: u, getResponsiveClasses:
|
|
5054
|
+
const { uid: o, resolveBgCss: u, getResponsiveClasses: p } = l, d = u(t.backgroundGradient, t.backgroundColor);
|
|
5055
5055
|
return `<mj-text padding="0"
|
|
5056
5056
|
font-size="0"
|
|
5057
5057
|
line-height="0"
|
|
5058
|
-
font-family="none"><div class="${
|
|
5058
|
+
font-family="none"><div class="${p(t.desktopHide, t.mobileHide)}"><div class="${o}-spacer-td" height="${t.height}" style="height:${t.height}px;line-height:${t.height}px;font-size:1px;mso-line-height-rule:exactly;${d}"> </div></div>
|
|
5059
5059
|
</mj-text>`;
|
|
5060
5060
|
}
|
|
5061
5061
|
function ru(t, l) {
|
|
5062
|
-
const { uid: o, resolveBgCss: u, getResponsiveClasses:
|
|
5062
|
+
const { uid: o, resolveBgCss: u, getResponsiveClasses: p, react: d } = l, { parseCssString: i, styleObj: m } = d, s = u(t.backgroundGradient, t.backgroundColor);
|
|
5063
5063
|
return `<div
|
|
5064
|
-
className="${
|
|
5064
|
+
className="${p(t.desktopHide, t.mobileHide)}"
|
|
5065
5065
|
>
|
|
5066
5066
|
<div
|
|
5067
5067
|
className="${o}-spacer-td"
|
|
5068
|
-
style={{ ${
|
|
5068
|
+
style={{ ${m({
|
|
5069
5069
|
height: `${t.height}px`,
|
|
5070
5070
|
lineHeight: `${t.height}px`,
|
|
5071
5071
|
fontSize: "1px",
|
|
@@ -5095,7 +5095,7 @@ var au = {
|
|
|
5095
5095
|
__name: "MenuRenderer",
|
|
5096
5096
|
props: { component: {} },
|
|
5097
5097
|
setup(t) {
|
|
5098
|
-
const l = t, { previewMode: o, linksActive: u } = ke(),
|
|
5098
|
+
const l = t, { previewMode: o, linksActive: u } = ke(), p = L(() => l.component.props), d = Pt(p, o), i = L(() => {
|
|
5099
5099
|
const c = at(l.component.props, o);
|
|
5100
5100
|
return {
|
|
5101
5101
|
margin: `${c.margin.top}px ${c.margin.right}px ${c.margin.bottom}px ${c.margin.left}px`,
|
|
@@ -5104,7 +5104,7 @@ var au = {
|
|
|
5104
5104
|
textAlign: c.align,
|
|
5105
5105
|
lineHeight: "0"
|
|
5106
5106
|
};
|
|
5107
|
-
}),
|
|
5107
|
+
}), m = L(() => (l.component.props.items ?? []).filter((c) => c.enabled && c.label));
|
|
5108
5108
|
function s(c, f) {
|
|
5109
5109
|
const v = at(l.component.props, o), h = o.value === "mobile" && v.mobileStack, y = Math.ceil((v.spacing ?? 0) / 2), S = c === 0, z = c === f - 1;
|
|
5110
5110
|
return {
|
|
@@ -5130,10 +5130,10 @@ var au = {
|
|
|
5130
5130
|
return (c, f) => (r(), n("div", {
|
|
5131
5131
|
style: xe(i.value),
|
|
5132
5132
|
class: N(a(d))
|
|
5133
|
-
}, [t.component.props.items.some((v) => v.enabled && v.label) ? M("", !0) : (r(), n("div", lu, " Add menu items from panel ")), (r(!0), n(te, null, ce(
|
|
5133
|
+
}, [t.component.props.items.some((v) => v.enabled && v.label) ? M("", !0) : (r(), n("div", lu, " Add menu items from panel ")), (r(!0), n(te, null, ce(m.value, (v, h) => (r(), n("a", {
|
|
5134
5134
|
key: v._id,
|
|
5135
5135
|
href: v.link || "#",
|
|
5136
|
-
style: xe(s(Number(h), Number(
|
|
5136
|
+
style: xe(s(Number(h), Number(m.value.length))),
|
|
5137
5137
|
target: "_blank",
|
|
5138
5138
|
rel: "noopener noreferrer nofollow",
|
|
5139
5139
|
onClick: g
|
|
@@ -5148,15 +5148,15 @@ var au = {
|
|
|
5148
5148
|
}, Su = { class: "flex items-center justify-between mb-1" }, _u = /* @__PURE__ */ ae({
|
|
5149
5149
|
__name: "MenuPanel",
|
|
5150
5150
|
setup(t) {
|
|
5151
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
5152
|
-
get: () =>
|
|
5151
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d } = ke(), { googleFonts: i, loadGoogleFont: m } = $t(), s = L(() => (l.value, o(u.value))), g = L({
|
|
5152
|
+
get: () => p.value,
|
|
5153
5153
|
set: (q) => {
|
|
5154
|
-
|
|
5154
|
+
p.value = q;
|
|
5155
5155
|
}
|
|
5156
5156
|
}), c = K(/* @__PURE__ */ new Set()), f = (q) => c.value.has(q), v = (q) => {
|
|
5157
5157
|
c.value.has(q) ? c.value.delete(q) : c.value.add(q);
|
|
5158
5158
|
}, { displayValue: h, isOverridden: y, setProp: S, resetProp: z, displayBackground: F, setBackground: B, isBackgroundOverridden: C, resetBackground: _, toggleDesktopHide: D, toggleMobileHide: V } = nt(s, g);
|
|
5159
|
-
Se(() => h("fontFamily"), (q) =>
|
|
5159
|
+
Se(() => h("fontFamily"), (q) => m(q), { immediate: !0 });
|
|
5160
5160
|
const A = L(() => new Set([
|
|
5161
5161
|
"fontWeight",
|
|
5162
5162
|
"fontStyle",
|
|
@@ -5437,11 +5437,11 @@ var au = {
|
|
|
5437
5437
|
}
|
|
5438
5438
|
}), Mu = _u;
|
|
5439
5439
|
function Tu(t, l) {
|
|
5440
|
-
const { uid: o, marginStyle: u, paddingStyle:
|
|
5440
|
+
const { uid: o, marginStyle: u, paddingStyle: p, safeUrl: d, resolveBgCss: i, getResponsiveClasses: m } = l, s = m(t.desktopHide, t.mobileHide), g = Math.ceil((t.spacing ?? 0) / 2), c = t.align ?? "center", f = i(t.backgroundGradient, t.backgroundColor), v = !f.includes("gradient(") && t.backgroundColor && t.backgroundColor !== "transparent" ? `bgcolor="${t.backgroundColor}"` : "", h = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "", y = (t.items ?? []).filter((F) => F.enabled && F.label), S = t.mobileStack ? "mobile-stack" : "", z = y.length - 1;
|
|
5441
5441
|
return `
|
|
5442
5442
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" class="${s}" style="${u}">
|
|
5443
5443
|
<tr>
|
|
5444
|
-
<td ${v} class="${o}-menu-td" style="${
|
|
5444
|
+
<td ${v} class="${o}-menu-td" style="${p} ${f} text-align:${c};">
|
|
5445
5445
|
${y.map((F, B) => {
|
|
5446
5446
|
const C = B === 0 ? 0 : g, _ = B === z ? 0 : g;
|
|
5447
5447
|
return `<span class="${o}-menu-item${S ? ` ${S}` : ""}"><a href="${d(F.link || "https://example.com")}" target="_blank" rel="noopener noreferrer nofollow"
|
|
@@ -5454,14 +5454,14 @@ function Tu(t, l) {
|
|
|
5454
5454
|
`;
|
|
5455
5455
|
}
|
|
5456
5456
|
function Ru(t, l) {
|
|
5457
|
-
const { uid: o, marginStyle: u, paddingStyle:
|
|
5457
|
+
const { uid: o, marginStyle: u, paddingStyle: p, safeUrl: d, resolveBgCss: i, getResponsiveClasses: m } = l, s = m(t.desktopHide, t.mobileHide), g = Math.ceil((t.spacing ?? 0) / 2), c = t.align ?? "center", f = i(t.backgroundGradient, t.backgroundColor), v = !f.includes("gradient(") && t.backgroundColor && t.backgroundColor !== "transparent" ? `bgcolor="${t.backgroundColor}"` : "", h = t.letterSpacing > 0 ? `letter-spacing:${t.letterSpacing}px;` : "", y = (t.items ?? []).filter((F) => F.enabled && F.label), S = t.mobileStack ? "mobile-stack" : "", z = y.length - 1;
|
|
5458
5458
|
return `<mj-text padding="0"
|
|
5459
5459
|
font-size="0"
|
|
5460
5460
|
line-height="0"
|
|
5461
5461
|
font-family="none">
|
|
5462
5462
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" class="${s}" style="${u}">
|
|
5463
5463
|
<tr>
|
|
5464
|
-
<td ${v} class="${o}-menu-td" style="${
|
|
5464
|
+
<td ${v} class="${o}-menu-td" style="${p} ${f} text-align:${c};">
|
|
5465
5465
|
${y.map((F, B) => {
|
|
5466
5466
|
const C = B === 0 ? 0 : g, _ = B === z ? 0 : g;
|
|
5467
5467
|
return `<span class="${o}-menu-item${S ? ` ${S}` : ""}"><a href="${d(F.link || "https://example.com")}" target="_blank" rel="noopener noreferrer nofollow"
|
|
@@ -5474,7 +5474,7 @@ font-family="none">
|
|
|
5474
5474
|
</mj-text>`;
|
|
5475
5475
|
}
|
|
5476
5476
|
function Du(t, l) {
|
|
5477
|
-
const { uid: o, safeUrl: u, resolveBgCss:
|
|
5477
|
+
const { uid: o, safeUrl: u, resolveBgCss: p, getResponsiveClasses: d, react: i } = l, { parseMarginPaddingDiscrete: m, parseCssString: s, normalizeFontFamily: g, styleObj: c } = i, f = d(t.desktopHide, t.mobileHide), v = Math.ceil((t.spacing ?? 0) / 2), h = t.align ?? "center", y = p(t.backgroundGradient, t.backgroundColor), S = (t.items ?? []).filter((C) => C.enabled && C.label), z = t.mobileStack ? "mobile-stack" : "", F = S.length - 1, B = S.map((C, _) => {
|
|
5478
5478
|
const D = _ === 0, V = _ === F, A = {
|
|
5479
5479
|
display: "inline-block",
|
|
5480
5480
|
textDecoration: t.textDecoration,
|
|
@@ -5502,7 +5502,7 @@ function Du(t, l) {
|
|
|
5502
5502
|
return `<div
|
|
5503
5503
|
className="${f} ${o}-menu-td"
|
|
5504
5504
|
style={{ ${c({
|
|
5505
|
-
...
|
|
5505
|
+
...m(t.margin, t.padding),
|
|
5506
5506
|
textAlign: h,
|
|
5507
5507
|
...y ? s(y) : {}
|
|
5508
5508
|
})} }}
|
|
@@ -5536,14 +5536,14 @@ var Bu = {
|
|
|
5536
5536
|
__name: "SocialsRenderer",
|
|
5537
5537
|
props: { component: {} },
|
|
5538
5538
|
setup(t) {
|
|
5539
|
-
const l = t, { previewMode: o, linksActive: u } = ke(),
|
|
5539
|
+
const l = t, { previewMode: o, linksActive: u } = ke(), p = L(() => l.component.props), d = Pt(p, o), i = L(() => {
|
|
5540
5540
|
const f = at(l.component.props, o);
|
|
5541
5541
|
return {
|
|
5542
5542
|
margin: `${f.margin.top}px ${f.margin.right}px ${f.margin.bottom}px ${f.margin.left}px`,
|
|
5543
5543
|
padding: `${f.padding.top}px ${f.padding.right}px ${f.padding.bottom}px ${f.padding.left}px`,
|
|
5544
5544
|
textAlign: f.align
|
|
5545
5545
|
};
|
|
5546
|
-
}),
|
|
5546
|
+
}), m = L(() => (l.component.props.platforms ?? []).filter((f) => f.enabled && f.link));
|
|
5547
5547
|
function s(f, v) {
|
|
5548
5548
|
const h = at(l.component.props, o), y = Math.ceil((h.spacing ?? 0) / 2), S = f === 0, z = f === v - 1;
|
|
5549
5549
|
return {
|
|
@@ -5568,10 +5568,10 @@ var Bu = {
|
|
|
5568
5568
|
return (f, v) => (r(), n("div", {
|
|
5569
5569
|
style: xe(i.value),
|
|
5570
5570
|
class: N(a(d))
|
|
5571
|
-
}, [t.component.props.platforms.some((h) => h.enabled && h.link) ? M("", !0) : (r(), n("div", Iu, " Add social link from panel ")), (r(!0), n(te, null, ce(
|
|
5571
|
+
}, [t.component.props.platforms.some((h) => h.enabled && h.link) ? M("", !0) : (r(), n("div", Iu, " Add social link from panel ")), (r(!0), n(te, null, ce(m.value, (h, y) => (r(), n("a", {
|
|
5572
5572
|
key: h.name,
|
|
5573
5573
|
href: h.link,
|
|
5574
|
-
style: xe(s(Number(y),
|
|
5574
|
+
style: xe(s(Number(y), m.value.length)),
|
|
5575
5575
|
target: "_blank",
|
|
5576
5576
|
rel: "noopener noreferrer nofollow",
|
|
5577
5577
|
onClick: c
|
|
@@ -5609,10 +5609,10 @@ var Bu = {
|
|
|
5609
5609
|
}, sc = /* @__PURE__ */ ae({
|
|
5610
5610
|
__name: "SocialsPanel",
|
|
5611
5611
|
setup(t) {
|
|
5612
|
-
const { rows: l, findComponent: o, selectedId: u, previewMode:
|
|
5613
|
-
get: () =>
|
|
5612
|
+
const { rows: l, findComponent: o, selectedId: u, previewMode: p, saveToHistory: d } = ke(), { handleImageUploadFlow: i, swapOnLoad: m } = Lt(), s = L(() => (l.value, o(u.value))), g = L({
|
|
5613
|
+
get: () => p.value,
|
|
5614
5614
|
set: (H) => {
|
|
5615
|
-
|
|
5615
|
+
p.value = H;
|
|
5616
5616
|
}
|
|
5617
5617
|
}), c = K(/* @__PURE__ */ new Set()), f = (H) => c.value.has(H), v = (H) => {
|
|
5618
5618
|
c.value.has(H) ? c.value.delete(H) : c.value.add(H);
|
|
@@ -5664,7 +5664,7 @@ var Bu = {
|
|
|
5664
5664
|
le();
|
|
5665
5665
|
return;
|
|
5666
5666
|
}
|
|
5667
|
-
|
|
5667
|
+
m(U, () => {
|
|
5668
5668
|
be.icon = U, d("icon-upload");
|
|
5669
5669
|
}, le);
|
|
5670
5670
|
}, (U) => {
|
|
@@ -5891,11 +5891,11 @@ var Bu = {
|
|
|
5891
5891
|
}
|
|
5892
5892
|
}), dc = sc;
|
|
5893
5893
|
function uc(t, l) {
|
|
5894
|
-
const { uid: o, marginStyle: u, paddingStyle:
|
|
5894
|
+
const { uid: o, marginStyle: u, paddingStyle: p, safeUrl: d, getResponsiveClasses: i } = l, m = i(t.desktopHide, t.mobileHide), s = Math.ceil((t.spacing ?? 0) / 2), g = t.iconSize ?? 32, c = t.align ?? "center", f = c === "center" ? "margin:0 auto;" : c === "right" ? "margin-left:auto; margin-right:0;" : "margin-left:0; margin-right:auto;", v = (t.platforms ?? []).filter((y) => y.enabled && y.link), h = v.length - 1;
|
|
5895
5895
|
return `
|
|
5896
|
-
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" class="${
|
|
5896
|
+
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" class="${m}" style="${u}">
|
|
5897
5897
|
<tr>
|
|
5898
|
-
<td class="${o}-socials-td" style="${
|
|
5898
|
+
<td class="${o}-socials-td" style="${p} text-align:${c};">
|
|
5899
5899
|
|
|
5900
5900
|
<!--[if mso]>
|
|
5901
5901
|
<table width="100%" role="presentation" cellpadding="0" cellspacing="0">
|
|
@@ -5931,14 +5931,14 @@ function uc(t, l) {
|
|
|
5931
5931
|
`;
|
|
5932
5932
|
}
|
|
5933
5933
|
function cc(t, l) {
|
|
5934
|
-
const { uid: o, marginStyle: u, paddingStyle:
|
|
5934
|
+
const { uid: o, marginStyle: u, paddingStyle: p, safeUrl: d, getResponsiveClasses: i } = l, m = i(t.desktopHide, t.mobileHide), s = Math.ceil((t.spacing ?? 0) / 2), g = t.iconSize ?? 32, c = t.align ?? "center", f = c === "center" ? "margin:0 auto;" : c === "right" ? "margin-left:auto; margin-right:0;" : "margin-left:0; margin-right:auto;", v = (t.platforms ?? []).filter((y) => y.enabled && y.link), h = v.length - 1;
|
|
5935
5935
|
return `<mj-text padding="0"
|
|
5936
5936
|
font-size="0"
|
|
5937
5937
|
line-height="0"
|
|
5938
5938
|
font-family="none">
|
|
5939
|
-
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" class="${
|
|
5939
|
+
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" class="${m}" style="${u}">
|
|
5940
5940
|
<tr>
|
|
5941
|
-
<td class="${o}-socials-td" style="${
|
|
5941
|
+
<td class="${o}-socials-td" style="${p} text-align:${c};">
|
|
5942
5942
|
<table cellpadding="0" cellspacing="0" role="presentation"
|
|
5943
5943
|
class="${o}-socials-inner"
|
|
5944
5944
|
style="${f} display:inline-table;">
|
|
@@ -5962,7 +5962,7 @@ function cc(t, l) {
|
|
|
5962
5962
|
</mj-text>`;
|
|
5963
5963
|
}
|
|
5964
5964
|
function mc(t, l) {
|
|
5965
|
-
const { uid: o, safeUrl: u, getResponsiveClasses:
|
|
5965
|
+
const { uid: o, safeUrl: u, getResponsiveClasses: p, react: d } = l, { parseMarginPaddingDiscrete: i, styleObj: m } = d, s = p(t.desktopHide, t.mobileHide), g = Math.ceil((t.spacing ?? 0) / 2), c = t.iconSize ?? 32, f = t.align ?? "center", v = f === "center" ? { margin: "0 auto" } : f === "right" ? {
|
|
5966
5966
|
marginLeft: "auto",
|
|
5967
5967
|
marginRight: "0"
|
|
5968
5968
|
} : {
|
|
@@ -5990,7 +5990,7 @@ function mc(t, l) {
|
|
|
5990
5990
|
`);
|
|
5991
5991
|
return `<div
|
|
5992
5992
|
className="${s}"
|
|
5993
|
-
style={{ ${
|
|
5993
|
+
style={{ ${m({ ...i(t.margin, t.padding) })} }}
|
|
5994
5994
|
>
|
|
5995
5995
|
<table width="100%" cellPadding={0} cellSpacing={0} role="presentation">
|
|
5996
5996
|
<tr>
|
|
@@ -6003,7 +6003,7 @@ style={{ ${p({ ...i(t.margin, t.padding) })} }}
|
|
|
6003
6003
|
cellSpacing={0}
|
|
6004
6004
|
role="presentation"
|
|
6005
6005
|
className="${o}-socials-inner"
|
|
6006
|
-
style={{ ${
|
|
6006
|
+
style={{ ${m(v)}, display:"inline-table" }}
|
|
6007
6007
|
>
|
|
6008
6008
|
<tr>
|
|
6009
6009
|
${S}
|
|
@@ -6048,9 +6048,9 @@ var ir = "Maildeno", gc = {
|
|
|
6048
6048
|
}), wc = /* @__PURE__ */ Le(hc, [["__scopeId", "data-v-ac364a19"]]);
|
|
6049
6049
|
function yc() {
|
|
6050
6050
|
const t = oo(), { saveProductRow: l } = ko();
|
|
6051
|
-
async function o(u,
|
|
6051
|
+
async function o(u, p) {
|
|
6052
6052
|
try {
|
|
6053
|
-
const d = await l(u,
|
|
6053
|
+
const d = await l(u, p);
|
|
6054
6054
|
return !d || !d.id ? (t.add({
|
|
6055
6055
|
severity: "warn",
|
|
6056
6056
|
summary: "Save failed",
|
|
@@ -6091,7 +6091,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6091
6091
|
required: !0
|
|
6092
6092
|
} },
|
|
6093
6093
|
setup(t) {
|
|
6094
|
-
const l = t, o = L(() => (l.visibility.rules?.length ?? 0) + (l.visibility.groups ?? []).reduce((i,
|
|
6094
|
+
const l = t, o = L(() => (l.visibility.rules?.length ?? 0) + (l.visibility.groups ?? []).reduce((i, m) => i + (m.rules?.length ?? 0), 0)), u = (i) => fo.includes(i), p = (i) => ({
|
|
6095
6095
|
"==": "=",
|
|
6096
6096
|
"!=": "≠",
|
|
6097
6097
|
contains: "⊃",
|
|
@@ -6123,23 +6123,23 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6123
6123
|
"date_after",
|
|
6124
6124
|
"date_on"
|
|
6125
6125
|
].includes(i) ? "text-rose-400" : "text-gray-400";
|
|
6126
|
-
return (i,
|
|
6127
|
-
e("div", $c, [
|
|
6126
|
+
return (i, m) => (r(), n("div", kc, [
|
|
6127
|
+
e("div", $c, [m[0] || (m[0] = e("span", { class: "text-[11px] font-semibold text-white" }, "Visibility Rules", -1)), e("span", { class: N(["text-[9px] font-bold uppercase tracking-wider px-2 py-0.5 rounded-full", t.visibility.match === "all" ? "bg-blue-500/20 text-blue-300 ring-1 ring-blue-500/30" : "bg-orange-500/20 text-orange-300 ring-1 ring-orange-500/30"]) }, " Match " + R(t.visibility.match?.toUpperCase()), 3)]),
|
|
6128
6128
|
e("div", Cc, [t.visibility.rules?.length ? (r(!0), n(te, { key: 0 }, ce(t.visibility.rules, (s, g) => (r(), n("div", {
|
|
6129
6129
|
key: `rule-${g}`,
|
|
6130
6130
|
class: "flex flex-col gap-1"
|
|
6131
6131
|
}, [g > 0 ? (r(), n("div", Sc, R(t.visibility.match === "all" ? "AND" : "OR"), 1)) : M("", !0), e("div", _c, [
|
|
6132
6132
|
e("span", Mc, R(s.tag || "?"), 1),
|
|
6133
|
-
e("span", { class: N(["text-[10px] font-bold font-mono", d(s.operator)]) }, R(
|
|
6133
|
+
e("span", { class: N(["text-[10px] font-bold font-mono", d(s.operator)]) }, R(p(s.operator)), 3),
|
|
6134
6134
|
u(s.operator) ? M("", !0) : (r(), n("span", {
|
|
6135
6135
|
key: 0,
|
|
6136
6136
|
class: "bg-gray-800 text-gray-100 ring-1 ring-white/10 rounded-md px-1.5 py-0.5 text-[10px] font-mono max-w-22.5 truncate",
|
|
6137
6137
|
title: s.value
|
|
6138
6138
|
}, R(s.value || "?"), 9, Tc))
|
|
6139
6139
|
])]))), 128)) : M("", !0), t.visibility.groups?.length ? (r(), n(te, { key: 1 }, [t.visibility.rules?.length ? (r(), n("div", Rc, [
|
|
6140
|
-
|
|
6140
|
+
m[1] || (m[1] = e("div", { class: "h-px flex-1 bg-white/10" }, null, -1)),
|
|
6141
6141
|
e("span", Dc, R(t.visibility.match === "all" ? "AND" : "OR"), 1),
|
|
6142
|
-
|
|
6142
|
+
m[2] || (m[2] = e("div", { class: "h-px flex-1 bg-white/10" }, null, -1))
|
|
6143
6143
|
])) : M("", !0), (r(!0), n(te, null, ce(t.visibility.groups, (s, g) => (r(), n("div", {
|
|
6144
6144
|
key: `group-${g}`,
|
|
6145
6145
|
class: "border border-blue-500/20 rounded-lg bg-blue-500/5 px-2.5 py-2"
|
|
@@ -6148,7 +6148,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6148
6148
|
class: "flex flex-col gap-0.5"
|
|
6149
6149
|
}, [f > 0 ? (r(), n("div", Lc, R(s.match === "all" ? "AND" : "OR"), 1)) : M("", !0), e("div", zc, [
|
|
6150
6150
|
e("span", Ac, R(c.tag || "?"), 1),
|
|
6151
|
-
e("span", { class: N(["text-[10px] font-bold font-mono", d(c.operator)]) }, R(
|
|
6151
|
+
e("span", { class: N(["text-[10px] font-bold font-mono", d(c.operator)]) }, R(p(c.operator)), 3),
|
|
6152
6152
|
u(c.operator) ? M("", !0) : (r(), n("span", {
|
|
6153
6153
|
key: 0,
|
|
6154
6154
|
class: "bg-gray-800 text-gray-100 ring-1 ring-white/10 rounded-md px-1.5 py-0.5 text-[10px] font-mono max-w-20 truncate",
|
|
@@ -6156,7 +6156,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6156
6156
|
}, R(c.value || "?"), 9, Pc))
|
|
6157
6157
|
])]))), 128))])]))), 128))], 64)) : M("", !0)]),
|
|
6158
6158
|
e("div", Ec, [e("p", jc, [
|
|
6159
|
-
|
|
6159
|
+
m[3] || (m[3] = Z(" Shown when ", -1)),
|
|
6160
6160
|
e("span", Hc, R(t.visibility.match === "all" ? "all" : "any"), 1),
|
|
6161
6161
|
Z(" condition" + R(o.value !== 1 ? "s are" : " is") + " met ", 1),
|
|
6162
6162
|
e("span", Uc, "· " + R(o.value) + " rule" + R(o.value !== 1 ? "s" : ""), 1)
|
|
@@ -6231,7 +6231,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6231
6231
|
}
|
|
6232
6232
|
},
|
|
6233
6233
|
setup(t) {
|
|
6234
|
-
const l = t, o = kt(), { selectedId: u, deleteComponent:
|
|
6234
|
+
const l = t, o = kt(), { selectedId: u, deleteComponent: p, moveComponent: d, moveComponentBetweenColumns: i, addComponentAtIndex: m, duplicateComponent: s, previewMode: g, isRowDragActive: c, layerHoveredId: f, selectedRowId: v, selectedColumn: h, canvasHoveredId: y } = ke(), { isLayoutDragActive: S } = Ft(), z = () => {
|
|
6235
6235
|
y.value = l.component.id;
|
|
6236
6236
|
}, F = () => {
|
|
6237
6237
|
y.value === l.component.id && (y.value = null);
|
|
@@ -6296,7 +6296,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6296
6296
|
const ve = pe.dataTransfer.getData("isNewComponent") === "true", he = pe.currentTarget.getBoundingClientRect(), Ce = pe.clientY < he.top + he.height / 2 ? l.index : l.index + 1;
|
|
6297
6297
|
if (ve) {
|
|
6298
6298
|
const fe = pe.dataTransfer.getData("componentType");
|
|
6299
|
-
fe &&
|
|
6299
|
+
fe && m(l.rowId, l.columnId, fe, Ce);
|
|
6300
6300
|
} else {
|
|
6301
6301
|
const fe = pe.dataTransfer.getData("componentId");
|
|
6302
6302
|
fe && fe !== l.component.id.toString() && i(fe, l.rowId, l.columnId, Ce);
|
|
@@ -6470,7 +6470,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6470
6470
|
ry: "2"
|
|
6471
6471
|
}), e("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })], -1)])]), ve[12] || (ve[12] = e("div", { class: "pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-xs font-medium rounded-md whitespace-nowrap opacity-0 group-hover/btn:opacity-100 translate-y-1 group-hover/btn:translate-y-0 transition-all duration-150 after:content-[''] after:absolute after:top-full after:left-1/2 after:-translate-x-1/2 after:border-4 after:border-transparent after:border-t-(--md-tooltip-bg)" }, " Duplicate ", -1))]),
|
|
6472
6472
|
e("div", em, [e("button", {
|
|
6473
|
-
onClick: ve[1] || (ve[1] = ue((he) => a(
|
|
6473
|
+
onClick: ve[1] || (ve[1] = ue((he) => a(p)(t.component.id), ["stop"])),
|
|
6474
6474
|
class: "w-7 h-7 flex items-center justify-center rounded-lg text-(--md-text-subtle) hover:text-(--md-danger) hover:bg-(--md-danger-bg) transition-colors",
|
|
6475
6475
|
"aria-label": "Delete"
|
|
6476
6476
|
}, [...ve[13] || (ve[13] = [e("svg", {
|
|
@@ -6527,10 +6527,10 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6527
6527
|
}
|
|
6528
6528
|
},
|
|
6529
6529
|
setup(t) {
|
|
6530
|
-
const l = kt(), o = K(null), u = t,
|
|
6530
|
+
const l = kt(), o = K(null), u = t, p = Ot(), { moveRow: d, deleteRow: i, reorderRows: m, duplicateRowSpacer: s, selectedId: g, selectedRowId: c, selectedColumn: f, isRowDragActive: v, isTopLevelRowDragActive: h, layerHoveredId: y } = ke(), S = L(() => y.value === String(u.spacer.id)), z = K(!1), F = K(!1), B = K("after"), C = () => {
|
|
6531
6531
|
c.value = u.spacer.id, g.value = null, f.value = null;
|
|
6532
6532
|
}, _ = () => d(u.spacer.id, "up"), D = () => d(u.spacer.id, "down"), V = () => s(u.spacer.id), A = () => {
|
|
6533
|
-
|
|
6533
|
+
p.require({
|
|
6534
6534
|
message: "Delete this spacer?",
|
|
6535
6535
|
header: "Confirm Delete",
|
|
6536
6536
|
acceptLabel: "Delete",
|
|
@@ -6556,7 +6556,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6556
6556
|
if (isNaN(j) || j === u.index) return;
|
|
6557
6557
|
const H = O.currentTarget.getBoundingClientRect(), Y = O.clientY, W = H.top, U = H.bottom;
|
|
6558
6558
|
let le;
|
|
6559
|
-
Y > U - 20 ? le = u.index + 1 : Y < W + 20 ? le = u.index : le = Y < W + H.height / 2 ? u.index : u.index + 1, j < u.index && le--,
|
|
6559
|
+
Y > U - 20 ? le = u.index + 1 : Y < W + 20 ? le = u.index : le = Y < W + H.height / 2 ? u.index : u.index + 1, j < u.index && le--, m(j, le);
|
|
6560
6560
|
}, T = L(() => {
|
|
6561
6561
|
const O = u.spacer, j = O.backgroundGradient, H = j?.useGradient === !0 && Array.isArray(j?.gradient?.colors) && j.gradient.colors.length >= 2;
|
|
6562
6562
|
let Y;
|
|
@@ -6806,7 +6806,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6806
6806
|
},
|
|
6807
6807
|
setup(t) {
|
|
6808
6808
|
const { visibilityPreviewContext: l } = ke(), { evaluateVisibility: o } = yo();
|
|
6809
|
-
return (u,
|
|
6809
|
+
return (u, p) => (t.depth ?? 0) < 5 ? (r(), n(te, { key: 0 }, [t.element.type === "component" ? Be((r(), oe(im, {
|
|
6810
6810
|
key: 0,
|
|
6811
6811
|
component: t.element,
|
|
6812
6812
|
"row-id": t.rowId,
|
|
@@ -6875,7 +6875,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6875
6875
|
}
|
|
6876
6876
|
},
|
|
6877
6877
|
setup(t) {
|
|
6878
|
-
const l = t, { previewMode: o, moveComponentBetweenColumns: u, moveNestedRow:
|
|
6878
|
+
const l = t, { previewMode: o, moveComponentBetweenColumns: u, moveNestedRow: p, addComponent: d, addNestedRow: i, saveToHistoryImmediate: m, selectedColumn: s, selectedRowId: g, selectedId: c, isRowDragActive: f, isTopLevelRowDragActive: v, canvasHoveredId: h, layerHoveredId: y } = ke(), { endLayoutDrag: S, isLayoutDragActive: z, layoutDragPayload: F } = Ft(), { cloneRowForCanvas: B } = ko(), C = L(() => l.column.children ?? l.column.components ?? []), _ = L(() => C.value.some((H) => H.id === c.value)), D = L(() => y.value === String(l.column.id)), V = L(() => {
|
|
6879
6879
|
if (!h.value) return !1;
|
|
6880
6880
|
const H = (Y) => Y.some((W) => String(W.id) === h.value || W.type === "row" && H(W.columns?.flatMap((U) => U.children ?? U.components ?? []) ?? []));
|
|
6881
6881
|
return H(C.value);
|
|
@@ -6954,12 +6954,12 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
6954
6954
|
return;
|
|
6955
6955
|
}
|
|
6956
6956
|
const ye = l.column;
|
|
6957
|
-
ye.children || (ye.children = ye.components ?? []), ye.children.push(we),
|
|
6957
|
+
ye.children || (ye.children = ye.components ?? []), ye.children.push(we), m("add-product-row-nested"), S();
|
|
6958
6958
|
return;
|
|
6959
6959
|
}
|
|
6960
6960
|
if (H.dataTransfer?.getData("dragType") === "nested-row") {
|
|
6961
6961
|
const be = H.dataTransfer?.getData("rowId");
|
|
6962
|
-
be && (
|
|
6962
|
+
be && (p(be, l.rowId, l.column.id, C.value.length), f.value = !1);
|
|
6963
6963
|
return;
|
|
6964
6964
|
}
|
|
6965
6965
|
const W = H.dataTransfer?.getData("isNewComponent") === "true", U = H.dataTransfer?.getData("componentType");
|
|
@@ -7062,7 +7062,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7062
7062
|
const l = kt(), o = K(null), u = K({
|
|
7063
7063
|
top: 0,
|
|
7064
7064
|
left: 0
|
|
7065
|
-
}),
|
|
7065
|
+
}), p = K({
|
|
7066
7066
|
top: 0,
|
|
7067
7067
|
left: 0
|
|
7068
7068
|
});
|
|
@@ -7074,17 +7074,17 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7074
7074
|
u.value = {
|
|
7075
7075
|
top: G.top - Gm,
|
|
7076
7076
|
left: G.left + G.width / 2
|
|
7077
|
-
},
|
|
7077
|
+
}, p.value = {
|
|
7078
7078
|
top: G.top,
|
|
7079
7079
|
left: G.left - Wm
|
|
7080
7080
|
};
|
|
7081
7081
|
}));
|
|
7082
7082
|
};
|
|
7083
|
-
let
|
|
7083
|
+
let m = null;
|
|
7084
7084
|
qe(() => {
|
|
7085
|
-
window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), o.value && typeof ResizeObserver < "u" && (
|
|
7085
|
+
window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), o.value && typeof ResizeObserver < "u" && (m = new ResizeObserver(i), m.observe(o.value)), i();
|
|
7086
7086
|
}), Ne(() => {
|
|
7087
|
-
window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i),
|
|
7087
|
+
window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), m?.disconnect(), d !== null && cancelAnimationFrame(d);
|
|
7088
7088
|
});
|
|
7089
7089
|
const s = t, g = Ot(), { deleteRow: c, moveRow: f, reorderRows: v, duplicateRow: h, previewMode: y, selectedRowId: S, selectedId: z, selectedColumn: F, isRowDragActive: B, isTopLevelRowDragActive: C, layerHoveredId: _, canvasHoveredId: D, nestedRowDragId: V } = ke(), A = L(() => {
|
|
7090
7090
|
if (!z.value) return !1;
|
|
@@ -7199,8 +7199,8 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7199
7199
|
key: 0,
|
|
7200
7200
|
class: "fixed z-60 group/vis -translate-y-1/2",
|
|
7201
7201
|
style: xe({
|
|
7202
|
-
top:
|
|
7203
|
-
left:
|
|
7202
|
+
top: p.value.top + "px",
|
|
7203
|
+
left: p.value.left + "px"
|
|
7204
7204
|
})
|
|
7205
7205
|
}, [e("div", Vm, [se[4] || (se[4] = e("svg", {
|
|
7206
7206
|
class: "w-2.5 h-2.5 shrink-0",
|
|
@@ -7453,7 +7453,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7453
7453
|
},
|
|
7454
7454
|
emits: ["drop"],
|
|
7455
7455
|
setup(t, { emit: l }) {
|
|
7456
|
-
const o = t, u = l, { isLayoutDragActive:
|
|
7456
|
+
const o = t, u = l, { isLayoutDragActive: p, endLayoutDrag: d } = Ft(), { isTopLevelRowDragActive: i, isRowDragActive: m } = ke(), s = L(() => p.value || m.value && !i.value);
|
|
7457
7457
|
let g = 0;
|
|
7458
7458
|
const c = K(!1), f = () => {
|
|
7459
7459
|
s.value && (g++, c.value = !0);
|
|
@@ -7465,7 +7465,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7465
7465
|
}, h = () => {
|
|
7466
7466
|
s.value && (g--, g <= 0 && (g = 0, c.value = !1));
|
|
7467
7467
|
}, y = (S) => {
|
|
7468
|
-
S.preventDefault(), g = 0, c.value = !1, u("drop", o.insertIndex),
|
|
7468
|
+
S.preventDefault(), g = 0, c.value = !1, u("drop", o.insertIndex), p.value && d();
|
|
7469
7469
|
};
|
|
7470
7470
|
return (S, z) => (r(), n("div", {
|
|
7471
7471
|
class: N(["canvas-drop-zone", {
|
|
@@ -7510,7 +7510,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7510
7510
|
}, tp = /* @__PURE__ */ ae({
|
|
7511
7511
|
__name: "Canvas",
|
|
7512
7512
|
setup(t) {
|
|
7513
|
-
const { rows: l, canvasStyles: o, previewMode: u, visibilityPreviewContext:
|
|
7513
|
+
const { rows: l, canvasStyles: o, previewMode: u, visibilityPreviewContext: p, addRowSilent: d, addSpacerSilent: i, reorderRowsSilent: m, moveNestedRow: s, saveToHistoryImmediate: g, nestedRowDragId: c, isRowDragActive: f, isTopLevelRowDragActive: v } = ke(), { evaluateVisibility: h } = yo(), { layoutDragPayload: y } = Ft(), { cloneRowForCanvas: S } = ko(), z = L(() => u.value !== "mobile" ? o.value.width + "px" : o.value.mobileBreakpoint === 600 ? "360px" : o.value.mobileBreakpoint + "px"), F = async (B) => {
|
|
7514
7514
|
if (f.value && !v.value && c.value) {
|
|
7515
7515
|
s(c.value, null, null, B), f.value = !1, c.value = null;
|
|
7516
7516
|
return;
|
|
@@ -7525,7 +7525,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7525
7525
|
if (!D) return;
|
|
7526
7526
|
l.value.push(D);
|
|
7527
7527
|
} else return;
|
|
7528
|
-
await Ee(), B < _ &&
|
|
7528
|
+
await Ee(), B < _ && m(_, B), g("add-row-at-position");
|
|
7529
7529
|
};
|
|
7530
7530
|
return (B, C) => (r(), n("div", Qm, [e("div", Zm, [e("div", { style: xe({ padding: `${a(o).padding.top}px ${a(o).padding.right}px ${a(o).padding.bottom}px ${a(o).padding.left}px` }) }, [e("div", {
|
|
7531
7531
|
style: xe({
|
|
@@ -7552,7 +7552,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7552
7552
|
"is-first",
|
|
7553
7553
|
"is-last",
|
|
7554
7554
|
"index"
|
|
7555
|
-
])), [[rt, a(h)(_.visibility, a(
|
|
7555
|
+
])), [[rt, a(h)(_.visibility, a(p))]]) : _.type === "row-spacer" ? Be((r(), oe(sr, {
|
|
7556
7556
|
key: 1,
|
|
7557
7557
|
spacer: _,
|
|
7558
7558
|
"is-first": D === 0,
|
|
@@ -7563,7 +7563,7 @@ var Dt = (t) => t?.enabled ? (t.rules?.length ?? 0) > 0 || (t.groups?.length ??
|
|
|
7563
7563
|
"is-first",
|
|
7564
7564
|
"is-last",
|
|
7565
7565
|
"index"
|
|
7566
|
-
])), [[rt, a(h)(_.visibility, a(
|
|
7566
|
+
])), [[rt, a(h)(_.visibility, a(p))]]) : M("", !0), b(so, {
|
|
7567
7567
|
"insert-index": D + 1,
|
|
7568
7568
|
onDrop: F
|
|
7569
7569
|
}, null, 8, ["insert-index"])], 64))), 128))], 64))], 4)], 4)])]));
|
|
@@ -7588,7 +7588,7 @@ function ap(t, l, o) {
|
|
|
7588
7588
|
});
|
|
7589
7589
|
}
|
|
7590
7590
|
function lp(t, l) {
|
|
7591
|
-
const o = or(), { canvasSelector: u = "[data-canvas-scroll]", behavior:
|
|
7591
|
+
const o = or(), { canvasSelector: u = "[data-canvas-scroll]", behavior: p = "smooth", delay: d = 150, inViewMargin: i = 80, instantThreshold: m = 600 } = l ?? {};
|
|
7592
7592
|
let s = null;
|
|
7593
7593
|
const g = (c) => {
|
|
7594
7594
|
if (!c) return;
|
|
@@ -7597,7 +7597,7 @@ function lp(t, l) {
|
|
|
7597
7597
|
const h = rp(v), y = h === document.documentElement ? window.pageYOffset : h.scrollTop, S = h === document.documentElement ? window.innerHeight : h.clientHeight, z = h === document.documentElement ? { top: 0 } : h.getBoundingClientRect(), F = v.getBoundingClientRect().top - z.top + y, B = v.offsetHeight, C = F + B, _ = y + i, D = y + S - i;
|
|
7598
7598
|
if (F >= _ && C <= D) return;
|
|
7599
7599
|
const V = F - S / 2 + B / 2;
|
|
7600
|
-
ap(h, V, Math.abs(V - y) >
|
|
7600
|
+
ap(h, V, Math.abs(V - y) > m ? "auto" : p);
|
|
7601
7601
|
};
|
|
7602
7602
|
Se(t, (c) => {
|
|
7603
7603
|
s && clearTimeout(s), c && (s = setTimeout(() => g(c), d));
|
|
@@ -7616,7 +7616,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
7616
7616
|
const u = l.depth ?? 0;
|
|
7617
7617
|
return `${np + u * ip}px`;
|
|
7618
7618
|
});
|
|
7619
|
-
return (u,
|
|
7619
|
+
return (u, p) => (r(), n("div", {
|
|
7620
7620
|
class: N(["relative h-0.5 overflow-visible pointer-events-none", t.active ? "z-20" : ""]),
|
|
7621
7621
|
"aria-hidden": "true"
|
|
7622
7622
|
}, [b(Fe, { name: "drop-line" }, {
|
|
@@ -7624,7 +7624,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
7624
7624
|
key: 0,
|
|
7625
7625
|
class: "absolute inset-y-0 right-0 flex items-center",
|
|
7626
7626
|
style: xe({ left: o.value })
|
|
7627
|
-
}, [...
|
|
7627
|
+
}, [...p[0] || (p[0] = [e("div", { class: "w-1.5 h-1.5 rounded-full bg-(--md-row-selection) shrink-0 -ml-0.75" }, null, -1), e("div", { class: "flex-1 h-0.5 bg-(--md-row-selection) rounded-full" }, null, -1)])], 4)) : M("", !0)]),
|
|
7628
7628
|
_: 1
|
|
7629
7629
|
})], 2));
|
|
7630
7630
|
}
|
|
@@ -7900,7 +7900,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
7900
7900
|
handleEmptyColumnDrop: { type: Function }
|
|
7901
7901
|
},
|
|
7902
7902
|
setup(t) {
|
|
7903
|
-
return (l, o) => (r(!0), n(te, null, ce(t.columns, (u,
|
|
7903
|
+
return (l, o) => (r(!0), n(te, null, ce(t.columns, (u, p) => (r(), n(te, { key: u.id }, [
|
|
7904
7904
|
t.columns.length > 1 ? (r(), n("div", {
|
|
7905
7905
|
key: 0,
|
|
7906
7906
|
onClick: (d) => t.handleColumnClick(t.parentRow, u),
|
|
@@ -7942,7 +7942,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
7942
7942
|
y2: "21"
|
|
7943
7943
|
}, null, -1)
|
|
7944
7944
|
])], 2)),
|
|
7945
|
-
e("span", Cp, " Column " + R(
|
|
7945
|
+
e("span", Cp, " Column " + R(p + 1), 1),
|
|
7946
7946
|
t.getDirectComponents(u).length > 0 ? (r(), n("span", Sp, R(t.getDirectComponents(u).length), 1)) : M("", !0)
|
|
7947
7947
|
], 46, $p)) : M("", !0),
|
|
7948
7948
|
b(eo, {
|
|
@@ -7952,14 +7952,14 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
7952
7952
|
(r(!0), n(te, null, ce(t.getColumnChildren(u), (d, i) => (r(), n(te, { key: d.id }, [d.type === "component" || d.type !== "row" && d.type !== "row-spacer" ? (r(), n("div", {
|
|
7953
7953
|
key: 0,
|
|
7954
7954
|
draggable: "true",
|
|
7955
|
-
onDragstart: (
|
|
7956
|
-
onDragend: o[1] || (o[1] = (...
|
|
7957
|
-
onDragover: ue((
|
|
7958
|
-
onDragleave: o[2] || (o[2] = (...
|
|
7959
|
-
onDrop: ue((
|
|
7960
|
-
onClick: (
|
|
7961
|
-
onMouseenter: (
|
|
7962
|
-
onMouseleave: o[3] || (o[3] = (
|
|
7955
|
+
onDragstart: (m) => t.handleDragStart(m, d, "component", t.parentRow.id, u.id, i),
|
|
7956
|
+
onDragend: o[1] || (o[1] = (...m) => t.handleDragEnd && t.handleDragEnd(...m)),
|
|
7957
|
+
onDragover: ue((m) => t.handleDragOver(m, d.id, "component", u.id, t.parentRow.id, i), ["prevent"]),
|
|
7958
|
+
onDragleave: o[2] || (o[2] = (...m) => t.handleDragLeave && t.handleDragLeave(...m)),
|
|
7959
|
+
onDrop: ue((m) => t.handleDrop(m, d, "component", u.id, t.parentRow.id, i), ["stop"]),
|
|
7960
|
+
onClick: (m) => t.handleComponentClick(t.parentRow, u, d),
|
|
7961
|
+
onMouseenter: (m) => t.setHovered(d.id),
|
|
7962
|
+
onMouseleave: o[3] || (o[3] = (m) => t.setHovered(null)),
|
|
7963
7963
|
style: xe(t.rowIndentStyle(t.depth + (t.columns.length > 1 ? 1 : 0))),
|
|
7964
7964
|
class: N([
|
|
7965
7965
|
"group/leaf flex items-center gap-1 pr-3 py-1 cursor-pointer transition-colors select-none",
|
|
@@ -7993,15 +7993,15 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
7993
7993
|
})], -1)])])) : M("", !0)
|
|
7994
7994
|
], 46, _p)) : d.type === "row" || d.type === "row-spacer" ? (r(), n(te, { key: 1 }, [e("div", {
|
|
7995
7995
|
draggable: "true",
|
|
7996
|
-
onDragstart: (
|
|
7997
|
-
onDragend: o[7] || (o[7] = (...
|
|
7998
|
-
onDragover: ue((
|
|
7999
|
-
onDragleave: o[8] || (o[8] = (...
|
|
8000
|
-
onDrop: ue((
|
|
8001
|
-
onClick: (
|
|
8002
|
-
onDblclick: (
|
|
8003
|
-
onMouseenter: (
|
|
8004
|
-
onMouseleave: o[9] || (o[9] = (
|
|
7996
|
+
onDragstart: (m) => t.handleDragStart(m, d, "nested-row", t.parentRow.id, u.id, i),
|
|
7997
|
+
onDragend: o[7] || (o[7] = (...m) => t.handleDragEnd && t.handleDragEnd(...m)),
|
|
7998
|
+
onDragover: ue((m) => t.handleDragOver(m, d.id, "nested-row", u.id, t.parentRow.id, i), ["prevent"]),
|
|
7999
|
+
onDragleave: o[8] || (o[8] = (...m) => t.handleDragLeave && t.handleDragLeave(...m)),
|
|
8000
|
+
onDrop: ue((m) => t.handleDrop(m, d, "nested-row", u.id, t.parentRow.id, i), ["stop"]),
|
|
8001
|
+
onClick: (m) => t.handleRowClick(d),
|
|
8002
|
+
onDblclick: (m) => t.startRename(d, m),
|
|
8003
|
+
onMouseenter: (m) => t.setHovered(d.id),
|
|
8004
|
+
onMouseleave: o[9] || (o[9] = (m) => t.setHovered(null)),
|
|
8005
8005
|
style: xe(t.rowIndentStyle(t.depth + (t.columns.length > 1 ? 1 : 0))),
|
|
8006
8006
|
class: N([
|
|
8007
8007
|
"group/nestedrow flex items-center gap-1 pr-3 py-1.5 cursor-pointer transition-colors select-none",
|
|
@@ -8015,7 +8015,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8015
8015
|
}, [e("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" })])], -1)),
|
|
8016
8016
|
d.type === "row" ? (r(), n("button", {
|
|
8017
8017
|
key: 0,
|
|
8018
|
-
onClick: ue((
|
|
8018
|
+
onClick: ue((m) => t.toggleExpanded(d.id), ["stop"]),
|
|
8019
8019
|
class: N(["w-4.75 h-4.75 flex items-center justify-center text-(--md-text-subtle) hover:text-(--md-text-subtle) transition-transform shrink-0", t.isExpanded(d.id) ? "rotate-90" : ""])
|
|
8020
8020
|
}, [...o[14] || (o[14] = [e("svg", {
|
|
8021
8021
|
class: "w-full h-full",
|
|
@@ -8058,7 +8058,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8058
8058
|
t.renamingRowId === d.id ? (r(), n("input", {
|
|
8059
8059
|
key: 2,
|
|
8060
8060
|
ref_for: !0,
|
|
8061
|
-
ref: (
|
|
8061
|
+
ref: (m) => t.mountRenameInput(m),
|
|
8062
8062
|
value: t.pendingRenameValue,
|
|
8063
8063
|
type: "text",
|
|
8064
8064
|
class: "flex-1 min-w-0 px-2 py-0.75 text-sm outline-1 outline-(--md-border) rounded-md shadow-xs focus:outline-none focus:ring-[1px] focus:ring-(--md-row-selection) translate-y-px text-(--md-text-muted)",
|
|
@@ -8066,7 +8066,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8066
8066
|
}, ["stop"])),
|
|
8067
8067
|
onMousedown: o[5] || (o[5] = ue(() => {
|
|
8068
8068
|
}, ["stop"])),
|
|
8069
|
-
onKeydown: [He(ue((
|
|
8069
|
+
onKeydown: [He(ue((m) => t.commitRename(d), ["prevent"]), ["enter"]), o[6] || (o[6] = He(ue((...m) => t.cancelRename && t.cancelRename(...m), ["prevent"]), ["esc"]))]
|
|
8070
8070
|
}, null, 40, Vp)) : (r(), n("span", Lp, R(t.getRowLabel(d)), 1)),
|
|
8071
8071
|
d.columns?.length > 1 ? (r(), n("span", zp, R(d.columns.length), 1)) : M("", !0),
|
|
8072
8072
|
t.isVisibilityActive(d.visibility) ? (r(), n("span", Ap, [...o[16] || (o[16] = [e("svg", {
|
|
@@ -8197,7 +8197,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8197
8197
|
__name: "LayersPanel",
|
|
8198
8198
|
emits: ["select"],
|
|
8199
8199
|
setup(t, { emit: l }) {
|
|
8200
|
-
const o = (Q) => ({ paddingLeft: `${Zp + Q * ev}px` }), u = l, { rows:
|
|
8200
|
+
const o = (Q) => ({ paddingLeft: `${Zp + Q * ev}px` }), u = l, { rows: p, selectedId: d, selectedRowId: i, selectedColumn: m, sidebarTab: s, layerHoveredId: g, saveToHistory: c, moveRow: f, moveNestedRow: v, moveComponent: h, moveComponentBetweenColumns: y, reorderRows: S } = ke();
|
|
8201
8201
|
lp(g);
|
|
8202
8202
|
const z = K(""), F = Yr(/* @__PURE__ */ new Set());
|
|
8203
8203
|
let B = null;
|
|
@@ -8224,7 +8224,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8224
8224
|
}, $ = () => {
|
|
8225
8225
|
D.value = null, A.value = null;
|
|
8226
8226
|
}, T = (Q) => {
|
|
8227
|
-
for (const ne of
|
|
8227
|
+
for (const ne of p.value) {
|
|
8228
8228
|
if (String(ne.id) === Q) return ne;
|
|
8229
8229
|
for (const de of ne.columns ?? []) for (const Te of ie(de)) if (String(Te.id) === Q) return Te;
|
|
8230
8230
|
}
|
|
@@ -8242,9 +8242,9 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8242
8242
|
document.removeEventListener("mousedown", E), B && (clearTimeout(B), B = null);
|
|
8243
8243
|
});
|
|
8244
8244
|
const ie = (Q) => Q.children ?? Q.components ?? [], q = (Q) => (Q.children ?? Q.components ?? []).filter((ne) => ne.type === "component" || ne.type !== "row" && ne.type !== "row-spacer"), O = (Q) => Q.componentType ?? Q.type, j = (Q, ne) => Q.type === "row" || Q.type === "row-spacer" ? "row".includes(ne) || tt(Q.name ?? "").toLowerCase().includes(ne) ? !0 : Q.columns?.some((de) => ie(de).some((Te) => j(Te, ne))) ?? !1 : O(Q).toLowerCase().includes(ne) || fe(Q).toLowerCase().includes(ne), H = L(() => {
|
|
8245
|
-
if (!z.value.trim()) return
|
|
8245
|
+
if (!z.value.trim()) return p.value;
|
|
8246
8246
|
const Q = z.value.toLowerCase();
|
|
8247
|
-
return
|
|
8247
|
+
return p.value.filter((ne) => ne.type === "row-spacer" ? "spacer".includes(Q) || tt(ne.name ?? "spacer").toLowerCase().includes(Q) : "row".includes(Q) || tt(ne.name ?? "").toLowerCase().includes(Q) || ne.columns?.some((de) => ie(de).some((Te) => j(Te, Q))));
|
|
8248
8248
|
}), Y = (Q, ne) => {
|
|
8249
8249
|
ie(Q).forEach((de) => {
|
|
8250
8250
|
(de.type === "row" || de.type === "row-spacer") && (j(de, ne) && F.add(de.id), de.columns?.forEach((Te) => Y(Te, ne)));
|
|
@@ -8257,18 +8257,18 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8257
8257
|
});
|
|
8258
8258
|
const W = (Q) => F.has(Q), U = (Q) => {
|
|
8259
8259
|
F.has(Q) ? F.delete(Q) : F.add(Q);
|
|
8260
|
-
}, le = () => F.clear(), be = (Q) => i.value === Q && !d.value, we = (Q) =>
|
|
8261
|
-
D.value !== Q.id && (i.value = Q.id, d.value = null, Q.type === "row" && Q.columns?.length > 0 ? (
|
|
8260
|
+
}, le = () => F.clear(), be = (Q) => i.value === Q && !d.value, we = (Q) => m.value?.columnId === Q && !d.value, ye = (Q) => d.value === Q, pe = (Q) => {
|
|
8261
|
+
D.value !== Q.id && (i.value = Q.id, d.value = null, Q.type === "row" && Q.columns?.length > 0 ? (m.value?.rowId !== Q.id && (m.value = {
|
|
8262
8262
|
rowId: Q.id,
|
|
8263
8263
|
columnId: Q.columns[0].id
|
|
8264
|
-
}), F.add(Q.id)) :
|
|
8264
|
+
}), F.add(Q.id)) : m.value = null, s.value = "properties", u("select"));
|
|
8265
8265
|
}, ve = (Q, ne) => {
|
|
8266
|
-
i.value = Q.id,
|
|
8266
|
+
i.value = Q.id, m.value = {
|
|
8267
8267
|
rowId: Q.id,
|
|
8268
8268
|
columnId: ne.id
|
|
8269
8269
|
}, d.value = null, s.value = "properties", u("select");
|
|
8270
8270
|
}, he = (Q, ne, de) => {
|
|
8271
|
-
d.value = de.id, i.value = null,
|
|
8271
|
+
d.value = de.id, i.value = null, m.value = {
|
|
8272
8272
|
rowId: Q.id,
|
|
8273
8273
|
columnId: ne.id
|
|
8274
8274
|
}, s.value = "properties", u("select");
|
|
@@ -8289,7 +8289,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8289
8289
|
spacer: "Spacer",
|
|
8290
8290
|
menu: "Menu",
|
|
8291
8291
|
socials: "Socials"
|
|
8292
|
-
})[O(Q)] ?? O(Q), re = (Q) => Q.reduce((ne, de) => de.type === "component" || de.type !== "row" && de.type !== "row-spacer" ? ne + 1 : de.type === "row" ? ne + (de.columns ?? []).reduce((Te, De) => Te + re(De.children ?? De.components ?? []), 0) : ne, 0), J = L(() =>
|
|
8292
|
+
})[O(Q)] ?? O(Q), re = (Q) => Q.reduce((ne, de) => de.type === "component" || de.type !== "row" && de.type !== "row-spacer" ? ne + 1 : de.type === "row" ? ne + (de.columns ?? []).reduce((Te, De) => Te + re(De.children ?? De.components ?? []), 0) : ne, 0), J = L(() => p.value.reduce((Q, ne) => ne.type !== "row" ? Q : Q + (ne.columns ?? []).reduce((de, Te) => de + re(Te.children ?? Te.components ?? []), 0), 0)), G = K(null), se = (Q, ne) => {
|
|
8293
8293
|
!_e.value || _e.value.kind !== "component" || (Q.preventDefault(), G.value = ne);
|
|
8294
8294
|
}, Ve = (Q, ne) => {
|
|
8295
8295
|
const de = Q.currentTarget, Te = Q.relatedTarget;
|
|
@@ -8335,7 +8335,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8335
8335
|
const { index: X, scope: Re } = je.value;
|
|
8336
8336
|
try {
|
|
8337
8337
|
if ($e.kind === "top-level-row" && Re === "top-level") {
|
|
8338
|
-
const We =
|
|
8338
|
+
const We = p.value.findIndex((pr) => String(pr.id) === $e.id);
|
|
8339
8339
|
if (We === -1) return;
|
|
8340
8340
|
let xt = X;
|
|
8341
8341
|
We < xt && (xt -= 1), We !== xt && S(We, xt);
|
|
@@ -8586,8 +8586,8 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8586
8586
|
}, null, 8, ["active"])], 64))), 128))
|
|
8587
8587
|
], 544),
|
|
8588
8588
|
e("div", Xp, [e("span", Qp, [
|
|
8589
|
-
Z(R(a(
|
|
8590
|
-
a(
|
|
8589
|
+
Z(R(a(p).length) + " row" + R(a(p).length !== 1 ? "s" : "") + " ", 1),
|
|
8590
|
+
a(p).filter((de) => de.type === "row-spacer").length > 0 ? (r(), n(te, { key: 0 }, [Z(" · " + R(a(p).filter((de) => de.type === "row-spacer").length) + " spacer" + R(a(p).filter((de) => de.type === "row-spacer").length !== 1 ? "s" : ""), 1)], 64)) : M("", !0),
|
|
8591
8591
|
J.value > 0 ? (r(), n(te, { key: 1 }, [Z(" · " + R(J.value) + " component" + R(J.value !== 1 ? "s" : ""), 1)], 64)) : M("", !0)
|
|
8592
8592
|
]), F.size > 0 ? (r(), n("button", {
|
|
8593
8593
|
key: 0,
|
|
@@ -8609,11 +8609,11 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8609
8609
|
required: !0
|
|
8610
8610
|
} },
|
|
8611
8611
|
setup(t) {
|
|
8612
|
-
const { saveToHistory: l } = ke(), { handleImageUploadFlow: o, swapOnLoad: u } = Lt(),
|
|
8612
|
+
const { saveToHistory: l } = ke(), { handleImageUploadFlow: o, swapOnLoad: u } = Lt(), p = t, d = L(() => p.row.name ? tt(p.row.name) : ""), i = K(null), m = L(() => i.value !== null ? i.value : d.value), s = (q) => {
|
|
8613
8613
|
i.value = q ?? "";
|
|
8614
8614
|
}, g = () => {
|
|
8615
8615
|
const q = (i.value ?? "").trim();
|
|
8616
|
-
q && (
|
|
8616
|
+
q && (p.row.name = ho(q), l("row-rename")), i.value = null;
|
|
8617
8617
|
}, c = {
|
|
8618
8618
|
type: "linear",
|
|
8619
8619
|
direction: "to right",
|
|
@@ -8625,7 +8625,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8625
8625
|
position: 100
|
|
8626
8626
|
}]
|
|
8627
8627
|
}, f = L(() => {
|
|
8628
|
-
const q =
|
|
8628
|
+
const q = p.row.backgroundGradient, O = q?.solid && q.solid !== "transparent" ? q.solid : p.row.backgroundColor && p.row.backgroundColor !== "transparent" ? p.row.backgroundColor : "transparent";
|
|
8629
8629
|
return {
|
|
8630
8630
|
useGradient: q?.useGradient ?? !1,
|
|
8631
8631
|
solid: O,
|
|
@@ -8635,42 +8635,42 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8635
8635
|
}
|
|
8636
8636
|
};
|
|
8637
8637
|
}), v = (q) => {
|
|
8638
|
-
|
|
8638
|
+
p.row.backgroundGradient = q, p.row.backgroundColor = q.useGradient ? q.gradient.colors[0]?.color ?? q.solid : q.solid, l("row-background");
|
|
8639
8639
|
}, h = (q) => {
|
|
8640
|
-
|
|
8640
|
+
p.row.backgroundImage = q, l("row-bg-image");
|
|
8641
8641
|
}, y = (q) => {
|
|
8642
|
-
|
|
8642
|
+
p.row.backgroundSize = q, l("row-bg-size");
|
|
8643
8643
|
}, S = (q) => {
|
|
8644
|
-
|
|
8644
|
+
p.row.backgroundRepeat = q, l("row-bg-repeat");
|
|
8645
8645
|
}, z = (q) => {
|
|
8646
|
-
|
|
8646
|
+
p.row.backgroundPosition = q, l("row-bg-position");
|
|
8647
8647
|
}, F = (q) => {
|
|
8648
|
-
|
|
8648
|
+
p.row.minHeight = q, l("row-min-height");
|
|
8649
8649
|
}, B = (q) => {
|
|
8650
|
-
|
|
8650
|
+
p.row.gap = q, l("row-gap");
|
|
8651
8651
|
}, C = (q) => {
|
|
8652
|
-
|
|
8653
|
-
...
|
|
8652
|
+
p.row.border = {
|
|
8653
|
+
...p.row.border,
|
|
8654
8654
|
...q
|
|
8655
|
-
}, q.sides || delete
|
|
8655
|
+
}, q.sides || delete p.row.border.sides, l("row-border");
|
|
8656
8656
|
}, _ = (q) => {
|
|
8657
|
-
|
|
8657
|
+
p.row.border.radius = q, l("row-border-radius");
|
|
8658
8658
|
}, D = (q) => {
|
|
8659
|
-
|
|
8659
|
+
p.row.padding = q, l("row-padding");
|
|
8660
8660
|
}, V = (q) => {
|
|
8661
|
-
|
|
8661
|
+
p.row.mobileStack = q, l("row-mobile-stack");
|
|
8662
8662
|
}, A = K(null), P = K(!1), x = K(null), w = () => A.value?.click(), k = async (q) => {
|
|
8663
8663
|
const O = q.target.files?.[0];
|
|
8664
8664
|
if (!O) return;
|
|
8665
|
-
const j =
|
|
8665
|
+
const j = p.row.backgroundImage;
|
|
8666
8666
|
P.value = !0, x.value = null, await o(O, (H) => {
|
|
8667
|
-
|
|
8667
|
+
p.row.backgroundImage = H;
|
|
8668
8668
|
}, (H, Y) => {
|
|
8669
8669
|
u(H, () => {
|
|
8670
|
-
|
|
8670
|
+
p.row.backgroundImage = H, l("bg-row-img-upload");
|
|
8671
8671
|
}, Y);
|
|
8672
8672
|
}, (H) => {
|
|
8673
|
-
x.value = H,
|
|
8673
|
+
x.value = H, p.row.backgroundImage = j;
|
|
8674
8674
|
}), P.value = !1, A.value && (A.value.value = "");
|
|
8675
8675
|
}, $ = [
|
|
8676
8676
|
{
|
|
@@ -8758,7 +8758,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8758
8758
|
default: ee(() => [e("div", null, [
|
|
8759
8759
|
O[0] || (O[0] = e("label", { class: "block text-xs font-medium text-(--md-text-muted) mb-1.5" }, " Row Name ", -1)),
|
|
8760
8760
|
b(Ie, {
|
|
8761
|
-
"model-value":
|
|
8761
|
+
"model-value": m.value,
|
|
8762
8762
|
class: "w-full text-xs",
|
|
8763
8763
|
placeholder: "e.g. Hero Section",
|
|
8764
8764
|
"onUpdate:modelValue": s,
|
|
@@ -8895,7 +8895,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8895
8895
|
setup(t) {
|
|
8896
8896
|
const { saveToHistory: l } = ke(), o = t, u = (h) => {
|
|
8897
8897
|
o.spacer.height = h, l("spacer-height");
|
|
8898
|
-
},
|
|
8898
|
+
}, p = L(() => o.spacer.name ? tt(o.spacer.name) : ""), d = K(null), i = L(() => d.value !== null ? d.value : p.value), m = (h) => {
|
|
8899
8899
|
d.value = h ?? "";
|
|
8900
8900
|
}, s = () => {
|
|
8901
8901
|
const h = (d.value ?? "").trim();
|
|
@@ -8934,7 +8934,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8934
8934
|
"model-value": i.value,
|
|
8935
8935
|
class: "w-full text-xs",
|
|
8936
8936
|
placeholder: "e.g. Hero Section Spacer",
|
|
8937
|
-
"onUpdate:modelValue":
|
|
8937
|
+
"onUpdate:modelValue": m,
|
|
8938
8938
|
onBlur: s,
|
|
8939
8939
|
onKeydown: He(s, ["enter"])
|
|
8940
8940
|
}, null, 8, ["model-value"]),
|
|
@@ -8973,7 +8973,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8973
8973
|
required: !0
|
|
8974
8974
|
} },
|
|
8975
8975
|
setup(t) {
|
|
8976
|
-
const { saveToHistory: l } = ke(), { handleImageUploadFlow: o, swapOnLoad: u } = Lt(),
|
|
8976
|
+
const { saveToHistory: l } = ke(), { handleImageUploadFlow: o, swapOnLoad: u } = Lt(), p = t, d = {
|
|
8977
8977
|
type: "linear",
|
|
8978
8978
|
direction: "to right",
|
|
8979
8979
|
colors: [{
|
|
@@ -8984,7 +8984,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8984
8984
|
position: 100
|
|
8985
8985
|
}]
|
|
8986
8986
|
}, i = L(() => {
|
|
8987
|
-
const k =
|
|
8987
|
+
const k = p.column.backgroundGradient, $ = k?.solid && k.solid !== "transparent" ? k.solid : p.column.backgroundColor && p.column.backgroundColor !== "transparent" ? p.column.backgroundColor : "transparent";
|
|
8988
8988
|
return {
|
|
8989
8989
|
useGradient: k?.useGradient ?? !1,
|
|
8990
8990
|
solid: $,
|
|
@@ -8993,39 +8993,39 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
8993
8993
|
...k?.gradient ?? {}
|
|
8994
8994
|
}
|
|
8995
8995
|
};
|
|
8996
|
-
}),
|
|
8997
|
-
|
|
8996
|
+
}), m = (k) => {
|
|
8997
|
+
p.column.backgroundGradient = k, p.column.backgroundColor = k.useGradient ? k.gradient.colors[0]?.color ?? k.solid : k.solid, l("column-background");
|
|
8998
8998
|
}, s = (k) => {
|
|
8999
|
-
|
|
8999
|
+
p.column.backgroundImage = k, l("column-bg-image");
|
|
9000
9000
|
}, g = (k) => {
|
|
9001
|
-
|
|
9001
|
+
p.column.backgroundSize = k, l("column-bg-size");
|
|
9002
9002
|
}, c = (k) => {
|
|
9003
|
-
|
|
9003
|
+
p.column.backgroundRepeat = k, l("column-bg-repeat");
|
|
9004
9004
|
}, f = (k) => {
|
|
9005
|
-
|
|
9005
|
+
p.column.backgroundPosition = k, l("column-bg-position");
|
|
9006
9006
|
}, v = (k) => {
|
|
9007
|
-
|
|
9007
|
+
p.column.verticalAlign = k, l("column-vertical-align");
|
|
9008
9008
|
}, h = (k) => {
|
|
9009
|
-
|
|
9010
|
-
...
|
|
9009
|
+
p.column.border = {
|
|
9010
|
+
...p.column.border,
|
|
9011
9011
|
...k
|
|
9012
|
-
}, k.sides || delete
|
|
9012
|
+
}, k.sides || delete p.column.border.sides, l("column-border");
|
|
9013
9013
|
}, y = (k) => {
|
|
9014
|
-
|
|
9014
|
+
p.column.border.radius = k, l("column-border-radius");
|
|
9015
9015
|
}, S = (k) => {
|
|
9016
|
-
|
|
9016
|
+
p.column.padding = k, l("column-padding");
|
|
9017
9017
|
}, z = K(null), F = K(!1), B = K(null), C = () => z.value?.click(), _ = async (k) => {
|
|
9018
9018
|
const $ = k.target.files?.[0];
|
|
9019
9019
|
if (!$) return;
|
|
9020
|
-
const T =
|
|
9020
|
+
const T = p.column.backgroundImage;
|
|
9021
9021
|
F.value = !0, B.value = null, await o($, (I) => {
|
|
9022
|
-
|
|
9022
|
+
p.column.backgroundImage = I;
|
|
9023
9023
|
}, (I, E) => {
|
|
9024
9024
|
u(I, () => {
|
|
9025
|
-
|
|
9025
|
+
p.column.backgroundImage = I, l("column-bg-img-upload");
|
|
9026
9026
|
}, E);
|
|
9027
9027
|
}, (I) => {
|
|
9028
|
-
B.value = I,
|
|
9028
|
+
B.value = I, p.column.backgroundImage = T;
|
|
9029
9029
|
}), F.value = !1, z.value && (z.value.value = "");
|
|
9030
9030
|
}, D = [
|
|
9031
9031
|
{
|
|
@@ -9126,7 +9126,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9126
9126
|
default: ee(() => [
|
|
9127
9127
|
e("div", null, [$[0] || ($[0] = e("label", { class: "block text-xs font-medium text-(--md-text-muted) mb-1" }, "Background Color", -1)), b(mt, {
|
|
9128
9128
|
"model-value": i.value,
|
|
9129
|
-
"onUpdate:modelValue":
|
|
9129
|
+
"onUpdate:modelValue": m
|
|
9130
9130
|
}, null, 8, ["model-value"])]),
|
|
9131
9131
|
e("div", null, [$[2] || ($[2] = e("label", { class: "block text-xs font-medium text-(--md-text-muted) mb-1.5" }, " Background Image ", -1)), e("div", Sv, [
|
|
9132
9132
|
b(Ie, {
|
|
@@ -9251,10 +9251,10 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9251
9251
|
}, sg = { class: "flex items-center justify-between mb-4 pb-4 border-b border-(--md-border)" }, dg = { class: "text-sm font-medium text-(--md-text-muted) capitalize" }, ug = /* @__PURE__ */ ae({
|
|
9252
9252
|
__name: "ContentTab",
|
|
9253
9253
|
setup(t) {
|
|
9254
|
-
const l = Ot(), { selectedId: o, findComponent: u, findRow:
|
|
9254
|
+
const l = Ot(), { selectedId: o, findComponent: u, findRow: p, deleteComponent: d, rows: i, deleteRow: m, selectedRowId: s, selectedColumn: g, sidebarTab: c } = ke(), f = K("row"), v = L(() => !!(o.value || s.value || g.value));
|
|
9255
9255
|
Se(s, (V, A) => {
|
|
9256
9256
|
if (f.value = "row", V !== A) {
|
|
9257
|
-
const P =
|
|
9257
|
+
const P = p(V);
|
|
9258
9258
|
(!P || P.type === "row-spacer") && (g.value = null);
|
|
9259
9259
|
}
|
|
9260
9260
|
}, { flush: "sync" }), Se(g, (V) => {
|
|
@@ -9264,7 +9264,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9264
9264
|
}), Se(s, (V) => {
|
|
9265
9265
|
V && (c.value = "properties");
|
|
9266
9266
|
});
|
|
9267
|
-
const h = L(() => (i.value, s.value ?
|
|
9267
|
+
const h = L(() => (i.value, s.value ? p(s.value) : null)), y = () => {
|
|
9268
9268
|
s.value && l.require({
|
|
9269
9269
|
message: h.value?.type === "row-spacer" ? "Delete this spacer?" : "Delete this row and all its contents?",
|
|
9270
9270
|
header: "Confirm Delete",
|
|
@@ -9273,7 +9273,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9273
9273
|
acceptClass: "!bg-[var(--md-danger)] !hover:opacity-90 !border-[var(--md-danger)] !px-6 !py-2",
|
|
9274
9274
|
rejectClass: "!bg-[var(--md-border)] !hover:bg-[var(--md-border-strong)] !text-[var(--md-text)] !border-[var(--md-border)] !px-6 !py-2",
|
|
9275
9275
|
accept: () => {
|
|
9276
|
-
|
|
9276
|
+
m(s.value), s.value = null;
|
|
9277
9277
|
}
|
|
9278
9278
|
});
|
|
9279
9279
|
}, S = L(() => !h.value || !g.value ? null : h.value.columns.find((V) => V.id === g.value.columnId) ?? null), z = L(() => !h.value || !g.value ? -1 : h.value.columns.findIndex((V) => V.id === g.value.columnId)), F = (V) => {
|
|
@@ -9402,17 +9402,17 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9402
9402
|
}, Vg = { class: "grid grid-cols-2 gap-2 pt-2" }, Lg = { class: "relative group/btn" }, zg = /* @__PURE__ */ ae({
|
|
9403
9403
|
__name: "LayoutTab",
|
|
9404
9404
|
setup(t) {
|
|
9405
|
-
const { addRow: l, addNestedRow: o, addSpacer: u, selectedColumn:
|
|
9406
|
-
const w =
|
|
9405
|
+
const { addRow: l, addNestedRow: o, addSpacer: u, selectedColumn: p } = ke(), { isOpen: d, toggle: i } = Fr(), { startLayoutDrag: m, endLayoutDrag: s } = Ft(), g = (x) => {
|
|
9406
|
+
const w = p.value;
|
|
9407
9407
|
w?.rowId && w?.columnId ? o(w.rowId, w.columnId, x) : l(x);
|
|
9408
9408
|
}, c = (x, w) => {
|
|
9409
|
-
|
|
9409
|
+
m(x, w);
|
|
9410
9410
|
}, f = (x) => {
|
|
9411
9411
|
if (D.value || !V.value.length) {
|
|
9412
9412
|
x.preventDefault();
|
|
9413
9413
|
return;
|
|
9414
9414
|
}
|
|
9415
|
-
|
|
9415
|
+
m(x, {
|
|
9416
9416
|
type: "row",
|
|
9417
9417
|
columns: V.value
|
|
9418
9418
|
});
|
|
@@ -9689,9 +9689,9 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9689
9689
|
__name: "StylesTab",
|
|
9690
9690
|
setup(t) {
|
|
9691
9691
|
oo();
|
|
9692
|
-
const { canvasStyles: l, saveToHistory: o, templateTags: u } = ke(), { handleImageUploadFlow:
|
|
9692
|
+
const { canvasStyles: l, saveToHistory: o, templateTags: u } = ke(), { handleImageUploadFlow: p, swapOnLoad: d } = Lt(), i = (U) => {
|
|
9693
9693
|
l.value.language = U, o("canvas-language");
|
|
9694
|
-
},
|
|
9694
|
+
}, m = (U) => {
|
|
9695
9695
|
l.value.preheaderText = U, o("preheader-text");
|
|
9696
9696
|
}, s = K(""), g = K(!1), c = K(-1), f = K([
|
|
9697
9697
|
"welcome",
|
|
@@ -9768,7 +9768,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
9768
9768
|
const le = U.target.files?.[0];
|
|
9769
9769
|
if (!le) return;
|
|
9770
9770
|
const be = l.value.bodyBackgroundImage;
|
|
9771
|
-
T.value = !0, I.value = null, await
|
|
9771
|
+
T.value = !0, I.value = null, await p(le, (we) => {
|
|
9772
9772
|
l.value.bodyBackgroundImage = we;
|
|
9773
9773
|
}, (we, ye) => {
|
|
9774
9774
|
d(we, () => {
|
|
@@ -10018,7 +10018,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10018
10018
|
"model-value": a(l)?.preheaderText,
|
|
10019
10019
|
class: "w-full text-xs",
|
|
10020
10020
|
placeholder: "Hello there...",
|
|
10021
|
-
"onUpdate:modelValue":
|
|
10021
|
+
"onUpdate:modelValue": m
|
|
10022
10022
|
}, null, 8, ["model-value"]),
|
|
10023
10023
|
e("div", Eg, [e("div", jg, [Be(e("input", {
|
|
10024
10024
|
"onUpdate:modelValue": le[0] || (le[0] = (be) => s.value = be),
|
|
@@ -10197,7 +10197,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10197
10197
|
}, F1 = /* @__PURE__ */ ae({
|
|
10198
10198
|
__name: "MergeTagTab",
|
|
10199
10199
|
setup(t) {
|
|
10200
|
-
const l = K(null), { mergeTagPreviewContext: o, mergeTagPreviewActive: u, rows:
|
|
10200
|
+
const l = K(null), { mergeTagPreviewContext: o, mergeTagPreviewActive: u, rows: p, espConfig: d } = ke(), i = K([]), m = K(!1), s = K(!0), g = K(!1), c = K(!0), f = L(() => jt(d.value.syntax, Mt).label), v = L(() => {
|
|
10201
10201
|
const T = {
|
|
10202
10202
|
handlebars: "bg-(--md-warning-bg) text-(--md-warning-fg) border-(--md-warning-border)",
|
|
10203
10203
|
liquid: "bg-(--md-info-bg) text-(--md-info-fg) border-(--md-info-border)",
|
|
@@ -10225,7 +10225,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10225
10225
|
}
|
|
10226
10226
|
}, S = L(() => {
|
|
10227
10227
|
const T = /* @__PURE__ */ new Map();
|
|
10228
|
-
for (const I of
|
|
10228
|
+
for (const I of p.value ?? []) for (const E of I.columns ?? []) {
|
|
10229
10229
|
const ie = E.children ?? E.components ?? [];
|
|
10230
10230
|
y(ie, (q) => {
|
|
10231
10231
|
const O = q.props?.content ?? q.props?.html ?? q.props?.text ?? "";
|
|
@@ -10254,15 +10254,15 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10254
10254
|
_.value = null;
|
|
10255
10255
|
}, 2e3);
|
|
10256
10256
|
}, A = () => Object.fromEntries(i.value.filter((T) => T.tag.trim()).map((T) => [T.tag.trim().toLowerCase().replace(/\s+/g, "_"), T.value.trim()])), P = () => {
|
|
10257
|
-
i.value.length !== 0 && (
|
|
10257
|
+
i.value.length !== 0 && (m.value = !m.value, u.value = m.value, o.value = m.value ? A() : {});
|
|
10258
10258
|
};
|
|
10259
10259
|
Se(i, () => {
|
|
10260
|
-
|
|
10260
|
+
m.value && (o.value = A());
|
|
10261
10261
|
}, { deep: !0 }), Se(u, (T) => {
|
|
10262
|
-
|
|
10262
|
+
m.value = T;
|
|
10263
10263
|
});
|
|
10264
10264
|
const x = (T) => {
|
|
10265
|
-
i.value.splice(T, 1), i.value.length === 0 &&
|
|
10265
|
+
i.value.splice(T, 1), i.value.length === 0 && m.value && (m.value = !1, u.value = !1, o.value = {});
|
|
10266
10266
|
}, w = (T) => {
|
|
10267
10267
|
const I = T.trim().toLowerCase().replace(/\s+/g, "_");
|
|
10268
10268
|
if (i.value.some((E) => E.tag.trim().toLowerCase().replace(/\s+/g, "_") === I)) {
|
|
@@ -10282,7 +10282,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10282
10282
|
});
|
|
10283
10283
|
}, k = (T) => !!o.value[T]?.trim(), $ = L(() => {
|
|
10284
10284
|
const T = /* @__PURE__ */ new Set();
|
|
10285
|
-
for (const I of
|
|
10285
|
+
for (const I of p.value ?? []) for (const E of I.columns ?? []) {
|
|
10286
10286
|
const ie = E.children ?? E.components ?? [];
|
|
10287
10287
|
y(ie, (q) => {
|
|
10288
10288
|
const O = q.props?.content ?? q.props?.html ?? q.props?.text ?? "";
|
|
@@ -10300,11 +10300,11 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10300
10300
|
key: 0,
|
|
10301
10301
|
onClick: P,
|
|
10302
10302
|
disabled: i.value.length === 0,
|
|
10303
|
-
class: N(["text-xs px-2 py-1 rounded-md transition-all flex items-center gap-1.5", [
|
|
10303
|
+
class: N(["text-xs px-2 py-1 rounded-md transition-all flex items-center gap-1.5", [m.value ? "bg-(--md-text) text-(--md-surface)" : i.value.length === 0 ? "bg-(--md-surface-muted) text-(--md-text-subtle) cursor-not-allowed" : "bg-(--md-surface-muted) text-(--md-text-muted) hover:bg-(--md-border)"]])
|
|
10304
10304
|
}, [b(ge, {
|
|
10305
|
-
name:
|
|
10305
|
+
name: m.value ? "eye" : "eye-slash",
|
|
10306
10306
|
style: { "font-size": "10px" }
|
|
10307
|
-
}, null, 8, ["name"]), Z(" " + R(
|
|
10307
|
+
}, null, 8, ["name"]), Z(" " + R(m.value ? "Preview ON" : "Preview OFF"), 1)], 10, s1)) : M("", !0)]),
|
|
10308
10308
|
i.value.length ? (r(), n("div", d1, [(r(!0), n(te, null, ce(i.value, (E, ie) => (r(), n("div", {
|
|
10309
10309
|
key: ie,
|
|
10310
10310
|
class: "space-y-1.5 group"
|
|
@@ -10458,7 +10458,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10458
10458
|
}, fb = { class: "min-w-max" }, xb = { class: "flex items-center gap-2 text-[10px]" }, hb = { class: "font-mono text-(--md-text-subtle) shrink-0" }, wb = { class: "font-mono bg-(--md-info-bg) text-(--md-info-fg) px-1.5 py-0.5 rounded border border-(--md-info-border) truncate" }, yb = { class: "flex items-center gap-2 text-[10px]" }, kb = { class: "font-mono text-(--md-text-subtle) shrink-0" }, $b = { class: "font-mono text-(--md-info-fg) bg-(--md-info-bg) px-1.5 py-0.5 rounded border border-(--md-info-border) truncate" }, Cb = /* @__PURE__ */ ae({
|
|
10459
10459
|
__name: "LinkTagTab",
|
|
10460
10460
|
setup(t) {
|
|
10461
|
-
const l = K(null), { linkTagPreviewContext: o, linkTagPreviewActive: u, rows:
|
|
10461
|
+
const l = K(null), { linkTagPreviewContext: o, linkTagPreviewActive: u, rows: p, espConfig: d } = ke(), i = K([]), m = K(!1), s = K(!0), g = K(!0), c = L(() => jt(d.value.syntax, Mt).label), f = L(() => {
|
|
10462
10462
|
const x = {
|
|
10463
10463
|
handlebars: "bg-(--md-warning-bg) text-(--md-warning-fg) border-(--md-warning-border)",
|
|
10464
10464
|
liquid: "bg-(--md-info-bg) text-(--md-info-fg) border-(--md-info-border)",
|
|
@@ -10478,15 +10478,15 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10478
10478
|
const w = v.value.get(x.tag);
|
|
10479
10479
|
return w || `{{ ${x.tag} }}`;
|
|
10480
10480
|
}, S = () => Object.fromEntries(i.value.filter((x) => x.tag.trim()).map((x) => [x.tag.trim().toLowerCase().replace(/\s+/g, "_"), x.value.trim()])), z = () => {
|
|
10481
|
-
i.value.length !== 0 && (
|
|
10481
|
+
i.value.length !== 0 && (m.value = !m.value, u.value = m.value, o.value = m.value ? S() : {});
|
|
10482
10482
|
};
|
|
10483
10483
|
Se(i, () => {
|
|
10484
|
-
|
|
10484
|
+
m.value && (o.value = S());
|
|
10485
10485
|
}, { deep: !0 }), Se(u, (x) => {
|
|
10486
|
-
|
|
10486
|
+
m.value = x;
|
|
10487
10487
|
});
|
|
10488
10488
|
const F = (x) => {
|
|
10489
|
-
i.value.splice(x, 1), i.value.length === 0 &&
|
|
10489
|
+
i.value.splice(x, 1), i.value.length === 0 && m.value && (m.value = !1, u.value = !1, o.value = {});
|
|
10490
10490
|
}, B = (x) => {
|
|
10491
10491
|
const w = x.trim().toLowerCase().replace(/\s+/g, "_");
|
|
10492
10492
|
if (i.value.some((k) => k.tag.trim().toLowerCase().replace(/\s+/g, "_") === w)) {
|
|
@@ -10564,7 +10564,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10564
10564
|
}
|
|
10565
10565
|
}, V = L(() => {
|
|
10566
10566
|
const x = [];
|
|
10567
|
-
for (const w of
|
|
10567
|
+
for (const w of p.value ?? []) for (const k of w.columns ?? []) {
|
|
10568
10568
|
const $ = k.children ?? k.components ?? [];
|
|
10569
10569
|
D($, (T) => {
|
|
10570
10570
|
const I = T.componentType ?? T.type, E = _[I];
|
|
@@ -10593,11 +10593,11 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10593
10593
|
key: 0,
|
|
10594
10594
|
onClick: z,
|
|
10595
10595
|
disabled: i.value.length === 0,
|
|
10596
|
-
class: N(["text-xs px-2 py-1 rounded-md transition-all flex items-center gap-1.5", [
|
|
10596
|
+
class: N(["text-xs px-2 py-1 rounded-md transition-all flex items-center gap-1.5", [m.value ? "bg-(--md-text) text-(--md-surface)" : i.value.length === 0 ? "bg-(--md-surface-muted) text-(--md-text-subtle) cursor-not-allowed" : "bg-(--md-surface-muted) text-(--md-text-muted) hover:bg-(--md-border)"]])
|
|
10597
10597
|
}, [b(ge, {
|
|
10598
|
-
name:
|
|
10598
|
+
name: m.value ? "eye" : "eye-slash",
|
|
10599
10599
|
style: { "font-size": "10px" }
|
|
10600
|
-
}, null, 8, ["name"]), Z(" " + R(
|
|
10600
|
+
}, null, 8, ["name"]), Z(" " + R(m.value ? "Preview ON" : "Preview OFF"), 1)], 10, Y1)) : M("", !0)]),
|
|
10601
10601
|
i.value.length ? (r(), n("div", K1, [(r(!0), n(te, null, ce(i.value, (k, $) => (r(), n("div", {
|
|
10602
10602
|
key: $,
|
|
10603
10603
|
class: "space-y-1.5 group"
|
|
@@ -10693,7 +10693,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10693
10693
|
__name: "MergeTagsTab",
|
|
10694
10694
|
setup(t) {
|
|
10695
10695
|
const l = ["Merge Tag", "Link Tag"], o = K("Merge Tag");
|
|
10696
|
-
return (u,
|
|
10696
|
+
return (u, p) => (r(), n("div", null, [e("div", _b, [(r(), n(te, null, ce(l, (d) => e("button", {
|
|
10697
10697
|
key: d,
|
|
10698
10698
|
onClick: (i) => o.value = d,
|
|
10699
10699
|
class: N(["text-xs font-medium transition-colors pb-1", o.value === d ? "text-(--md-text) border-b-2 border-(--md-text)" : "text-(--md-text-subtle) hover:text-(--md-text-muted) border-b-2 border-transparent"])
|
|
@@ -10736,13 +10736,13 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10736
10736
|
}, cf = /* @__PURE__ */ ae({
|
|
10737
10737
|
__name: "VisibilityTab",
|
|
10738
10738
|
setup(t) {
|
|
10739
|
-
const { visibilityPreviewContext: l, rows: o } = ke(), { evaluateVisibility: u, evaluateRule:
|
|
10739
|
+
const { visibilityPreviewContext: l, rows: o } = ke(), { evaluateVisibility: u, evaluateRule: p } = yo(), d = K(!0), i = K(Object.keys(l.value).length > 0 ? Object.entries(l.value).map(([C, _]) => ({
|
|
10740
10740
|
key: C,
|
|
10741
10741
|
value: _
|
|
10742
10742
|
})) : [{
|
|
10743
10743
|
key: "",
|
|
10744
10744
|
value: ""
|
|
10745
|
-
}]),
|
|
10745
|
+
}]), m = L(() => i.value.filter((C) => C.key.trim()).length), s = (C) => fo.includes(C), g = (C) => er.includes(C), c = (C) => ({
|
|
10746
10746
|
"==": "=",
|
|
10747
10747
|
"!=": "≠",
|
|
10748
10748
|
contains: "⊃",
|
|
@@ -10773,7 +10773,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10773
10773
|
"date_before",
|
|
10774
10774
|
"date_after",
|
|
10775
10775
|
"date_on"
|
|
10776
|
-
].includes(C) ? "text-rose-500" : "text-(--md-text-subtle)", v = (C) =>
|
|
10776
|
+
].includes(C) ? "text-rose-500" : "text-(--md-text-subtle)", v = (C) => p(C, l.value), h = (C, _) => C.name ? tt(C.name) : C.type === "row-spacer" ? "Spacer" : `Row ${_ + 1}`;
|
|
10777
10777
|
function y(C, _, D, V) {
|
|
10778
10778
|
C.forEach((A, P) => {
|
|
10779
10779
|
if (A.type === "row" || A.type === "row-spacer") {
|
|
@@ -10831,7 +10831,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10831
10831
|
i.value.splice(C, 1), z();
|
|
10832
10832
|
};
|
|
10833
10833
|
return Se(i, z, { deep: !0 }), (C, _) => (r(), n("div", Bb, [
|
|
10834
|
-
e("div", Ib, [e("div", Vb, [_[1] || (_[1] = e("span", { class: "text-xs font-medium text-(--md-text-muted)" }, "Preview Context", -1)), e("span", Lb, R(
|
|
10834
|
+
e("div", Ib, [e("div", Vb, [_[1] || (_[1] = e("span", { class: "text-xs font-medium text-(--md-text-muted)" }, "Preview Context", -1)), e("span", Lb, R(m.value) + " active ", 1)]), e("button", {
|
|
10835
10835
|
onClick: F,
|
|
10836
10836
|
class: "text-(--md-text-subtle) hover:text-(--md-text-muted) text-xs flex items-center gap-1"
|
|
10837
10837
|
}, [b(ge, {
|
|
@@ -10860,7 +10860,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10860
10860
|
name: "times",
|
|
10861
10861
|
style: { "font-size": "10px" }
|
|
10862
10862
|
})], 8, Hb)]))), 128)),
|
|
10863
|
-
|
|
10863
|
+
m.value === 0 ? (r(), n("div", Ub, [..._[4] || (_[4] = [e("span", { class: "text-[11px] text-(--md-text-subtle)" }, "No active context tags — add one to preview visibility rules", -1)])])) : M("", !0)
|
|
10864
10864
|
]),
|
|
10865
10865
|
S.value.length > 0 ? (r(), n("div", Ob, [e("button", {
|
|
10866
10866
|
onClick: _[0] || (_[0] = (D) => d.value = !d.value),
|
|
@@ -10964,7 +10964,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10964
10964
|
text: "–",
|
|
10965
10965
|
cls: "text-(--md-text-subtle)"
|
|
10966
10966
|
}
|
|
10967
|
-
}, u = L(() => o[l.level]),
|
|
10967
|
+
}, u = L(() => o[l.level]), p = L(() => {
|
|
10968
10968
|
if (l.highlight) {
|
|
10969
10969
|
if (l.level === "none") return `"${l.operatorLabel}" is not supported by ${l.espName}`;
|
|
10970
10970
|
if (l.level === "fallback") return `"${l.operatorLabel}" uses fallback in ${l.espName}`;
|
|
@@ -10976,7 +10976,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
10976
10976
|
u.value.cls,
|
|
10977
10977
|
t.highlight ? t.level === "none" ? "ring-1 ring-(--md-danger) bg-(--md-danger-bg) px-0.5 rounded" : "ring-1 ring-(--md-warning) bg-(--md-warning-bg) px-0.5 rounded" : ""
|
|
10978
10978
|
]),
|
|
10979
|
-
title:
|
|
10979
|
+
title: p.value
|
|
10980
10980
|
}, R(u.value.text), 11, pf));
|
|
10981
10981
|
}
|
|
10982
10982
|
}), gf = vf, bf = { class: "border border-(--md-border) rounded-lg bg-(--md-surface) overflow-hidden" }, ff = { class: "flex items-center justify-between px-3 py-2 bg-(--md-surface-hover) border-b border-(--md-border)" }, xf = { class: "flex items-center gap-2" }, hf = { class: "p-3 space-y-3" }, wf = { class: "relative" }, yf = ["label"], kf = ["value"], $f = { class: "mt-1.5 flex items-center justify-between" }, Cf = { class: "text-[10px] text-(--md-text-subtle) leading-relaxed" }, Sf = ["href"], _f = {
|
|
@@ -11006,7 +11006,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11006
11006
|
}, Yf = { class: "text-[10px] border-collapse min-w-full" }, Kf = { class: "text-left text-(--md-text-subtle)" }, Jf = ["title"], Xf = ["title"], Qf = /* @__PURE__ */ ae({
|
|
11007
11007
|
__name: "VisibilityWrapESPTab",
|
|
11008
11008
|
setup(t) {
|
|
11009
|
-
const { rows: l, espConfig: o } = ke(), u = L(() => jt(o.value.syntax, Mt)),
|
|
11009
|
+
const { rows: l, espConfig: o } = ke(), u = L(() => jt(o.value.syntax, Mt)), p = L(() => ({
|
|
11010
11010
|
handlebars: "bg-(--md-warning-bg) text-(--md-warning-fg) border-(--md-warning-border)",
|
|
11011
11011
|
liquid: "bg-(--md-info-bg) text-(--md-info-fg) border-(--md-info-border)",
|
|
11012
11012
|
ampscript: "bg-(--md-accent-soft) text-(--md-accent) border-(--md-accent-border)",
|
|
@@ -11035,12 +11035,12 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11035
11035
|
label: x[$],
|
|
11036
11036
|
options: w[$]
|
|
11037
11037
|
}));
|
|
11038
|
-
}), i = (P) => P?.enabled ? (P.rules?.length ?? 0) > 0 || (P.groups?.length ?? 0) > 0 : !1,
|
|
11038
|
+
}), i = (P) => P?.enabled ? (P.rules?.length ?? 0) > 0 || (P.groups?.length ?? 0) > 0 : !1, m = (P, x) => {
|
|
11039
11039
|
for (const w of P) if (w.type === "row") {
|
|
11040
11040
|
x(w.visibility, !0);
|
|
11041
11041
|
for (const k of w.columns ?? []) {
|
|
11042
11042
|
const $ = k.children ?? k.components ?? [];
|
|
11043
|
-
|
|
11043
|
+
m($, x);
|
|
11044
11044
|
}
|
|
11045
11045
|
} else w.type === "row-spacer" ? x(w.visibility, !1) : x(w.props?.visibility, !1);
|
|
11046
11046
|
}, s = L(() => {
|
|
@@ -11053,7 +11053,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11053
11053
|
}
|
|
11054
11054
|
for (const k of x.columns ?? []) {
|
|
11055
11055
|
const $ = k.children ?? k.components ?? [];
|
|
11056
|
-
|
|
11056
|
+
m($, (T) => {
|
|
11057
11057
|
if (i(T)) {
|
|
11058
11058
|
P.push(...T.rules ?? []);
|
|
11059
11059
|
for (const I of T.groups ?? []) P.push(...I.rules ?? []);
|
|
@@ -11068,7 +11068,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11068
11068
|
for (const x of P.columns ?? []) {
|
|
11069
11069
|
const w = x.children ?? x.components ?? [];
|
|
11070
11070
|
let k = !1;
|
|
11071
|
-
if (
|
|
11071
|
+
if (m(w, ($) => {
|
|
11072
11072
|
k || i($) && ($.groups?.length ?? 0) > 0 && (k = !0);
|
|
11073
11073
|
}), k) return !0;
|
|
11074
11074
|
}
|
|
@@ -11150,7 +11150,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11150
11150
|
for (const x of P.columns ?? []) {
|
|
11151
11151
|
const w = x.children ?? x.components ?? [];
|
|
11152
11152
|
let k = !1;
|
|
11153
|
-
if (
|
|
11153
|
+
if (m(w, ($) => {
|
|
11154
11154
|
k || B($) && (k = !0);
|
|
11155
11155
|
}), k) return !0;
|
|
11156
11156
|
}
|
|
@@ -11242,7 +11242,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11242
11242
|
name: "code",
|
|
11243
11243
|
class: "text-(--md-text-subtle)",
|
|
11244
11244
|
style: { "font-size": "11px" }
|
|
11245
|
-
}), x[3] || (x[3] = e("span", { class: "text-xs font-medium text-(--md-text-muted)" }, "ESP Wrap Config", -1))]), e("span", { class: N(["text-[10px] px-1.5 py-0.5 rounded-full border font-mono",
|
|
11245
|
+
}), x[3] || (x[3] = e("span", { class: "text-xs font-medium text-(--md-text-muted)" }, "ESP Wrap Config", -1))]), e("span", { class: N(["text-[10px] px-1.5 py-0.5 rounded-full border font-mono", p.value]) }, R(u.value.group), 3)]),
|
|
11246
11246
|
e("div", hf, [
|
|
11247
11247
|
e("div", null, [
|
|
11248
11248
|
x[5] || (x[5] = e("label", { class: "block text-[10px] text-(--md-text-subtle) mb-1.5 uppercase tracking-wide" }, " Target ESP Syntax ", -1)),
|
|
@@ -11388,7 +11388,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11388
11388
|
"Visibility",
|
|
11389
11389
|
"ESP"
|
|
11390
11390
|
], o = K("Styles");
|
|
11391
|
-
return (u,
|
|
11391
|
+
return (u, p) => (r(), n("div", ex, [e("div", tx, [e("div", ox, [(r(), n(te, null, ce(l, (d) => e("button", {
|
|
11392
11392
|
key: d,
|
|
11393
11393
|
onClick: (i) => o.value = d,
|
|
11394
11394
|
class: N(["flex-1 px-3 py-1.5 text-xs font-medium rounded-md transition-all", o.value === d ? "bg-(--md-surface) text-(--md-text) shadow-sm" : "text-(--md-text-subtle) hover:text-(--md-text-muted) hover:bg-(--md-surface-hover)"])
|
|
@@ -11407,9 +11407,9 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11407
11407
|
"Layout",
|
|
11408
11408
|
"General"
|
|
11409
11409
|
], o = K("Content");
|
|
11410
|
-
return (u,
|
|
11410
|
+
return (u, p) => (r(), n("div", ix, [e("div", sx, [(r(), n(te, null, ce(l, (d, i) => e("button", {
|
|
11411
11411
|
key: d,
|
|
11412
|
-
onClick: (
|
|
11412
|
+
onClick: (m) => o.value = d,
|
|
11413
11413
|
class: N(["flex-1 px-3 py-1.5 text-sm font-medium transition-colors", [o.value === d ? "md-segment-active" : "md-segment-idle", i < l.length - 1 ? "md-segment-divider" : ""]])
|
|
11414
11414
|
}, R(d), 11, dx)), 64))]), e("div", ux, [
|
|
11415
11415
|
o.value === "Content" ? (r(), oe(cg, { key: 0 })) : M("", !0),
|
|
@@ -11430,12 +11430,12 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11430
11430
|
}
|
|
11431
11431
|
},
|
|
11432
11432
|
setup(t) {
|
|
11433
|
-
const l = t, { open: o } = fr(), { addComponent: u, selectedColumn:
|
|
11434
|
-
if (!
|
|
11433
|
+
const l = t, { open: o } = fr(), { addComponent: u, selectedColumn: p } = ke(), d = K(!1), i = L(() => p.value !== null), m = () => {
|
|
11434
|
+
if (!p.value) {
|
|
11435
11435
|
o("Please select a column in the canvas first or drag and drop component", l.label);
|
|
11436
11436
|
return;
|
|
11437
11437
|
}
|
|
11438
|
-
u(
|
|
11438
|
+
u(p.value.rowId, p.value.columnId, l.componentType);
|
|
11439
11439
|
}, s = (g) => {
|
|
11440
11440
|
if (d.value = !0, !g.dataTransfer) return;
|
|
11441
11441
|
g.dataTransfer.effectAllowed = "copy", g.dataTransfer.setData("text/plain", "new-component"), g.dataTransfer.setData("componentType", l.componentType), g.dataTransfer.setData("isNewComponent", "true");
|
|
@@ -11443,7 +11443,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11443
11443
|
c.style.opacity = "0.5", document.body.appendChild(c), g.dataTransfer.setDragImage(c, 0, 0), setTimeout(() => document.body.removeChild(c), 0);
|
|
11444
11444
|
};
|
|
11445
11445
|
return (g, c) => (r(), n("div", px, [e("div", vx, [e("div", gx, [Z(R(t.label) + " ", 1), c[0] || (c[0] = e("span", { class: "absolute -right-1 top-1/2 -translate-y-1/2 w-2.5 h-2.5 bg-(--md-tooltip-bg) rotate-45" }, null, -1))])]), e("button", {
|
|
11446
|
-
onClick:
|
|
11446
|
+
onClick: m,
|
|
11447
11447
|
draggable: "true",
|
|
11448
11448
|
onDragstart: s,
|
|
11449
11449
|
disabled: !i.value && !d.value,
|
|
@@ -11834,7 +11834,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11834
11834
|
"menu",
|
|
11835
11835
|
"socials"
|
|
11836
11836
|
]), o = L(() => [...br().values()].filter((u) => !!u.icon && !l.has(u.name)));
|
|
11837
|
-
return (u,
|
|
11837
|
+
return (u, p) => (r(), n("div", Ux, [e("div", Ox, [
|
|
11838
11838
|
b(wx),
|
|
11839
11839
|
b(kx),
|
|
11840
11840
|
b(Cx),
|
|
@@ -11900,12 +11900,12 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11900
11900
|
emits: ["update:visible"],
|
|
11901
11901
|
setup(t, { emit: l }) {
|
|
11902
11902
|
const o = l;
|
|
11903
|
-
return (u,
|
|
11903
|
+
return (u, p) => (r(), oe(Co, {
|
|
11904
11904
|
visible: t.visible,
|
|
11905
11905
|
modal: "",
|
|
11906
11906
|
closable: !1,
|
|
11907
11907
|
class: "w-md",
|
|
11908
|
-
"onUpdate:visible":
|
|
11908
|
+
"onUpdate:visible": p[1] || (p[1] = (d) => o("update:visible", d))
|
|
11909
11909
|
}, {
|
|
11910
11910
|
header: ee(() => [e("div", Xx, [b(ge, {
|
|
11911
11911
|
name: "info-circle",
|
|
@@ -11914,7 +11914,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11914
11914
|
footer: ee(() => [b(Ht, {
|
|
11915
11915
|
label: "Ok",
|
|
11916
11916
|
class: "bg-(--md-info)! hover:opacity-90! border-(--md-info)! px-5!",
|
|
11917
|
-
onClick:
|
|
11917
|
+
onClick: p[0] || (p[0] = (d) => o("update:visible", !1))
|
|
11918
11918
|
})]),
|
|
11919
11919
|
default: ee(() => [e("p", Qx, R(t.message), 1)]),
|
|
11920
11920
|
_: 1
|
|
@@ -11943,17 +11943,17 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11943
11943
|
},
|
|
11944
11944
|
emits: ["close", "select"],
|
|
11945
11945
|
setup(t, { emit: l }) {
|
|
11946
|
-
const o = t, u = l,
|
|
11946
|
+
const o = t, u = l, p = xo(), d = K([]), i = K(!1), m = K(!1), s = K(!0);
|
|
11947
11947
|
async function g() {
|
|
11948
|
-
if (typeof
|
|
11948
|
+
if (typeof p.listTemplates != "function") {
|
|
11949
11949
|
s.value = !1;
|
|
11950
11950
|
return;
|
|
11951
11951
|
}
|
|
11952
|
-
s.value = !0, i.value = !0,
|
|
11952
|
+
s.value = !0, i.value = !0, m.value = !1;
|
|
11953
11953
|
try {
|
|
11954
|
-
d.value = await
|
|
11954
|
+
d.value = await p.listTemplates();
|
|
11955
11955
|
} catch (v) {
|
|
11956
|
-
|
|
11956
|
+
m.value = !0, console.error("[maildeno-editor] failed to list saved templates:", v);
|
|
11957
11957
|
} finally {
|
|
11958
11958
|
i.value = !1;
|
|
11959
11959
|
}
|
|
@@ -11962,9 +11962,9 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
11962
11962
|
v && g();
|
|
11963
11963
|
}, { immediate: !0 });
|
|
11964
11964
|
async function c(v, h) {
|
|
11965
|
-
if (h.stopPropagation(), typeof
|
|
11965
|
+
if (h.stopPropagation(), typeof p.deleteTemplate == "function")
|
|
11966
11966
|
try {
|
|
11967
|
-
await
|
|
11967
|
+
await p.deleteTemplate(v), d.value = d.value.filter((y) => y.templateId !== v);
|
|
11968
11968
|
} catch (y) {
|
|
11969
11969
|
console.error("[maildeno-editor] failed to delete template:", y);
|
|
11970
11970
|
}
|
|
@@ -12026,7 +12026,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12026
12026
|
}, [b(ge, {
|
|
12027
12027
|
name: "times",
|
|
12028
12028
|
style: { "font-size": "12px" }
|
|
12029
|
-
})])])]), e("div", l0, [s.value ? i.value ? (r(), n("p", i0, " Loading… ")) :
|
|
12029
|
+
})])])]), e("div", l0, [s.value ? i.value ? (r(), n("p", i0, " Loading… ")) : m.value ? (r(), n("p", s0, [
|
|
12030
12030
|
h[2] || (h[2] = Z(" Couldn't load saved templates.", -1)),
|
|
12031
12031
|
h[3] || (h[3] = e("br", null, null, -1)),
|
|
12032
12032
|
e("button", {
|
|
@@ -12046,7 +12046,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12046
12046
|
}, [
|
|
12047
12047
|
e("div", c0, [e("div", m0, R(y.name || "Untitled template"), 1), e("div", p0, R(y.templateId), 1)]),
|
|
12048
12048
|
e("span", v0, R(f(y.updatedAt)), 1),
|
|
12049
|
-
typeof a(
|
|
12049
|
+
typeof a(p).deleteTemplate == "function" ? (r(), n("button", {
|
|
12050
12050
|
key: 0,
|
|
12051
12051
|
class: "hidden group-hover:flex items-center justify-center w-5 h-5 shrink-0 rounded-md text-(--md-text-subtle) hover:text-(--md-danger) hover:bg-(--md-danger-bg) transition-colors focus:outline-none",
|
|
12052
12052
|
"aria-label": "Delete template",
|
|
@@ -12095,19 +12095,19 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12095
12095
|
},
|
|
12096
12096
|
emits: ["close", "restore"],
|
|
12097
12097
|
setup(t, { emit: l }) {
|
|
12098
|
-
const o = t, u = l,
|
|
12098
|
+
const o = t, u = l, p = xo(), d = Ot(), i = oo(), m = K([]), s = K(!1), g = K(!1), c = K(!0), f = K(/* @__PURE__ */ new Set()), v = L(() => typeof p.deleteTemplateVersion == "function"), h = L(() => typeof p.deleteAllTemplateVersions == "function"), y = L(() => typeof p.setTemplateVersionKept == "function"), S = L(() => typeof p.getTemplateVersion == "function");
|
|
12099
12099
|
async function z() {
|
|
12100
12100
|
if (!o.templateId) {
|
|
12101
|
-
|
|
12101
|
+
m.value = [], c.value = !0;
|
|
12102
12102
|
return;
|
|
12103
12103
|
}
|
|
12104
|
-
if (typeof
|
|
12104
|
+
if (typeof p.listTemplateVersions != "function") {
|
|
12105
12105
|
c.value = !1;
|
|
12106
12106
|
return;
|
|
12107
12107
|
}
|
|
12108
12108
|
c.value = !0, s.value = !0, g.value = !1;
|
|
12109
12109
|
try {
|
|
12110
|
-
|
|
12110
|
+
m.value = await p.listTemplateVersions(o.templateId);
|
|
12111
12111
|
} catch (V) {
|
|
12112
12112
|
g.value = !0, console.error("[maildeno-editor] failed to list template versions:", V);
|
|
12113
12113
|
} finally {
|
|
@@ -12122,7 +12122,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12122
12122
|
const P = !V.kept;
|
|
12123
12123
|
f.value = new Set(f.value).add(V.versionId);
|
|
12124
12124
|
try {
|
|
12125
|
-
await
|
|
12125
|
+
await p.setTemplateVersionKept(o.templateId, V.versionId, P), m.value = m.value.map((x) => x.versionId === V.versionId ? {
|
|
12126
12126
|
...x,
|
|
12127
12127
|
kept: P
|
|
12128
12128
|
} : x);
|
|
@@ -12147,7 +12147,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12147
12147
|
acceptClass: "md-btn-danger",
|
|
12148
12148
|
accept: async () => {
|
|
12149
12149
|
try {
|
|
12150
|
-
await
|
|
12150
|
+
await p.deleteTemplateVersion(o.templateId, V.versionId), m.value = m.value.filter((P) => P.versionId !== V.versionId);
|
|
12151
12151
|
} catch (P) {
|
|
12152
12152
|
console.error("[maildeno-editor] failed to delete version:", P), Et(P) || i.add({
|
|
12153
12153
|
severity: "error",
|
|
@@ -12161,7 +12161,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12161
12161
|
}
|
|
12162
12162
|
function C() {
|
|
12163
12163
|
if (!o.templateId || !h.value) return;
|
|
12164
|
-
const V =
|
|
12164
|
+
const V = m.value.filter((A) => A.kept).length;
|
|
12165
12165
|
d.require({
|
|
12166
12166
|
header: "Delete all versions?",
|
|
12167
12167
|
message: V ? `Every version except the ${V} you've kept will be permanently removed. This can't be undone.` : "Every version of this template will be permanently removed. This can't be undone.",
|
|
@@ -12170,7 +12170,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12170
12170
|
acceptClass: "md-btn-danger",
|
|
12171
12171
|
accept: async () => {
|
|
12172
12172
|
try {
|
|
12173
|
-
await
|
|
12173
|
+
await p.deleteAllTemplateVersions(o.templateId), m.value = m.value.filter((A) => A.kept);
|
|
12174
12174
|
} catch (A) {
|
|
12175
12175
|
console.error("[maildeno-editor] failed to delete versions:", A), Et(A) || i.add({
|
|
12176
12176
|
severity: "error",
|
|
@@ -12216,7 +12216,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12216
12216
|
e("path", { d: "M3 3v5h5" }),
|
|
12217
12217
|
e("path", { d: "M3.05 13A9 9 0 1 0 6 5.3L3 8" }),
|
|
12218
12218
|
e("path", { d: "M12 7v5l4 2" })
|
|
12219
|
-
]), e("span", { class: "text-[11px] font-semibold text-(--md-text-subtle) uppercase tracking-[.08em]" }, " Version History ")], -1)), e("div", y0, [h.value &&
|
|
12219
|
+
]), e("span", { class: "text-[11px] font-semibold text-(--md-text-subtle) uppercase tracking-[.08em]" }, " Version History ")], -1)), e("div", y0, [h.value && m.value.length ? (r(), n("button", {
|
|
12220
12220
|
key: 0,
|
|
12221
12221
|
onClick: C,
|
|
12222
12222
|
class: "w-6 h-6 flex items-center justify-center rounded-md text-(--md-text-subtle) hover:text-(--md-danger) hover:bg-(--md-danger-bg) transition-colors focus:outline-none",
|
|
@@ -12239,13 +12239,13 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12239
12239
|
class: "underline hover:no-underline mt-1",
|
|
12240
12240
|
onClick: z
|
|
12241
12241
|
}, " Retry ")
|
|
12242
|
-
])) :
|
|
12242
|
+
])) : m.value.length ? (r(), oe(So, {
|
|
12243
12243
|
key: 5,
|
|
12244
12244
|
name: "row-list",
|
|
12245
12245
|
tag: "div",
|
|
12246
12246
|
class: "space-y-1"
|
|
12247
12247
|
}, {
|
|
12248
|
-
default: ee(() => [(r(!0), n(te, null, ce(
|
|
12248
|
+
default: ee(() => [(r(!0), n(te, null, ce(m.value, (P) => (r(), n("div", {
|
|
12249
12249
|
key: P.versionId,
|
|
12250
12250
|
class: N(["group flex items-center gap-2 px-2.5 py-2 rounded-lg transition-colors", [S.value ? "hover:bg-(--md-surface-hover) cursor-pointer" : "", f.value.has(P.versionId) ? "opacity-50 pointer-events-none" : ""]]),
|
|
12251
12251
|
onClick: (x) => S.value && _(P)
|
|
@@ -12313,7 +12313,7 @@ var np = 12, ip = 16, sp = /* @__PURE__ */ ae({
|
|
|
12313
12313
|
warn: "exclamation-triangle",
|
|
12314
12314
|
error: "exclamation-triangle"
|
|
12315
12315
|
};
|
|
12316
|
-
return (u,
|
|
12316
|
+
return (u, p) => (r(), n("div", A0, [b(So, { name: "md-toast" }, {
|
|
12317
12317
|
default: ee(() => [(r(!0), n(te, null, ce(a(Ur), (d) => (r(), n("div", {
|
|
12318
12318
|
key: d.id,
|
|
12319
12319
|
class: N(["md-toast", l[d.severity ?? "info"] ?? "md-toast--info"])
|
|
@@ -12686,7 +12686,7 @@ function J0() {
|
|
|
12686
12686
|
if (!t) return [...yt];
|
|
12687
12687
|
const l = JSON.parse(t);
|
|
12688
12688
|
if (!Array.isArray(l)) return [...yt];
|
|
12689
|
-
const o = new Set(_t.map((
|
|
12689
|
+
const o = new Set(_t.map((p) => p.id)), u = l.filter((p) => typeof p == "string" && o.has(p));
|
|
12690
12690
|
return u.length > 0 ? u : [...yt];
|
|
12691
12691
|
} catch {
|
|
12692
12692
|
return [...yt];
|
|
@@ -12719,14 +12719,14 @@ function mr() {
|
|
|
12719
12719
|
}), l = L(() => {
|
|
12720
12720
|
const B = new Set(Xe.value);
|
|
12721
12721
|
return _t.filter((C) => !B.has(C.id));
|
|
12722
|
-
}), o = L(() => Je.value ? _t.find((B) => B.id === Je.value) ?? null : null), u = L(() => Je.value ? t.value.findIndex((B) => B.id === Je.value) : -1),
|
|
12722
|
+
}), o = L(() => Je.value ? _t.find((B) => B.id === Je.value) ?? null : null), u = L(() => Je.value ? t.value.findIndex((B) => B.id === Je.value) : -1), p = L(() => {
|
|
12723
12723
|
const B = u.value;
|
|
12724
12724
|
return B >= 0 && B < t.value.length - 1;
|
|
12725
12725
|
}), d = L(() => u.value > 0);
|
|
12726
12726
|
function i(B) {
|
|
12727
12727
|
Xe.value.includes(B) || _t.some((C) => C.id === B) && (Xe.value = [...Xe.value, B]);
|
|
12728
12728
|
}
|
|
12729
|
-
function
|
|
12729
|
+
function m(B) {
|
|
12730
12730
|
if (Xe.value.includes(B)) {
|
|
12731
12731
|
if (Je.value === B) {
|
|
12732
12732
|
const C = u.value, _ = t.value[C + 1] ?? t.value[C - 1] ?? null;
|
|
@@ -12743,7 +12743,7 @@ function mr() {
|
|
|
12743
12743
|
Xe.value.includes(B) && (Je.value = B);
|
|
12744
12744
|
}
|
|
12745
12745
|
function g() {
|
|
12746
|
-
if (!
|
|
12746
|
+
if (!p.value) return;
|
|
12747
12747
|
const B = t.value[u.value + 1];
|
|
12748
12748
|
B && (Je.value = B.id);
|
|
12749
12749
|
}
|
|
@@ -12883,11 +12883,11 @@ function mr() {
|
|
|
12883
12883
|
activeClientId: io(Je),
|
|
12884
12884
|
activeClient: o,
|
|
12885
12885
|
activeClientIndex: u,
|
|
12886
|
-
hasNext:
|
|
12886
|
+
hasNext: p,
|
|
12887
12887
|
hasPrev: d,
|
|
12888
12888
|
isHydrated: io(to),
|
|
12889
12889
|
addClient: i,
|
|
12890
|
-
removeClient:
|
|
12890
|
+
removeClient: m,
|
|
12891
12891
|
setActiveClient: s,
|
|
12892
12892
|
goToNextClient: g,
|
|
12893
12893
|
goToPrevClient: c,
|
|
@@ -12940,7 +12940,7 @@ var Z0 = {
|
|
|
12940
12940
|
"retinaImages",
|
|
12941
12941
|
"mediaQueries",
|
|
12942
12942
|
"embeddedStyles"
|
|
12943
|
-
],
|
|
12943
|
+
], p = {
|
|
12944
12944
|
webFonts: "Web fonts",
|
|
12945
12945
|
gradients: "Gradients",
|
|
12946
12946
|
tdBorderRadius: "Rounded TD",
|
|
@@ -13000,16 +13000,16 @@ var Z0 = {
|
|
|
13000
13000
|
title: f
|
|
13001
13001
|
};
|
|
13002
13002
|
}
|
|
13003
|
-
const
|
|
13003
|
+
const m = L(() => {
|
|
13004
13004
|
const s = (l.expanded ? u : o).map((g) => ({
|
|
13005
13005
|
key: g,
|
|
13006
|
-
label:
|
|
13006
|
+
label: p[g],
|
|
13007
13007
|
supported: !!l.capabilities[g],
|
|
13008
13008
|
title: d[g]
|
|
13009
13009
|
}));
|
|
13010
13010
|
return l.expanded && s.push(i(l.capabilities.darkModeStrategy)), s;
|
|
13011
13011
|
});
|
|
13012
|
-
return (s, g) => (r(), n("div", { class: N(["flex flex-wrap gap-1.5", { "justify-end": t.align === "right" }]) }, [(r(!0), n(te, null, ce(
|
|
13012
|
+
return (s, g) => (r(), n("div", { class: N(["flex flex-wrap gap-1.5", { "justify-end": t.align === "right" }]) }, [(r(!0), n(te, null, ce(m.value, (c) => (r(), n("span", {
|
|
13013
13013
|
key: c.key,
|
|
13014
13014
|
class: N(["relative group/badge inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10.5px] font-medium border transition-colors cursor-default", c.supported ? "bg-(--md-success-bg) text-(--md-success-fg) border-(--md-success-border)" : "bg-(--md-danger-bg) text-(--md-danger-fg) border-(--md-danger-border)"])
|
|
13015
13015
|
}, [
|
|
@@ -13062,7 +13062,7 @@ var Z0 = {
|
|
|
13062
13062
|
default:
|
|
13063
13063
|
return "";
|
|
13064
13064
|
}
|
|
13065
|
-
}), u = L(() => l.client.capabilities.darkModeStrategy),
|
|
13065
|
+
}), u = L(() => l.client.capabilities.darkModeStrategy), p = L(() => {
|
|
13066
13066
|
switch (l.client.capabilities.darkModeStrategy) {
|
|
13067
13067
|
case "respects-meta":
|
|
13068
13068
|
return "Native dark mode";
|
|
@@ -13081,8 +13081,8 @@ var Z0 = {
|
|
|
13081
13081
|
role: "button",
|
|
13082
13082
|
tabindex: "0",
|
|
13083
13083
|
"aria-label": `Open ${t.client.name} preview`,
|
|
13084
|
-
onClick: i[2] || (i[2] = (
|
|
13085
|
-
onKeydown: [i[3] || (i[3] = He((
|
|
13084
|
+
onClick: i[2] || (i[2] = (m) => d.$emit("open", t.client.id)),
|
|
13085
|
+
onKeydown: [i[3] || (i[3] = He((m) => d.$emit("open", t.client.id), ["enter"])), i[4] || (i[4] = He(ue((m) => d.$emit("open", t.client.id), ["prevent"]), ["space"]))]
|
|
13086
13086
|
}, [
|
|
13087
13087
|
e("div", nh, [
|
|
13088
13088
|
e("div", {
|
|
@@ -13096,13 +13096,13 @@ var Z0 = {
|
|
|
13096
13096
|
type: "button",
|
|
13097
13097
|
class: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-all w-7 h-7 rounded-md hover:bg-(--md-danger-bg) hover:text-(--md-danger) text-(--md-text-subtle) flex items-center justify-center shrink-0",
|
|
13098
13098
|
"aria-label": `Remove ${t.client.name}`,
|
|
13099
|
-
onClick: i[0] || (i[0] = ue((
|
|
13099
|
+
onClick: i[0] || (i[0] = ue((m) => d.$emit("remove", t.client.id), ["stop"]))
|
|
13100
13100
|
}, [...i[5] || (i[5] = [Pe('<svg class="w-3.5 h-3.5 text-(--md-danger)" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"></path><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"></path><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg>', 1)])], 8, mh)) : t.addable ? (r(), n("button", {
|
|
13101
13101
|
key: 1,
|
|
13102
13102
|
type: "button",
|
|
13103
13103
|
class: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-all w-7 h-7 rounded-md bg-(--md-accent)/10 hover:bg-(--md-accent) hover:text-(--md-on-accent) text-(--md-accent) flex items-center justify-center shrink-0",
|
|
13104
13104
|
"aria-label": `Add ${t.client.name}`,
|
|
13105
|
-
onClick: i[1] || (i[1] = ue((
|
|
13105
|
+
onClick: i[1] || (i[1] = ue((m) => d.$emit("add", t.client.id), ["stop"]))
|
|
13106
13106
|
}, [...i[6] || (i[6] = [e("svg", {
|
|
13107
13107
|
class: "w-3.5 h-3.5",
|
|
13108
13108
|
viewBox: "0 0 14 14",
|
|
@@ -13138,7 +13138,7 @@ var Z0 = {
|
|
|
13138
13138
|
i[9] || (i[9] = e("div", { class: "h-1 bg-(--md-border) rounded-sm w-2/3" }, null, -1))
|
|
13139
13139
|
])], 4),
|
|
13140
13140
|
e("div", gh, [b(ah, { capabilities: t.client.capabilities }, null, 8, ["capabilities"])]),
|
|
13141
|
-
e("div", bh, [e("span", fh, [e("span", { class: N(["w-1.5 h-1.5 rounded-full shrink-0", u.value === "none" ? "bg-(--md-border-strong)" : u.value === "respects-meta" ? "bg-(--md-success)" : "bg-(--md-warning)"]) }, null, 2), Z(" " + R(
|
|
13141
|
+
e("div", bh, [e("span", fh, [e("span", { class: N(["w-1.5 h-1.5 rounded-full shrink-0", u.value === "none" ? "bg-(--md-border-strong)" : u.value === "respects-meta" ? "bg-(--md-success)" : "bg-(--md-warning)"]) }, null, 2), Z(" " + R(p.value), 1)]), i[11] || (i[11] = e("span", { class: "inline-flex items-center gap-0.5 text-(--md-accent) font-medium opacity-60 group-hover:opacity-100 group-hover:gap-1 transition-all shrink-0" }, [Z(" Open "), e("svg", {
|
|
13142
13142
|
class: "w-3 h-3",
|
|
13143
13143
|
viewBox: "0 0 12 12",
|
|
13144
13144
|
fill: "none"
|
|
@@ -13214,8 +13214,8 @@ var Z0 = {
|
|
|
13214
13214
|
key: u.id,
|
|
13215
13215
|
client: u,
|
|
13216
13216
|
removable: "",
|
|
13217
|
-
onOpen: o[3] || (o[3] = (
|
|
13218
|
-
onRemove: o[4] || (o[4] = (
|
|
13217
|
+
onOpen: o[3] || (o[3] = (p) => l.$emit("open", p)),
|
|
13218
|
+
onRemove: o[4] || (o[4] = (p) => l.$emit("remove", p))
|
|
13219
13219
|
}, null, 8, ["client"]))), 128))])) : (r(), n("div", _h, [o[10] || (o[10] = Pe('<div class="w-14 h-14 rounded-2xl bg-(--md-surface-hover) border border-(--md-border) flex items-center justify-center"><svg class="w-7 h-7 text-(--md-text-subtle)" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></div><div><p class="text-base font-medium text-(--md-text-muted)"> No clients yet </p><p class="text-sm text-(--md-text-subtle) mt-1 max-w-xs"> Add an email client to preview how your email will render across inboxes. </p></div>', 2)), e("button", {
|
|
13220
13220
|
type: "button",
|
|
13221
13221
|
class: "inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium rounded-md bg-(--md-accent) text-(--md-on-accent) hover:bg-(--md-accent-hover) transition shadow-sm",
|
|
@@ -13258,17 +13258,17 @@ var Z0 = {
|
|
|
13258
13258
|
"reset"
|
|
13259
13259
|
],
|
|
13260
13260
|
setup(t, { emit: l }) {
|
|
13261
|
-
const o = t, u = kt(),
|
|
13261
|
+
const o = t, u = kt(), p = l, d = K(""), i = K(null);
|
|
13262
13262
|
Se(() => o.open, (f) => {
|
|
13263
13263
|
f && (d.value = "", Ee(() => i.value?.focus()));
|
|
13264
13264
|
});
|
|
13265
|
-
let
|
|
13265
|
+
let m = null;
|
|
13266
13266
|
Se(() => o.open, (f) => {
|
|
13267
|
-
typeof window > "u" || (f && !
|
|
13268
|
-
v.key === "Escape" &&
|
|
13269
|
-
}, window.addEventListener("keydown",
|
|
13267
|
+
typeof window > "u" || (f && !m ? (m = (v) => {
|
|
13268
|
+
v.key === "Escape" && p("update:open", !1);
|
|
13269
|
+
}, window.addEventListener("keydown", m)) : !f && m && (window.removeEventListener("keydown", m), m = null));
|
|
13270
13270
|
}), Vt(() => {
|
|
13271
|
-
typeof window < "u" &&
|
|
13271
|
+
typeof window < "u" && m && (window.removeEventListener("keydown", m), m = null);
|
|
13272
13272
|
});
|
|
13273
13273
|
const s = L(() => {
|
|
13274
13274
|
const f = d.value.trim().toLowerCase();
|
|
@@ -13278,7 +13278,7 @@ var Z0 = {
|
|
|
13278
13278
|
return f === "web" ? "Web" : f === "desktop" ? "Desktop" : "Mobile";
|
|
13279
13279
|
}
|
|
13280
13280
|
function c(f) {
|
|
13281
|
-
|
|
13281
|
+
p("add", f);
|
|
13282
13282
|
}
|
|
13283
13283
|
return (f, v) => a(u) ? (r(), oe(pt, {
|
|
13284
13284
|
key: 0,
|
|
@@ -13399,11 +13399,11 @@ var Z0 = {
|
|
|
13399
13399
|
html: {}
|
|
13400
13400
|
},
|
|
13401
13401
|
setup(t) {
|
|
13402
|
-
const l = t, o = K(!1), u = K(null),
|
|
13402
|
+
const l = t, o = K(!1), u = K(null), p = K(800), { transformForClient: d, darkModeCss: i, darkChromeBg: m, applyDarkModeDom: s } = mr();
|
|
13403
13403
|
function g(D) {
|
|
13404
13404
|
o.value = D;
|
|
13405
13405
|
}
|
|
13406
|
-
const c = L(() =>
|
|
13406
|
+
const c = L(() => m(o.value)), f = L(() => {
|
|
13407
13407
|
if (!o.value) return "#ffffff";
|
|
13408
13408
|
const D = l.client.capabilities.darkModeStrategy;
|
|
13409
13409
|
return D === "none" || D === "respects-meta" ? "#ffffff" : "#1f1f1f";
|
|
@@ -13474,7 +13474,7 @@ var Z0 = {
|
|
|
13474
13474
|
}
|
|
13475
13475
|
A = Math.ceil(x - P);
|
|
13476
13476
|
} else A = V.scrollHeight;
|
|
13477
|
-
|
|
13477
|
+
p.value = Math.max(200, A);
|
|
13478
13478
|
}
|
|
13479
13479
|
function C() {
|
|
13480
13480
|
F === null && (typeof window > "u" || (F = window.requestAnimationFrame(B)));
|
|
@@ -13614,7 +13614,7 @@ var Z0 = {
|
|
|
13614
13614
|
class: "block border-0 transition-colors",
|
|
13615
13615
|
style: xe({
|
|
13616
13616
|
width: t.client.viewportWidth + "px",
|
|
13617
|
-
height:
|
|
13617
|
+
height: p.value + "px",
|
|
13618
13618
|
backgroundColor: f.value
|
|
13619
13619
|
}),
|
|
13620
13620
|
title: `${t.client.name} preview`,
|
|
@@ -13657,21 +13657,21 @@ var Z0 = {
|
|
|
13657
13657
|
"remove"
|
|
13658
13658
|
],
|
|
13659
13659
|
setup(t, { emit: l }) {
|
|
13660
|
-
const o = ro(() => import("./PreviewCanvas-
|
|
13661
|
-
|
|
13660
|
+
const o = ro(() => import("./PreviewCanvas-CutgVbs-.js")), u = t, p = l, d = L(() => `${u.index + 1} of ${u.total}`), i = () => {
|
|
13661
|
+
p("close");
|
|
13662
13662
|
};
|
|
13663
|
-
function
|
|
13663
|
+
function m(s) {
|
|
13664
13664
|
const g = s.target;
|
|
13665
13665
|
if (g) {
|
|
13666
13666
|
const c = g.tagName;
|
|
13667
13667
|
if (c === "INPUT" || c === "TEXTAREA" || g.isContentEditable) return;
|
|
13668
13668
|
}
|
|
13669
|
-
s.key === "ArrowRight" && u.hasNext ? (s.preventDefault(),
|
|
13669
|
+
s.key === "ArrowRight" && u.hasNext ? (s.preventDefault(), p("next")) : s.key === "ArrowLeft" && u.hasPrev ? (s.preventDefault(), p("prev")) : s.key === "Escape" && p("close");
|
|
13670
13670
|
}
|
|
13671
13671
|
return qe(() => {
|
|
13672
|
-
typeof window < "u" && window.addEventListener("keydown",
|
|
13672
|
+
typeof window < "u" && window.addEventListener("keydown", m);
|
|
13673
13673
|
}), Ne(() => {
|
|
13674
|
-
typeof window < "u" && window.removeEventListener("keydown",
|
|
13674
|
+
typeof window < "u" && window.removeEventListener("keydown", m);
|
|
13675
13675
|
}), (s, g) => (r(), n("div", ow, [e("div", rw, [
|
|
13676
13676
|
e("div", aw, [e("div", lw, [e("button", {
|
|
13677
13677
|
type: "button",
|
|
@@ -13770,11 +13770,11 @@ var Z0 = {
|
|
|
13770
13770
|
__name: "PreviewScreen",
|
|
13771
13771
|
emits: ["close"],
|
|
13772
13772
|
setup(t) {
|
|
13773
|
-
const { rows: l, canvasStyles: o, getExportedHTML: u, initFromStorage:
|
|
13773
|
+
const { rows: l, canvasStyles: o, getExportedHTML: u, initFromStorage: p, isBuilderReady: d } = ke(), { selectedClients: i, availableClients: m, activeClient: s, activeClientIndex: g, hasNext: c, hasPrev: f, isHydrated: v, addClient: h, removeClient: y, setActiveClient: S, goToNextClient: z, goToPrevClient: F, resetToDefaults: B, hydrateFromStorage: C } = mr(), _ = K(!1);
|
|
13774
13774
|
function D() {
|
|
13775
|
-
if (typeof
|
|
13775
|
+
if (typeof p == "function" && d.value)
|
|
13776
13776
|
try {
|
|
13777
|
-
|
|
13777
|
+
p();
|
|
13778
13778
|
} catch {
|
|
13779
13779
|
}
|
|
13780
13780
|
}
|
|
@@ -13864,7 +13864,7 @@ var Z0 = {
|
|
|
13864
13864
|
]))]), b(qh, {
|
|
13865
13865
|
open: _.value,
|
|
13866
13866
|
"onUpdate:open": q[6] || (q[6] = (O) => _.value = O),
|
|
13867
|
-
"available-clients": a(
|
|
13867
|
+
"available-clients": a(m),
|
|
13868
13868
|
onAdd: I,
|
|
13869
13869
|
onReset: a(B)
|
|
13870
13870
|
}, null, 8, [
|
|
@@ -13889,7 +13889,7 @@ var Z0 = {
|
|
|
13889
13889
|
warn: "exclamation-triangle",
|
|
13890
13890
|
error: "exclamation-triangle"
|
|
13891
13891
|
};
|
|
13892
|
-
return (
|
|
13892
|
+
return (p, d) => o.value ? (r(), n("div", {
|
|
13893
13893
|
key: 0,
|
|
13894
13894
|
class: N(["md-msg", `md-msg--${l.severity}`]),
|
|
13895
13895
|
role: "status"
|
|
@@ -13898,7 +13898,7 @@ var Z0 = {
|
|
|
13898
13898
|
name: u[l.severity],
|
|
13899
13899
|
class: "md-msg__icon"
|
|
13900
13900
|
}, null, 8, ["name"]),
|
|
13901
|
-
e("div", Iw, [ht(
|
|
13901
|
+
e("div", Iw, [ht(p.$slots, "default", {}, void 0, !0)]),
|
|
13902
13902
|
l.closable ? (r(), n("button", {
|
|
13903
13903
|
key: 0,
|
|
13904
13904
|
type: "button",
|
|
@@ -13924,9 +13924,9 @@ var Z0 = {
|
|
|
13924
13924
|
},
|
|
13925
13925
|
emits: ["update:visible", "sent"],
|
|
13926
13926
|
setup(t, { emit: l }) {
|
|
13927
|
-
const o = t, u = l,
|
|
13927
|
+
const o = t, u = l, p = K(""), d = K(o.defaultSubject), i = K(!1), m = K(!1), s = K(null), g = L(() => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(p.value.trim())), c = L(() => d.value.trim().length > 0), f = L(() => g.value && c.value);
|
|
13928
13928
|
Se(() => o.visible, (y) => {
|
|
13929
|
-
y && (
|
|
13929
|
+
y && (p.value = "", d.value = o.defaultSubject, i.value = !1, s.value = null);
|
|
13930
13930
|
});
|
|
13931
13931
|
function v() {
|
|
13932
13932
|
u("update:visible", !1);
|
|
@@ -13941,17 +13941,17 @@ var Z0 = {
|
|
|
13941
13941
|
return;
|
|
13942
13942
|
}
|
|
13943
13943
|
if (y) {
|
|
13944
|
-
|
|
13944
|
+
m.value = !0;
|
|
13945
13945
|
try {
|
|
13946
13946
|
await o.onSend({
|
|
13947
|
-
to:
|
|
13947
|
+
to: p.value.trim(),
|
|
13948
13948
|
subject: d.value.trim(),
|
|
13949
13949
|
html: y
|
|
13950
13950
|
}), u("sent"), v();
|
|
13951
13951
|
} catch (S) {
|
|
13952
13952
|
s.value = S instanceof Error ? S.message : "Failed to send. Please try again.";
|
|
13953
13953
|
} finally {
|
|
13954
|
-
|
|
13954
|
+
m.value = !1;
|
|
13955
13955
|
}
|
|
13956
13956
|
}
|
|
13957
13957
|
}
|
|
@@ -13961,18 +13961,18 @@ var Z0 = {
|
|
|
13961
13961
|
modal: "",
|
|
13962
13962
|
header: "Send test email",
|
|
13963
13963
|
style: { width: "480px" },
|
|
13964
|
-
closable: !
|
|
13964
|
+
closable: !m.value
|
|
13965
13965
|
}, {
|
|
13966
13966
|
footer: ee(() => [b(Ht, {
|
|
13967
13967
|
label: "Cancel",
|
|
13968
13968
|
severity: "secondary",
|
|
13969
13969
|
text: "",
|
|
13970
13970
|
onClick: v,
|
|
13971
|
-
disabled:
|
|
13971
|
+
disabled: m.value
|
|
13972
13972
|
}, null, 8, ["disabled"]), b(Ht, {
|
|
13973
13973
|
label: "Send",
|
|
13974
|
-
loading:
|
|
13975
|
-
disabled:
|
|
13974
|
+
loading: m.value,
|
|
13975
|
+
disabled: m.value,
|
|
13976
13976
|
onClick: h
|
|
13977
13977
|
}, null, 8, ["loading", "disabled"])]),
|
|
13978
13978
|
default: ee(() => [e("form", {
|
|
@@ -13986,12 +13986,12 @@ var Z0 = {
|
|
|
13986
13986
|
}, " Recipient email ", -1)),
|
|
13987
13987
|
b(Ie, {
|
|
13988
13988
|
id: "to-email",
|
|
13989
|
-
modelValue:
|
|
13990
|
-
"onUpdate:modelValue": S[0] || (S[0] = (z) =>
|
|
13989
|
+
modelValue: p.value,
|
|
13990
|
+
"onUpdate:modelValue": S[0] || (S[0] = (z) => p.value = z),
|
|
13991
13991
|
type: "email",
|
|
13992
13992
|
class: "w-full",
|
|
13993
13993
|
placeholder: "recipient@example.com",
|
|
13994
|
-
disabled:
|
|
13994
|
+
disabled: m.value,
|
|
13995
13995
|
invalid: i.value && !g.value,
|
|
13996
13996
|
autofocus: ""
|
|
13997
13997
|
}, null, 8, [
|
|
@@ -14012,7 +14012,7 @@ var Z0 = {
|
|
|
14012
14012
|
"onUpdate:modelValue": S[1] || (S[1] = (z) => d.value = z),
|
|
14013
14013
|
class: "w-full",
|
|
14014
14014
|
placeholder: "Your subject line",
|
|
14015
|
-
disabled:
|
|
14015
|
+
disabled: m.value,
|
|
14016
14016
|
invalid: i.value && !c.value
|
|
14017
14017
|
}, null, 8, [
|
|
14018
14018
|
"modelValue",
|
|
@@ -14107,12 +14107,12 @@ var Z0 = {
|
|
|
14107
14107
|
"new-template"
|
|
14108
14108
|
],
|
|
14109
14109
|
setup(t, { emit: l }) {
|
|
14110
|
-
const o = l, u = t,
|
|
14110
|
+
const o = l, u = t, p = L(() => u.capabilities?.export ?? [
|
|
14111
14111
|
"html",
|
|
14112
14112
|
"mjml",
|
|
14113
14113
|
"react",
|
|
14114
14114
|
"json"
|
|
14115
|
-
]), d = ro(() => import("./HealthIndicator-
|
|
14115
|
+
]), d = ro(() => import("./HealthIndicator-D1dFZy5o.js")), i = oo(), { rows: m, canvasStyles: s, templateTags: g, savedTemplateName: c, exportHTML: f, getExportedHTML: v, exportReactEmail: h, exportMJML: y, exportJSON: S, importJSON: z, clearTemplate: F, previewMode: B, undo: C, redo: _, canUndo: D, canRedo: V, saveStatus: A, lastSaved: P, initFromStorage: x, clearLocal: w, linksActive: k, builderMode: $, templateId: T, saveTemplate: I } = ke(), E = L({
|
|
14116
14116
|
get: () => c.value ?? "",
|
|
14117
14117
|
set: ($e) => {
|
|
14118
14118
|
c.value = $e || null;
|
|
@@ -14155,7 +14155,7 @@ var Z0 = {
|
|
|
14155
14155
|
ye.value = !0;
|
|
14156
14156
|
const $e = $.value === "create";
|
|
14157
14157
|
try {
|
|
14158
|
-
const X = Br(JSON.parse(JSON.stringify(s.value))), Re = yr(JSON.parse(JSON.stringify(
|
|
14158
|
+
const X = Br(JSON.parse(JSON.stringify(s.value))), Re = yr(JSON.parse(JSON.stringify(m.value)));
|
|
14159
14159
|
await I({
|
|
14160
14160
|
name: E.value || "Untitled Template",
|
|
14161
14161
|
canvasStyles: X,
|
|
@@ -14513,40 +14513,40 @@ var Z0 = {
|
|
|
14513
14513
|
class: N(["flex-1 py-1 text-[11px] font-medium rounded-md transition-all", je.value === "master" ? "bg-(--md-surface) text-(--md-text) shadow-sm" : "text-(--md-text-subtle)"])
|
|
14514
14514
|
}, " Master · wrap ", 2)]),
|
|
14515
14515
|
je.value === "snap" ? (r(), n(te, { key: 0 }, [
|
|
14516
|
-
|
|
14516
|
+
p.value.includes("html") ? (r(), n("button", {
|
|
14517
14517
|
key: 0,
|
|
14518
14518
|
onClick: Ze,
|
|
14519
14519
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
14520
14520
|
}, [...X[36] || (X[36] = [Pe('<span class="flex items-center justify-center w-7 h-7 rounded-md bg-(--md-warning-bg) shrink-0" data-v-c4082ced><svg class="size-4 text-(--md-warning-fg)" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-c4082ced><polyline points="16 18 22 12 16 6" data-v-c4082ced></polyline><polyline points="8 6 2 12 8 18" data-v-c4082ced></polyline></svg></span><div data-v-c4082ced><span class="block text-sm font-medium text-(--md-text)" data-v-c4082ced>HTML</span><span class="text-[11px] text-(--md-text-subtle) line-clamp-3" data-v-c4082ced>Strips rows, comps that don't match preview context</span></div>', 2)])])) : M("", !0),
|
|
14521
|
-
|
|
14521
|
+
p.value.includes("react") ? (r(), n("button", {
|
|
14522
14522
|
key: 1,
|
|
14523
14523
|
onClick: qt,
|
|
14524
14524
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
14525
14525
|
}, [...X[37] || (X[37] = [Pe('<span class="flex items-center justify-center w-7 h-7 rounded-md bg-(--md-info-bg) shrink-0" data-v-c4082ced><div class="size-4.25" data-v-c4082ced><svg xmlns="http://www.w3.org/2000/svg" width="134.74" height="120" viewBox="0 0 256 228" class="w-full h-full" data-v-c4082ced><path fill="#00d8ff" d="M210.483 73.824a172 172 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171 171 0 0 0-6.375 5.848a156 156 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a171 171 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a146 146 0 0 0 6.921 2.165a168 168 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a146 146 0 0 0 5.342-4.923a168 168 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145 145 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844m-6.365 70.984q-2.102.694-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14m-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a157 157 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345q.785 3.162 1.386 6.193M87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a157 157 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a135 135 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94M50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a135 135 0 0 1-6.318-1.979m12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144 144 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160 160 0 0 1-1.76-7.887m110.427 27.268a348 348 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381 381 0 0 0-7.365-13.322m-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322 322 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18M82.802 87.83a323 323 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a322 322 0 0 0-7.848 12.897m8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321 321 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147m37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486m52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382 382 0 0 0 7.859-13.026a347 347 0 0 0 7.425-13.565m-16.898 8.101a359 359 0 0 1-12.281 19.815a329 329 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310 310 0 0 1-12.513-19.846h.001a307 307 0 0 1-10.923-20.627a310 310 0 0 1 10.89-20.637l-.001.001a307 307 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329 329 0 0 1 12.335 19.695a359 359 0 0 1 11.036 20.54a330 330 0 0 1-11 20.722m22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026q-.518 2.504-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a161 161 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3M128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86" data-v-c4082ced></path></svg></div></span><div data-v-c4082ced><span class="block text-sm font-medium text-(--md-text)" data-v-c4082ced>React Email <span class="font-normal text-(--md-text-subtle) text-[11px]" data-v-c4082ced>.tsx</span></span><span class="text-[11px] text-(--md-text-subtle) line-clamp-3" data-v-c4082ced>Strips rows, comps that don't match preview context</span></div>', 2)])])) : M("", !0),
|
|
14526
|
-
|
|
14526
|
+
p.value.includes("mjml") ? (r(), n("button", {
|
|
14527
14527
|
key: 2,
|
|
14528
14528
|
onClick: Q,
|
|
14529
14529
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
14530
14530
|
}, [...X[38] || (X[38] = [Pe('<span class="flex items-center justify-center w-7 h-7 rounded-md bg-(--md-danger-bg) shrink-0" data-v-c4082ced><div class="size-4.25" data-v-c4082ced><svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" class="w-full h-full" data-v-c4082ced><g transform="translate(9.943 14.253)scale(.8026)" data-v-c4082ced><path fill="#ff5722" d="M14.5 0h57.3c8 0 14.5 6.5 14.5 14.5S79.8 29 71.8 29H14.5C6.5 29 0 22.5 0 14.5S6.5 0 14.5 0" data-v-c4082ced></path><ellipse cx="109.2" cy="14.5" fill="#ff5722" rx="14.8" ry="14.5" data-v-c4082ced></ellipse><path fill="#ff5722" d="M52.6 43.3h56.6c8-.6 14.9 5.5 15.5 13.5s-5.5 14.9-13.5 15.5H52.6c-8 .6-14.9-5.5-15.5-13.5s5.5-14.9 13.5-15.5H52z" data-v-c4082ced></path><path fill="#ff1744" d="M14.8 43c8.2 0 14.8 6.6 14.8 14.8S23 72.6 14.8 72.6C6.6 72.5 0 65.9 0 57.8C0 49.6 6.6 43 14.8 43" data-v-c4082ced></path><path fill="#ff5722" d="M14.5 85h57.3c8 0 14.5 6.5 14.5 14.5S79.8 114 71.8 114H14.5C6.5 114 0 107.5 0 99.5S6.5 85 14.5 85" data-v-c4082ced></path><ellipse cx="109.2" cy="99.5" fill="#ff5722" rx="14.8" ry="14.5" data-v-c4082ced></ellipse></g></svg></div></span><div data-v-c4082ced><span class="block text-sm font-medium text-(--md-text)" data-v-c4082ced>MJML</span><span class="text-[11px] text-(--md-text-subtle) line-clamp-3" data-v-c4082ced>Strips rows, comps that don't match preview context</span></div>', 2)])])) : M("", !0)
|
|
14531
14531
|
], 64)) : (r(), n(te, { key: 1 }, [
|
|
14532
|
-
|
|
14532
|
+
p.value.includes("html") ? (r(), n("button", {
|
|
14533
14533
|
key: 0,
|
|
14534
14534
|
onClick: Wt,
|
|
14535
14535
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
14536
14536
|
}, [...X[39] || (X[39] = [Pe('<span class="flex items-center justify-center w-7 h-7 rounded-md bg-(--md-warning-bg) shrink-0" data-v-c4082ced><svg class="size-4 text-(--md-warning-fg)" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-c4082ced><polyline points="16 18 22 12 16 6" data-v-c4082ced></polyline><polyline points="8 6 2 12 8 18" data-v-c4082ced></polyline></svg></span><div data-v-c4082ced><span class="block text-sm font-medium text-(--md-text)" data-v-c4082ced>HTML</span><span class="text-[11px] text-(--md-text-subtle) line-clamp-3" data-v-c4082ced>All rows, comps kept, ESP conditional tags added</span></div>', 2)])])) : M("", !0),
|
|
14537
|
-
|
|
14537
|
+
p.value.includes("react") ? (r(), n("button", {
|
|
14538
14538
|
key: 1,
|
|
14539
14539
|
onClick: Yt,
|
|
14540
14540
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
14541
14541
|
}, [...X[40] || (X[40] = [Pe('<span class="flex items-center justify-center w-7 h-7 rounded-md bg-(--md-info-bg) shrink-0" data-v-c4082ced><div class="size-4.25" data-v-c4082ced><svg xmlns="http://www.w3.org/2000/svg" width="134.74" height="120" viewBox="0 0 256 228" class="w-full h-full" data-v-c4082ced><path fill="#00d8ff" d="M210.483 73.824a172 172 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171 171 0 0 0-6.375 5.848a156 156 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a171 171 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a146 146 0 0 0 6.921 2.165a168 168 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a146 146 0 0 0 5.342-4.923a168 168 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145 145 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844m-6.365 70.984q-2.102.694-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14m-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a157 157 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345q.785 3.162 1.386 6.193M87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a157 157 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a135 135 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94M50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a135 135 0 0 1-6.318-1.979m12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144 144 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160 160 0 0 1-1.76-7.887m110.427 27.268a348 348 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381 381 0 0 0-7.365-13.322m-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322 322 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18M82.802 87.83a323 323 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a322 322 0 0 0-7.848 12.897m8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321 321 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147m37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486m52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382 382 0 0 0 7.859-13.026a347 347 0 0 0 7.425-13.565m-16.898 8.101a359 359 0 0 1-12.281 19.815a329 329 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310 310 0 0 1-12.513-19.846h.001a307 307 0 0 1-10.923-20.627a310 310 0 0 1 10.89-20.637l-.001.001a307 307 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329 329 0 0 1 12.335 19.695a359 359 0 0 1 11.036 20.54a330 330 0 0 1-11 20.722m22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026q-.518 2.504-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a161 161 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3M128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86" data-v-c4082ced></path></svg></div></span><div data-v-c4082ced><span class="block text-sm font-medium text-(--md-text)" data-v-c4082ced>React Email <span class="font-normal text-(--md-text-subtle) text-[11px]" data-v-c4082ced>.tsx</span></span><span class="text-[11px] text-(--md-text-subtle) line-clamp-3" data-v-c4082ced>JSX conditionals via props, all rows, comps kept</span></div>', 2)])])) : M("", !0),
|
|
14542
|
-
|
|
14542
|
+
p.value.includes("mjml") ? (r(), n("button", {
|
|
14543
14543
|
key: 2,
|
|
14544
14544
|
onClick: ne,
|
|
14545
14545
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
14546
14546
|
}, [...X[41] || (X[41] = [Pe('<span class="flex items-center justify-center w-7 h-7 rounded-md bg-(--md-danger-bg) shrink-0" data-v-c4082ced><div class="size-4.25" data-v-c4082ced><svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" class="w-full h-full" data-v-c4082ced><g transform="translate(9.943 14.253)scale(.8026)" data-v-c4082ced><path fill="#ff5722" d="M14.5 0h57.3c8 0 14.5 6.5 14.5 14.5S79.8 29 71.8 29H14.5C6.5 29 0 22.5 0 14.5S6.5 0 14.5 0" data-v-c4082ced></path><ellipse cx="109.2" cy="14.5" fill="#ff5722" rx="14.8" ry="14.5" data-v-c4082ced></ellipse><path fill="#ff5722" d="M52.6 43.3h56.6c8-.6 14.9 5.5 15.5 13.5s-5.5 14.9-13.5 15.5H52.6c-8 .6-14.9-5.5-15.5-13.5s5.5-14.9 13.5-15.5H52z" data-v-c4082ced></path><path fill="#ff1744" d="M14.8 43c8.2 0 14.8 6.6 14.8 14.8S23 72.6 14.8 72.6C6.6 72.5 0 65.9 0 57.8C0 49.6 6.6 43 14.8 43" data-v-c4082ced></path><path fill="#ff5722" d="M14.5 85h57.3c8 0 14.5 6.5 14.5 14.5S79.8 114 71.8 114H14.5C6.5 114 0 107.5 0 99.5S6.5 85 14.5 85" data-v-c4082ced></path><ellipse cx="109.2" cy="99.5" fill="#ff5722" rx="14.8" ry="14.5" data-v-c4082ced></ellipse></g></svg></div></span><div data-v-c4082ced><span class="block text-sm font-medium text-(--md-text)" data-v-c4082ced>MJML</span><span class="text-[11px] text-(--md-text-subtle) line-clamp-3" data-v-c4082ced>All rows, comps kept, ESP conditional tags added</span></div>', 2)])])) : M("", !0)
|
|
14547
14547
|
], 64)),
|
|
14548
14548
|
X[46] || (X[46] = e("div", { class: "border-t border-(--md-border) mx-3 my-1.5" }, null, -1)),
|
|
14549
|
-
e("div", null, [
|
|
14549
|
+
e("div", null, [p.value.includes("json") ? (r(), n("button", {
|
|
14550
14550
|
key: 0,
|
|
14551
14551
|
onClick: de,
|
|
14552
14552
|
class: "w-full flex items-center gap-2.5 px-3.5 py-2 hover:bg-(--md-surface-hover) transition-colors text-left"
|
|
@@ -14654,9 +14654,9 @@ function Jo(t) {
|
|
|
14654
14654
|
`);
|
|
14655
14655
|
}
|
|
14656
14656
|
function w2(t, l, o) {
|
|
14657
|
-
const u = Jo(l),
|
|
14657
|
+
const u = Jo(l), p = Jo(o);
|
|
14658
14658
|
let d = co.get(t);
|
|
14659
|
-
if (!u && !
|
|
14659
|
+
if (!u && !p) {
|
|
14660
14660
|
d?.remove(), co.delete(t), t.removeAttribute("data-md-theme-scope");
|
|
14661
14661
|
return;
|
|
14662
14662
|
}
|
|
@@ -14665,21 +14665,21 @@ function w2(t, l, o) {
|
|
|
14665
14665
|
const s = t.getRootNode();
|
|
14666
14666
|
(s instanceof ShadowRoot ? s : document.head ?? document.body).appendChild(d);
|
|
14667
14667
|
}
|
|
14668
|
-
const i = `[data-md-theme-scope="${t.getAttribute("data-md-theme-scope")}"]`,
|
|
14669
|
-
u &&
|
|
14668
|
+
const i = `[data-md-theme-scope="${t.getAttribute("data-md-theme-scope")}"]`, m = [];
|
|
14669
|
+
u && m.push(`${i} {
|
|
14670
14670
|
${u}
|
|
14671
|
-
}`),
|
|
14671
|
+
}`), p && m.push(`${i}.dark,
|
|
14672
14672
|
${i} .dark,
|
|
14673
14673
|
.dark ${i} {
|
|
14674
|
-
${
|
|
14675
|
-
}`), d.textContent =
|
|
14674
|
+
${p}
|
|
14675
|
+
}`), d.textContent = m.join(`
|
|
14676
14676
|
|
|
14677
14677
|
`);
|
|
14678
14678
|
}
|
|
14679
14679
|
function y2(t, l = document.documentElement) {
|
|
14680
|
-
const { light: o, dark: u, primaryColor:
|
|
14680
|
+
const { light: o, dark: u, primaryColor: p, surfaceColor: d, ...i } = t;
|
|
14681
14681
|
w2(l, {
|
|
14682
|
-
...
|
|
14682
|
+
...p ? { primary: p } : {},
|
|
14683
14683
|
...d ? { surface: d } : {},
|
|
14684
14684
|
...i,
|
|
14685
14685
|
...o ?? {}
|
|
@@ -14692,9 +14692,9 @@ function U2(t) {
|
|
|
14692
14692
|
parseInt(o.slice(0, 2), 16),
|
|
14693
14693
|
parseInt(o.slice(2, 4), 16),
|
|
14694
14694
|
parseInt(o.slice(4, 6), 16)
|
|
14695
|
-
],
|
|
14695
|
+
], p = (s) => Math.round(Math.min(255, Math.max(0, s))).toString(16).padStart(2, "0"), d = ([s, g, c], f) => {
|
|
14696
14696
|
const v = f >= 0 ? 255 : 0, h = Math.abs(f);
|
|
14697
|
-
return `#${
|
|
14697
|
+
return `#${p(s + (v - s) * h)}${p(g + (v - g) * h)}${p(c + (v - c) * h)}`;
|
|
14698
14698
|
}, i = {
|
|
14699
14699
|
50: 0.95,
|
|
14700
14700
|
100: 0.9,
|
|
@@ -14707,9 +14707,9 @@ function U2(t) {
|
|
|
14707
14707
|
800: -0.45,
|
|
14708
14708
|
900: -0.6,
|
|
14709
14709
|
950: -0.75
|
|
14710
|
-
},
|
|
14711
|
-
for (const [s, g] of Object.entries(i))
|
|
14712
|
-
return
|
|
14710
|
+
}, m = {};
|
|
14711
|
+
for (const [s, g] of Object.entries(i)) m[s] = d(u, g);
|
|
14712
|
+
return m;
|
|
14713
14713
|
}
|
|
14714
14714
|
var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE__ */ ae({
|
|
14715
14715
|
__name: "AssistantPanel",
|
|
@@ -14719,48 +14719,48 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14719
14719
|
editor: {}
|
|
14720
14720
|
},
|
|
14721
14721
|
setup(t, { expose: l }) {
|
|
14722
|
-
const o = t, u = kt(),
|
|
14723
|
-
let i = null,
|
|
14722
|
+
const o = t, u = kt(), p = K(!1), d = K(null);
|
|
14723
|
+
let i = null, m = null;
|
|
14724
14724
|
function s() {
|
|
14725
|
-
|
|
14725
|
+
p.value = !1;
|
|
14726
14726
|
}
|
|
14727
14727
|
function g() {
|
|
14728
|
-
|
|
14728
|
+
p.value = !p.value;
|
|
14729
14729
|
}
|
|
14730
14730
|
function c(f) {
|
|
14731
|
-
f.key === "Escape" &&
|
|
14731
|
+
f.key === "Escape" && p.value && (f.stopPropagation(), s());
|
|
14732
14732
|
}
|
|
14733
|
-
return Se(
|
|
14733
|
+
return Se(p, async (f) => {
|
|
14734
14734
|
if (f) {
|
|
14735
|
-
if (i = document.activeElement ?? null, await Ee(), o.assistant && d.value && !
|
|
14736
|
-
|
|
14735
|
+
if (i = document.activeElement ?? null, await Ee(), o.assistant && d.value && !m) {
|
|
14736
|
+
m = d.value;
|
|
14737
14737
|
try {
|
|
14738
|
-
o.assistant.mount(
|
|
14738
|
+
o.assistant.mount(m, o.editor);
|
|
14739
14739
|
} catch (v) {
|
|
14740
14740
|
console.error("[maildeno-editor] assistant.mount() threw:", v);
|
|
14741
14741
|
}
|
|
14742
14742
|
}
|
|
14743
14743
|
} else {
|
|
14744
|
-
if (o.assistant &&
|
|
14744
|
+
if (o.assistant && m) {
|
|
14745
14745
|
try {
|
|
14746
|
-
o.assistant.unmount?.(
|
|
14746
|
+
o.assistant.unmount?.(m);
|
|
14747
14747
|
} catch (v) {
|
|
14748
14748
|
console.error("[maildeno-editor] assistant.unmount() threw:", v);
|
|
14749
14749
|
}
|
|
14750
|
-
|
|
14750
|
+
m = null;
|
|
14751
14751
|
}
|
|
14752
14752
|
i?.focus?.(), i = null;
|
|
14753
14753
|
}
|
|
14754
14754
|
}), Vt(() => {
|
|
14755
|
-
if (o.assistant &&
|
|
14755
|
+
if (o.assistant && m) {
|
|
14756
14756
|
try {
|
|
14757
|
-
o.assistant.unmount?.(
|
|
14757
|
+
o.assistant.unmount?.(m);
|
|
14758
14758
|
} catch {
|
|
14759
14759
|
}
|
|
14760
|
-
|
|
14760
|
+
m = null;
|
|
14761
14761
|
}
|
|
14762
14762
|
}), l({
|
|
14763
|
-
open: () =>
|
|
14763
|
+
open: () => p.value = !0,
|
|
14764
14764
|
close: s,
|
|
14765
14765
|
toggle: g
|
|
14766
14766
|
}), (f, v) => a(u) ? (r(), oe(pt, {
|
|
@@ -14770,13 +14770,13 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14770
14770
|
type: "button",
|
|
14771
14771
|
class: "md-assistant-fab",
|
|
14772
14772
|
"aria-label": "Open assistant",
|
|
14773
|
-
"aria-expanded":
|
|
14773
|
+
"aria-expanded": p.value,
|
|
14774
14774
|
onClick: g
|
|
14775
14775
|
}, [b(ge, {
|
|
14776
14776
|
name: "sparkles",
|
|
14777
14777
|
style: { "font-size": "16px" }
|
|
14778
|
-
})], 8, k2), [[rt, !
|
|
14779
|
-
default: ee(() => [
|
|
14778
|
+
})], 8, k2), [[rt, !p.value]]), b(Fe, { name: "assistant-slide" }, {
|
|
14779
|
+
default: ee(() => [p.value ? (r(), n("aside", {
|
|
14780
14780
|
key: 0,
|
|
14781
14781
|
class: "md-assistant-drawer",
|
|
14782
14782
|
role: "dialog",
|
|
@@ -14823,7 +14823,7 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14823
14823
|
},
|
|
14824
14824
|
emits: ["ready"],
|
|
14825
14825
|
setup(t, { expose: l, emit: o }) {
|
|
14826
|
-
const u = ro(() => import("./SavedRowsPanel-
|
|
14826
|
+
const u = ro(() => import("./SavedRowsPanel-Cl1aZdnL.js")), p = t, d = p.onSendTestEmail, i = L(() => p.onSave ?? p.saveHandler ?? null), m = L(() => typeof i.value == "function"), s = K(null);
|
|
14827
14827
|
function g(he) {
|
|
14828
14828
|
i.value?.(he), s.value?.dispatchEvent(new CustomEvent("save", {
|
|
14829
14829
|
detail: [he],
|
|
@@ -14831,14 +14831,14 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14831
14831
|
composed: !0
|
|
14832
14832
|
}));
|
|
14833
14833
|
}
|
|
14834
|
-
gr(
|
|
14835
|
-
const c = o, { isDesktop: f } = ar(), v = or()?.ce ?? null, { isDark: h } = Zr(Kr(
|
|
14834
|
+
gr(m);
|
|
14835
|
+
const c = o, { isDesktop: f } = ar(), v = or()?.ce ?? null, { isDark: h } = Zr(Kr(p, "colorMode"), v);
|
|
14836
14836
|
if (v || aa(), v && !na()) {
|
|
14837
14837
|
const he = ia(v.shadowRoot);
|
|
14838
14838
|
Ne(he);
|
|
14839
14839
|
}
|
|
14840
|
-
const y = hr(
|
|
14841
|
-
Sr(L(() =>
|
|
14840
|
+
const y = hr(p.storageAdapter);
|
|
14841
|
+
Sr(L(() => p.capabilities?.savedRows ?? {}));
|
|
14842
14842
|
const S = $r(), z = K(null), F = K(!1), B = Ot();
|
|
14843
14843
|
function C(he, Ce) {
|
|
14844
14844
|
if (!A.value?.length) return Ce();
|
|
@@ -14884,8 +14884,8 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14884
14884
|
});
|
|
14885
14885
|
}
|
|
14886
14886
|
vr(z);
|
|
14887
|
-
const { rows: A, templateId: P, builderMode: x, canvasStyles: w, isBuilderReady: k, initForCreate: $, startNewTemplate: T, loadTemplateById: I, savedTemplateName: E, getExportedHTML: ie, getExportedMJML: q, getExportedReactEmail: O, getExportedJSON: j, setJson: H, getSelection: Y, setSelection: W, onChange: U } = Vr(y, S);
|
|
14888
|
-
Hr(), jr(y),
|
|
14887
|
+
const { rows: A, templateId: P, builderMode: x, canvasStyles: w, isBuilderReady: k, initForCreate: $, startNewTemplate: T, loadTemplateById: I, savedTemplateName: E, getExportedHTML: ie, getExportedMJML: q, getExportedReactEmail: O, getExportedJSON: j, setJson: H, getSelection: Y, setSelection: W, onChange: U } = Vr(y, S, m);
|
|
14888
|
+
Hr(), jr(y), p.templateId && (x.value = "edit"), Or(y), Gr(), vc();
|
|
14889
14889
|
const le = rr(), be = {
|
|
14890
14890
|
getJson: () => j(E.value ?? void 0),
|
|
14891
14891
|
setJson: H,
|
|
@@ -14907,20 +14907,20 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14907
14907
|
onChange: U
|
|
14908
14908
|
});
|
|
14909
14909
|
function we() {
|
|
14910
|
-
|
|
14910
|
+
p.theme && s.value && y2(p.theme, s.value);
|
|
14911
14911
|
}
|
|
14912
|
-
qe(we), Se(() =>
|
|
14913
|
-
if (!
|
|
14912
|
+
qe(we), Se(() => p.theme, we, { deep: !0 }), qe(async () => {
|
|
14913
|
+
if (!p.templateId) {
|
|
14914
14914
|
$();
|
|
14915
14915
|
return;
|
|
14916
14916
|
}
|
|
14917
14917
|
try {
|
|
14918
|
-
await I(
|
|
14918
|
+
await I(p.templateId) || (console.warn(`[maildeno-editor] template ${p.templateId} was not found — starting a blank canvas.`), x.value = "create", $(), S.open("That template couldn't be found. It may have been deleted. You've been given a blank canvas.", "Template unavailable"));
|
|
14919
14919
|
} catch (he) {
|
|
14920
14920
|
console.error("[maildeno-editor] failed to load template:", he), x.value = "create", $(), S.open("That template couldn't be loaded. Check your connection and reload the page.", "Couldn't open template");
|
|
14921
14921
|
}
|
|
14922
14922
|
});
|
|
14923
|
-
const ye = L(() =>
|
|
14923
|
+
const ye = L(() => p.isReady && k.value);
|
|
14924
14924
|
let pe = !1;
|
|
14925
14925
|
Se(() => ye.value, async (he) => {
|
|
14926
14926
|
!he || pe || (pe = !0, await Ee(), await Ee(), c("ready"));
|
|
@@ -14941,10 +14941,10 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14941
14941
|
b(x2, {
|
|
14942
14942
|
onSave: Ce[0] || (Ce[0] = (fe) => g({ templateId: fe.templateId == null ? null : String(fe.templateId) })),
|
|
14943
14943
|
"on-send-test-email": a(d),
|
|
14944
|
-
capabilities:
|
|
14944
|
+
capabilities: p.capabilities,
|
|
14945
14945
|
"saved-templates-open": F.value,
|
|
14946
|
-
versions:
|
|
14947
|
-
"can-save":
|
|
14946
|
+
versions: p.versions,
|
|
14947
|
+
"can-save": m.value,
|
|
14948
14948
|
onToggleSavedTemplates: Ce[1] || (Ce[1] = (fe) => F.value = !F.value),
|
|
14949
14949
|
onNewTemplate: V
|
|
14950
14950
|
}, Eo({ _: 2 }, [a(le)["header-actions"] ? {
|
|
@@ -14973,7 +14973,7 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14973
14973
|
_: 1
|
|
14974
14974
|
}),
|
|
14975
14975
|
b(mx),
|
|
14976
|
-
|
|
14976
|
+
p.versions ? (r(), oe(z0, {
|
|
14977
14977
|
key: 0,
|
|
14978
14978
|
open: F.value,
|
|
14979
14979
|
"template-id": a(P),
|
|
@@ -14999,9 +14999,9 @@ var k2 = ["aria-expanded"], $2 = { class: "md-assistant-head" }, C2 = /* @__PURE
|
|
|
14999
14999
|
"header",
|
|
15000
15000
|
"message"
|
|
15001
15001
|
]),
|
|
15002
|
-
|
|
15002
|
+
p.assistant || a(le).assistant ? (r(), oe(S2, {
|
|
15003
15003
|
key: 2,
|
|
15004
|
-
assistant:
|
|
15004
|
+
assistant: p.assistant,
|
|
15005
15005
|
"has-slot": !!a(le).assistant,
|
|
15006
15006
|
editor: be
|
|
15007
15007
|
}, Eo({ _: 2 }, [a(le).assistant ? {
|